Related
Hi there!
Black...Everywhere black Themes
I've made a White Theme-MOD of the modded FouchFlo 3D Setup
My Configuration Idea for ThrottleLauncher is inside!
iContact, PocketCM, MortButton -Skins are included!
The PocketCM Skin is the WM7 one, not from me!
greetz
infernalshade
infernalshade said:
Hi there!
Black...Everywhere black Themes :-D
I've made a White Theme-MOD of the modded FouchFlo 3D Setup :-D
My Configuration Idea for ThrottleLauncher is inside!
iContact, PocketCM, MortButton -Skins are included!
The PocketCM Skin is the WM7 one, not from me!
greetz
infernalshade
Click to expand...
Click to collapse
Wow!! Really nice one! . Testing it in a moment!! .
Thanks for sharing!!!
edit: Tested it and works like a charm on 0.9.2c working version . Only one little comment. Fake transparecy is setted to true by default on this theme, so if you experiment that the scroll is slow please try going to the experimental tab and disable fake transparency...
edit2: published!! http://www.throttlelauncher.com/portal/index.php/setupsaskins/45-091setups/73-infernaltf3dwhite
One more Question...i didn't found that in the Skin!
While sliding trough the Windows, the Background is faded into a light black/grey and the Bottom-Select-Button is bigger than the Sliding-Row...I've made a transparent png-Button with round Corners, but the Corners turn into Black if i slide through the Windows!
Is there a way to enable the png-Transparent-Function or maybe there is a way not to change the Background into light Black???
I've only found a option called "scrollingmode="direct""...i think this Option is a whole feature that cannot be changed...or isn't it?!?
greetz
infernalshade said:
One more Question...i didn't found that in the Skin!
While sliding trough the Windows, the Background is faded into a light black/grey and the Bottom-Select-Button is bigger than the Sliding-Row...I've made a transparent png-Button with round Corners, but the Corners turn into Black if i slide through the Windows!
Is there a way to enable the png-Transparent-Function or maybe there is a way not to change the Background into light Black???
I've only found a option called "scrollingmode="direct""...i think this Option is a whole feature that cannot be changed...or isn't it?!?
greetz
Click to expand...
Click to collapse
That's solved on the new release 0.9.2. It will use the pagebackcolor of the main skin to fade the window background while scrolling on "Direct" mode. For the icon black back... try changing the rowbackcolor on the skin of the footer y think it will solve it.....
Uhm how can i describe it....
Well...if i don't touch the Bottom Slider, the Button has the same height as the Scroll-Bar...There the "transparent" Corners Work...you don't see them!
BUT if i grab the button and slide it through the Scroll-Bar, it will become bigger (height and width) and THERE are black Corners then and not transparent ones! I think the png-transparent-function is disabled during scrolling..
what weather program are you using?
edit: woops, prolly should have installed it and checked it out before I asked huh?
edit#2: ok, how about changing the color of the font for the weather and the memory/battery status on the settings page?
alright, forget I even asked anything, found it in the config file. Im just gonna go away now.
please make a screenshot and i'll fix it!
(I've disabled these Functions)
Well yoou found it for yourself...but for others:
All Colors are held in the "config.xml". Open it with a Text Editor and search your page!
Here's a Font-Color-Correction for the Weather:
Code:
<page name="Weather" loadonstartup="False" autounload="#@pluginsunload#">
<row name="Weather1" scrollingmode="none" marginX="0" marginY="0" rows="3" minheight="180">
<icon name="Update weather" height="150" rowspan="1" width="240" exec="#@MortScript#" params=""\Programme\ThrottleLauncher\Setups\TFlo3D_ShadeMOD\3rdparty\googleweather.mscr" location="#@WeatherCity#" language="#@WeatherLanguage#" dtformat="#@WeatherDTFormat#" s2u2weather="#@S2U2UserWeather#" units="#@WeatherUnits#"" path="setups\TFlo3D_ShadeMOD\icons\NewWeather\weather_big#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\curIcon#.png" />
<text name="currentCondition" alignment="center" width="240" rowspan="1" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\curCondition#" fontcolor="0,120,255" fonttype="11,true"/>
<text name="currentTemperature" alignment="center" width="240" rowspan="1" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\curTemp#°" fontcolor="0,120,255" topmargin="3" fonttype="14,false"/>
</row>
<row name="Weather2" scrollingmode="kinetic" marginX="0" marginY="0" rows="5" minheight="56">
<separator name="update"/>
<text name="currentUpdate" alignment="center" height="19" rowspan="2" width="50" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\updateTime#" fontcolor="129,129,129" fonttype="9,false"/>
<icon name="Update Weather" height="32" rowspan="4" width="45" exec="#@MortScript#" params=""\Programme\ThrottleLauncher\Setups\TFlo3D_ShadeMOD\3rdparty\googleweather.mscr" location="#@WeatherCity#" language="#@WeatherLanguage#" dtformat="#@WeatherDTFormat#" s2u2weather="#@S2U2UserWeather#" units="#@WeatherUnits#"" path="setups\TFlo3D_ShadeMOD\icons\NewWeather\weather_update.png" />
<separator name="forecast"/>
<text width="45" height="19" rowspan="2" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast1\Day#" fontcolor="0,120,255" fonttype="9,true"/>
<text height="19" rowspan="1" width="45" text="H: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast1\High#°" fontcolor="207,38,38" fonttype="9,true"/>
<text rowspan="2" width="45" text="L: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast1\Low#°" fontcolor="129,192,255" fonttype="9,true"/>
<icon width="67" height="7"/>
<text width ="67" height="42" rowspan="3" path="setups\TFlo3D_ShadeMOD\icons\NewWeather\weather_small#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast1\Icon#.png" />
<icon width="67" height="7"/>
<separator />
<icon width="2" rowspan="5" />
<text width="45" height="19" rowspan="2" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast2\Day#" fontcolor="0,120,255" fonttype="9,true"/>
<text height="19" rowspan="1" width="45" text="H: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast2\High#°" fontcolor="207,38,38" fonttype="9,true"/>
<text rowspan="2" width="45" text="L: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast2\Low#°" fontcolor="129,192,255" fonttype="9,true"/>
<icon width="67" height="7"/>
<text width ="67" height="42" rowspan="3" path="setups\TFlo3D_ShadeMOD\icons\NewWeather\weather_small#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast2\Icon#.png" />
<icon width="67" height="7"/>
<separator />
<icon width="2" rowspan="5" />
<text width="45" height="19" rowspan="2" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast3\Day#" fontcolor="0,120,255" fonttype="9,true"/>
<text height="19" rowspan="1" width="45" text="H: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast3\High#°" fontcolor="207,38,38" fonttype="9,true"/>
<text rowspan="2" width="45" text="L: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast3\Low#°" fontcolor="129,192,255" fonttype="9,true"/>
<icon width="67" height="7"/>
<text width ="67" height="42" rowspan="3" path="setups\TFlo3D_ShadeMOD\icons\NewWeather\weather_small#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast3\Icon#.png" />
<icon width="67" height="7"/>
<separator />
<icon width="2" rowspan="5" />
<text width="45" height="19" rowspan="2" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast4\Day#" fontcolor="0,120,255" fonttype="9,true"/>
<text height="19" rowspan="1" width="45" text="H: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast4\High#°" fontcolor="207,38,38" fonttype="9,true"/>
<text rowspan="2" width="45" text="L: #$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast4\Low#°" fontcolor="129,192,255" fonttype="9,true"/>
<icon width="67" height="7"/>
<text width ="67" height="42" rowspan="3" path="setups\TFlo3D_ShadeMOD\icons\NewWeather\weather_small#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\forecast4\Icon#.png" />
<icon width="67" height="7"/>
<separator name="info"/>
<text name="currentHumidity" alignment="center" width="150" rowspan="1" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\curHumidity#" fontcolor="129,129,129" fonttype="9,false"/>
<text name="currentWind" alignment="center" width="150" rowspan="1" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\curWind#" topmargin="5" fontcolor="129,129,129" fonttype="9,false"/>
<text name="currentCity" alignment="center" width="150" rowspan="1" text="#$Registry,HKEY_CURRENT_USER\Software\Alladdins\GoogleWeather\curCity#" topmargin="5" fontcolor="129,129,129" fonttype="9,true"/>
</row>
</page>
Attention: Replace "Programme" by the Programs Folder in your language!
greetz,
infernalshade
I found the font color used on the home tab "129,129,129" works nicely
Would u mind share the white diamond wallpaper
its in the throttleLauncher skin zip file
Could you please post the blue theme that you are using for this theme, it's not included in the files.
If you mean the Blue Taskbar on the Top:
This is not an Today-Skin-File! I've changed the color with the Software UI Tweaker!
greetz
Very nice interface i have to say!!
But.........
the only thing i miss in these interfaces is the picture viewer like the HTC diamond
I have tried several versions of the interface, the original rip off isn't working correctly with my phone (still waiting till someone can can finish the ported version of it )
but this one i really love.
Greetings, chris
Thx
Well....i've made a Manila-Collection Thread...but no Theme emulates the Original Manila perfectly...I'm waiting for the original Manila,too! But it seems there is no easy way to port it cause of the 3d-drivers...
I think there must be a possibility to get the manila theme running without 3d drivers...... but unfortunately it's almost impossible to decompile the manila.exe file that's where the manila theme refers to the 3d drivers.
Look, i have seen a lot of manila look a like themes, which run perfectly on our smartphones. so i think it's possible
I whish i was good in programming / developping programs
Greetings, chris
How to install with TL 0.9.2
I have 0.9.2 installed but can't figure out how to install this theme. I tried to overwrite the icons and skins directories, but it didn't work. What do I need to do? Very cool theme by the way!!
Uhm the Theme was developed for 0.9.1... i dont know if it works with 0.9.2! but APBilbo said it will! (He tested it)
Try it...Download the Theme and copy the whole Theme-Folder into the "setups" folder in your TL-installation directory. Then choose my theme in the TL-Config-Menu!
Thanks! It works, just needs some tweaking.
more screenshots of the other app skins please?
looks beautiful, I prefer that from the black one!
[project was discontinued after the release of manila 2d]
After a lot of work i bring to you my version of battery status theme
featuring:
home screen
contacts (xml customizable)
programs
settings
Notifications
switches
slide menu
I used a lot of contributions from xda to make this theme, so credit goes to the the original developers also.
Hope you will enjoy.
Feedback is appreciated.
Install:
Install HomeScreen PlusPlus (UI) from
http://www.chi-tai.info/cs_batterystatus_xda_neo_wm5_ext_im_cs.htm
Copy the files in the archive into the HomeScreen PlusPlus folder in Program Files
Go to the Options, Advanced and select the ravest theme.
Please let me know how it runs on the new version of HS++
Wow realy nice bro...
is it possible to choose a white diamond clock?
very possible
just need to change some images.
empty.png, Clockrow.png and 0->9.png and
The attach should do it.
How to install this ?
Hi
How to install this promissing theme ?
thanks
install battery status from
http://www.chi-tai.info/cs_batterystatus_xda_neo_wm5_im_cs.htm#Download
copy the content of batterystatus folder from the archive into the batteryStatus folder from Windows.
Or you can use this cab, after you have installed bs.
ravest theme_upd installs in the new dir: Program Files\HomeScreen PlusPlus
works very nice thX!
Wow I very used to HTC home but this is very impressive.
Soo this is a theme for batterystatus or Throttle Launcher? I am confused.
Battery Status
looks really nice man. i hardly ever take the time to mess with other battery status themes since i made up my own custom theme...but i couldnt pass on this one. im about to give it a spin now!
loook collection Batterystatus diamond skins
black, white, etc
here
i ply with BT and S2P inegration.. maby u can use this for music tab
here is code.. and mortcripts in attach ( not devel by me )
Code:
<!-- S2P Control -->
<Row name="S2P Control" rowtoggle="0">
<View height="30" adaptwidth="0">
<Item absolute="3" class="registry_tracker">
<label text="%s" suppress0="1" left="10" bold="0" color="ffffff" top="-20" fontsize="13" align="center" width="220" />
<registry key_value="HKEY_CURRENT_USER\Software\A_C\S2P\CurrentTitle"/>
</Item>
<Item absolute="3" class="registry_tracker" ontap="StartApp" path="\windows\BatteryStatus\mscr\SongPlay.mscr">
<image src="\windows\BatteryStatus\mscr\ply%d.png" width="50" left="95" top="15"/>
<registry key_value="HKEY_CURRENT_USER\Software\A_C\S2P\Status" />
</Item>
<Item absolute="3" class="space" ontap="StartApp" path="\windows\BatteryStatus\mscr\SongNext.mscr">
<image src="\windows\BatteryStatus\mscr\Next.png" width="50" left="180" top="15" />
</Item>
<Item absolute="3" class="space" ontap="StartApp" path="\windows\BatteryStatus\mscr\SongPre.mscr">
<image src="\windows\BatteryStatus\mscr\Pre.png" width="50" left="10" top="15" />
</Item>
</View>
</Row>
this is only test.. album art miss, and dont look very nice
When i try to load any of the buttons for the HTC programs it says I don't have them. Any ideas?
i dont get it..
ive installed bs and then installed the .cab and all i have is a little batter icon on the top left of my screen that reads 72%
a little help please..
JstarLuvsTina said:
i dont get it..
ive installed bs and then installed the .cab and all i have is a little batter icon on the top left of my screen that reads 72%
a little help please..
Click to expand...
Click to collapse
Hold down your finger on the battery icon
go to options
and the third tab is where you can select the skin i believe.
JukEboXAuDiO said:
Hold down your finger on the battery icon
go to options
and the third tab is where you can select the skin i believe.
Click to expand...
Click to collapse
good **** .. thanks!
What programs do i need installed to get the player, comm manager, camera, buttons to work?
JukEboXAuDiO said:
What programs do i need installed to get the player, comm manager, camera, buttons to work?
Click to expand...
Click to collapse
on top of this id like to add if at all possible could we get a plug-in break down..
cause as of now.. its simply a skin, majority of the buttons give u an error msg.
btw great work on the slide..its pretty cool!
Hi Ravest. Nice theme you got here
lepsyfou said:
loook collection Batterystatus diamond skins
black, white, etc
Click to expand...
Click to collapse
Is it possible for you to attach the other themes from the other site too? Cant register there and cant read the link to download those wonders
nice theme, very clean, and i love batterystatus as it doenst slow my phone down, so thanks!!!
and guys, if u open up the ravest.xml file, u can customize each button to a program you have
I have read several posts on editing the XML of the internet tab to allow adding links to programs. I have used the recommendations of those posts and have successfully added three links to program but I am having trouble with the icons. Except for youtube the other 2 programs only show me a white square icon with no picture. The links work fine to direct me to those program but the icons won't display properly. I have saved the icon files as JPG, BMP and PNG to determine if the format is the problem and none of them work, also the icons are 48x48 pixels which I am told is the proper size. Not sure why I can't get this to work. I have included my XML coding to see if someone can help me out.
<?xml version="1.0" encoding="utf-16"?>
<InternetPortal>
<IncludeUserFavorites>True</IncludeUserFavorites>
<Banner
DefaultImagePath="\Windows\HTC\Assets\Images\InternetPortal\banner.qtc"
SelectedImagePath="\Windows\HTC\Assets\Images\InternetPortal\banner_selected.qtc"
NavigateUrl="http://my.live.com/"
Text="My Windows Live"
Width="480"
Height="215" />
<OperatorLinks>
<Link
Text="YouTube"
Executable="\windows\youtube.exe"
ImagePath="\Windows\HTC\Assets\Images\InternetPortal\youtube.qtc"
/>
<Link
Text="Facebook"
Executable="\Program Files\FriendMobilizer\FriendMobilizer.exe"
ImagePath="\Program Files\FriendMobilizer\FriendMobilizer.jpg"
/>
<Link
Text="Google Maps"
Executable="\Program Files\GoogleMaps\GoogleMaps.exe"
ImagePath="\Program Files\GoogleMaps\GoogleMaps.jpg"
/>
</OperatorLinks>
</InternetPortal>
Thanks
Try moving them to the root folder "\" or the \windows directory and see if that works.
I'm using a 90x90 24-bit PNG file for my icon and it works fine.
Hello, all... I could really use some help adding Google+ to my themes...
I themed it and thought everything was perfect... I had it pretty much exactly how I wanted it... everything worked... until I clicked on the "Photos" from the side menu... it crashes every time...
I have narrowed it down to one simple thing...
I changed the color tag "host_background" to a drawable png to make the backgound throught the app an image instead of just a color.
com_google_android_apps_plus.xml
<item name="color/host_background">@drawable/frameworks_res_background_holo_dark</item>
This seems to work great for every aspect of the app... EXCEPT the "Photos" section.
Ugg...
I have tried to get around this by including the style where it is specified... but it crashes every time I include this style as well... (Yes, I included all of the appropriate attr and other required styles)
<style name="Theme.Host" parent="@style/Theme.Screen">
<item name="android:windowBackground">@color/host_background</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="listSelector">@*android:drawable/list_selector_background</item>
<item name="editAudienceBackground">@*android:drawable/edit_text</item>
<item name="buttonSelectableBackground">@drawable/title_button_background</item>
</style>
Nothing I try seems to work...
I would really like to have a drawable png as the background...
Is there a special way to include styles that have specific attributes that are not android:******?
Any suggestions?!?
Thanx so much
If it's defined as a color and you want to go image try making a color folder and place an xml redirecting the color too an image there. I'm not at home but I did it with the quick settings tiles I'll send you the line you need one I get back home.
Sent from my Sexy Nexy 7 dressed in ClearJelly and Clear Apps!
Omg! Hope! I'd like that... Thanx so much
Sent from my SGH-I747 using xda premium
So I tried to redirect to an xml... and it still didn't work...
Here is the code I used...
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@drawable/frameworks_res_background_holo_dark"
android:gravity="fill" />
Suggestions?
Like many other devs, I like to work hard and create new themes to separate myself from the others, especially to make back the $25 that I spent on getting the developer account. However, I myself have only started “developing” a few months ago, so I realize how tough it is to get help when no one likes to share their information. This is why I’ve decided to add on to my original guide and give you all some xml’s to go with it. Here it goes…
For the absolute beginners
1. Setting up your workplace
The easiest way to do so is to simply download the whole adt bundle. Extract it, set up your workplace, download whatever you need from sdk manager, and you are good to go! If you are having issues with java, download the newest version, and go into the eclipse folder. Fine "eclipse.ini", open it, and add "-vm (new line) C:\Program Files\Java\jre7\bin\" above "-vmargs". More detailed tutorial here.
2: Creating a Project
Download the source code from Klinker's github (pick any of the themes) and go to your eclipse. Go to file, new, project, and pick "import existing code". DO NOT PICK A SIMPLE FILE as that messes everything up. After that is done, you may want to add support libraries (right click on project folder on left side, tools, add support libraries) and rename the package name (also in tools). The package name can be anything you want, but you might want to make it unique for yourself (add your dev name or whatever)
3: Editing androidmanifest.xml
What I love about this is that the instructions are very clear. Open android manifest, and follow the comments. You may also want to edit color.xml. You should also see that the package name has changed as you have renamed it in step 2.
4. Start theming!
This is the part where you make the theme your own! I would suggest you look into all the layout and value xml's and be sure to change the app name!
Help with the drawables/colors (the theming part)
1. Colors
As with all other projects, the color.xml contains a bunch of hex colors. The instructions are quite clear as to what each one does. I believe Klinker's evolve themes contain a 6 digit hex, which only stands for the color. You may use this to help you out. Additionally, you may add two digits before that (8 digits total) to represent transparency. 00 being transparent, and ff being fully opaque. A great visualizer for this is VTS. Though it is for editing decompiled apps and not source code, you can still copy paste an xml and get a build in color picker within. I recommend it if you are confused with this part.
2.1 Drawables
Drawables are basically all the image components of the theme that you are able to edit. For those that end with .png and not 9.png, you may edit it like any normal file. Use photoshop if you have it or gimp, a great free alternative (I use that :good
2.2 9.png
First off what are 9.png's? They are regular images that have 1px black lines around the border that allows the app (Evolve) to resize them accordingly. As you all know, android is very diverse with their screen sizes, and it will definitely be impossible to make an icon matching each one. Furthermore, text messages vary in sizes as well. The black line is your way of telling the app where to stretch, where not to stretch, and where the text should be (though you can edit this in layout by adding padding).
How do you edit 9.png?
1. Use eclipse's built in draw9patch by copying this file to eclipse/sdk/tools and then clicking on it. You can also copy it and paste a shortcut afterwards for easier access. (Do note that closing the command window closes the draw9patch.
2. draw9patch.com .............enough said (Recommended for noobs)
3. Use a photo editing software. What I suggest with gimp is that you make your icons as you usually would, go to canvas size (I believe it is under image) and increase both the height and the width by two. Then put the image in the center and press okay. This ensures that the border is transparent. Next, get the rectangle selector tool (probably top left) and set the height/width (depending on which side you are doing) to 1. Select where you want the black line to be, make sure your primary color is solid black, and press ctrl + ",". Do that for all sides. To erase, select what is appropriate and press delete Please don't use the brush tool or the eraser... they just doesn't work as well
***Sidenote. You may notice that the text message bar (whatever you call it) has red parts on the corner. Just leave those as is. You may colorize the bar if you wish though***
Help with message.xml (the layout part)
This is the part where you get creative in putting what where. This is also the part where beginners (like me) have the most trouble in, as this is as close to "developing" as you get with EvolveSMS themes. Due to requests, I have added some "templates" that you can simply copy and paste to your message.xml. They may not be the best, but they work for me, so they should work for you.
NOTE: In general (or as of now) I always keep "show contact heads" in androidmanifest.xml as true. If I don't want them, I set the width in the layout as 0dp. I just find it easier this way. Additionally, if I have android:background="@drawable/contact" or anything similar, it means that you must have a drawable titled contact.9.png in your folder. This adds backgrounds to your contact heads. If you don't want it, delete it.
1. The original xml - standard with both contact heads visible, contact is aligned to the top and mypicture to the bottom. Date is out of the textbox and centered to the parent (screenshot/example)
HTML:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="48dp"
android:layout_height="48dp"
android:id="@+id/myPicture"
android:scaleType="centerCrop"
android:maxHeight="48dp"
android:maxWidth="48dp"
android:minHeight="48dp"
android:minWidth="48dp"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginBottom="3dp"
android:layout_marginLeft="-10dp"/>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_toLeftOf="@+id/myPicture"
android:id="@+id/holder">
<ImageView
android:layout_width="48dp"
android:layout_height="48dp"
android:id="@+id/contactPicture"
android:scaleType="centerCrop"
android:maxHeight="48dp"
android:maxWidth="48dp"
android:minHeight="48dp"
android:minWidth="48dp"
android:layout_marginRight="-11dp"/>
<LinearLayout
android:id="@+id/background"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:orientation="vertical">
<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:layout_gravity="center_vertical"
android:paddingRight="5dp"
android:textSize="12sp"
android:ellipsize="marquee"
android:fadingEdge="horizontal"
android:fontFamily="sans-serif-light"
android:textColor="@color/dateColorReceived"
android:layout_marginTop="-3dp"
android:paddingBottom="3dp"/>
<ImageView
android:layout_width="200dp"
android:layout_height="200dp"
android:gravity="center"
android:layout_gravity="center"
android:id="@+id/media"
android:padding="10dp"
android:visibility="gone"
android:scaleType="centerInside"/>
<View android:id="@+id/gifView"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:padding="10dp"
android:visibility="gone"/>
<TextView
android:id="@+id/body"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:textSize="14sp"
android:ellipsize="marquee"
android:fadingEdge="horizontal"
android:textColor="@color/textColorReceived"
android:layout_marginTop="-3dp"/>
<TextView
android:id="@+id/date"
android:gravity="left"
android:textSize="12sp"
android:visibility="visible"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-light"
android:textColor="@color/dateColorReceived"
android:layout_marginBottom="-3dp"/>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
2. Same as above but with the date in the message box (screenshot/example)
HTML:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content"
xmlns:android="http://schemas.android.com/apk/res/android">
<ImageView
android:id="@+id/contactPicture"
android:background="@drawable/contact"
android:layout_width="48.0dip"
android:layout_height="48.0dip"
android:layout_marginLeft="5.0dip"
android:scaleType="centerCrop"
android:maxWidth="48.0dip"
android:maxHeight="48.0dip"
android:minWidth="48.0dip"
android:minHeight="48.0dip"
android:layout_alignTop="@+id/background" />
<ImageView
android:id="@+id/myPicture"
android:background="@drawable/contact"
android:layout_width="48.0dip"
android:layout_height="48.0dip"
android:layout_marginLeft="-10.0dip"
android:layout_marginRight="5.0dip"
android:scaleType="centerCrop"
android:maxWidth="48.0dip"
android:maxHeight="48.0dip"
android:minWidth="48.0dip"
android:minHeight="48.0dip"
android:layout_alignTop="@+id/background"
android:layout_alignParentRight="true" />
<LinearLayout
android:orientation="horizontal"
android:id="@+id/holder"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_toLeftOf="@+id/myPicture"
android:layout_alignTop="@+id/contactPicture"
android:layout_alignParentTop="true"
android:layout_alignStart="@+id/contactPicture" />
<LinearLayout
android:id="@+id/background"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8.0dip"
android:layout_marginRight="8.0dip"
android:layout_toLeftOf="@+id/myPicture"
android:layout_toRightOf="@+id/contactPicture"
android:layout_alignParentBottom="true">
<TextView
android:textSize="12.0sp"
android:ellipsize="marquee"
android:id="@+id/name"
android:fadingEdge="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ImageView
android:gravity="center"
android:layout_gravity="center"
android:id="@+id/media"
android:padding="10.0dip"
android:visibility="gone"
android:layout_width="200.0dip"
android:layout_height="200.0dip"
android:scaleType="centerInside" />
<View
android:id="@+id/gifView"
android:padding="10.0dip"
android:visibility="gone"
android:layout_width="200.0dip"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/body"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:ellipsize="marquee"
android:fadingEdge="horizontal"
android:fontFamily="sans-serif-light"
android:paddingLeft="5.0dip"
android:paddingRight="5.0dip"
android:textColor="@color/textColorReceived"
android:textSize="14.0sp" />
<TextView
android:textSize="12.0sp"
android:fontFamily="sans-serif-light"
android:textColor="@color/dateColorReceived"
android:id="@+id/date"
android:visibility="visible"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="5.0dip"
android:paddingRight="5.0dip"
android:layout_marginBottom="4dip" />
</LinearLayout>
</RelativeLayout>
3. Contact pictures aligned to the bottom (screenshot/example)
HTML:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:paddingBottom="4dp"
android:paddingRight="8dp"
android:paddingLeft="8dp"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/date"
android:gravity="center"
android:textSize="12sp"
android:visibility="visible"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-light"
android:textColor="@color/dateColorReceived"
android:layout_centerHorizontal="true"
android:layout_marginBottom="4dp"/>
<ImageView
android:id="@+id/myPicture"
android:layout_width="0dp"
android:layout_height="48dp"
android:scaleType="centerCrop"
android:maxWidth="48dp"
android:maxHeight="48dp"
android:minWidth="48dp"
android:minHeight="48dp"
android:layout_alignParentRight="true"
android:layout_alignBottom="@+id/holder"/>
<LinearLayout
android:id="@+id/holder"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/date"
android:orientation="horizontal" >
<ImageView
android:id="@+id/contactPicture"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_gravity="bottom"
android:layout_marginRight="1dp"
android:maxHeight="48dp"
android:maxWidth="48dp"
android:minHeight="48dp"
android:minWidth="48dp"
android:scaleType="centerCrop" />
<LinearLayout
android:orientation="vertical"
android:id="@+id/background"
android:layout_marginBottom="25dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:textSize="12sp"
android:textColor="@color/dateColorReceived"
android:ellipsize="marquee"
android:gravity="left"
android:layout_gravity="left"
android:id="@+id/name"
android:paddingLeft="5dp"
android:paddingBottom="3dp"
android:fadingEdge="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="-3dp"
android:fontFamily="sans-serif-light" />
<TextView
android:textSize="14sp"
android:textColor="@color/textColorReceived"
android:ellipsize="marquee"
android:id="@+id/body"
android:gravity="center_vertical"
android:layout_gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-light"
android:layout_marginLeft="2dp"
android:paddingRight="5dp"
android:paddingLeft="5dp"/>
<ImageView
android:gravity="center"
android:layout_gravity="center"
android:id="@+id/media"
android:padding="10dp"
android:visibility="gone"
android:layout_width="200dp"
android:layout_height="200dp"
android:scaleType="centerInside" />
<View
android:id="@+id/gifView"
android:padding="10dp"
android:visibility="gone"
android:layout_width="200dp"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
I was also the first to make a theme with the heads aligned in the center but that will be my secret for now . Download it and try it for free here
And that is all for my guide! If you are a beginner and feel overwhelmed, don't be. It took me less than two months to get to this level. And if you are dealing with errors or want to try new things, know that failing is a process of learning. I am clearly not a developer, and some of my themes take 30+ builds to perfect. In the end, learn, test, have fun, and don't be too money hungry . I'm also sure that there are much more experienced dev's out there. If anyone has and suggestions, please let me know!. We are all here to learn, and knowledge is not bad.
Self advertising time! If you like my work, please feel free to look at the links in my signature. It links to my play store as well as links to get me more dropbox space . If you'd like to donate as I do put out a lot of free apps, you can do so here . Am I a hypocrite? Partially...
Awesome!!!!
Sent from my Nexus 7 using Tapatalk
This may also help some who want another perspective: http://klinkerapps.com/dev-upload/repository/klinker41/EvolveSMS%20Themes/Theme%20Tutorial.pdf
Nice guide
@asdfasdfvful, Nice little tutorial. This is an old thread but it was the only thread I really found that had to do with theming EvolveSMS. I'm surprised there's not more comments. I just started getting into this. I've never made a theme or developed anything before. I do graphics though (as you can tell by my screen name) so I thought I'd take a crack at this. Most of the stuff is self explanatory. But some of the advanced things I can't really figure out. The one thing I am trying to do right now is set the contact photo (the banner in the message view) to be a specific image and not a blurry cropped contact image. Do you know how to do this? I'm guessing it has something to do in one of the xml files.
jsgraphicart said:
@asdfasdfvful, Nice little tutorial. This is an old thread but it was the only thread I really found that had to do with theming EvolveSMS. I'm surprised there's not more comments. I just started getting into this. I've never made a theme or developed anything before. I do graphics though (as you can tell by my screen name) so I thought I'd take a crack at this. Most of the stuff is self explanatory. But some of the advanced things I can't really figure out. The one thing I am trying to do right now is set the contact photo (the banner in the message view) to be a specific image and not a blurry cropped contact image. Do you know how to do this? I'm guessing it has something to do in one of the xml files.
Click to expand...
Click to collapse
Sorry for the extremely delayed reply. If you want to try adding the image to the drawable and setting the contact photo widths to 0.
asdfasdfvful said:
Sorry for the extremely delayed reply. If you want to try adding the image to the drawable and setting the contact photo widths to 0.
Click to expand...
Click to collapse
Thanks for the reply. I will play with that and see what I can do.
Hey there! To begin with - English is not my native language, so I apologize in advance for any errors
The second - a big thank you asdfasdfvful for what you are helping, especially in such a nubs like me )
And now the questions:
1 - how to make a file actionbar.9.png transparent? I was able to just fill it with black, the rest of the manipulation led to errors.
2 - when I edit the file message.hml "Contact pictures aligned to the Bottom," as to make the photo display and contact and mine?
Thanks in advance!
SairK said:
Hey there! To begin with - English is not my native language, so I apologize in advance for any errors
The second - a big thank you asdfasdfvful for what you are helping, especially in such a nubs like me )
And now the questions:
1 - how to make a file actionbar.9.png transparent? I was able to just fill it with black, the rest of the manipulation led to errors.
2 - when I edit the file message.hml "Contact pictures aligned to the Bottom," as to make the photo display and contact and mine?
Thanks in advance!
Click to expand...
Click to collapse
Hi there!
1. Are you aware of the basics of 9.png? In short, the 1 pixel border around the image must be either completely transparent or completely black. The black bars are intended to tell the app how the image should be resized. If you want transparency, make sure the 1 pixel border is all black and the corners transparent and leave everything within the border transparent. There is further tutorial on this in my site (link in my signature) for this.
2. I'm more really sure what you are asking, but if the contact picture is aligned to the bottom, it will be near the bottom of the message bubble.
It's been a while since I made evolve themes, but I'll be happy to elaborate on anything I can help with
Lastly, if by pure chance you are better at speaking in french, I can help you in that language
Sent from my Nexus 5 using Tapatalk
asdfasdfvful said:
Hi there!
1. Are you aware of the basics of 9.png? In short, the 1 pixel border around the image must be either completely transparent or completely black. The black bars are intended to tell the app how the image should be resized. If you want transparency, make sure the 1 pixel border is all black and the corners transparent and leave everything within the border transparent. There is further tutorial on this in my site (link in my signature) for this.
2. I'm more really sure what you are asking, but if the contact picture is aligned to the bottom, it will be near the bottom of the message bubble.
It's been a while since I made evolve themes, but I'll be happy to elaborate on anything I can help with
Lastly, if by pure chance you are better at speaking in french, I can help you in that language
Sent from my Nexus 5 using Tapatalk
Click to expand...
Click to collapse
thanks a lot for a prompt reply!
1 - on 9.png it is clear, I will understand
2 - on Contact pictures aligned to the bottom - now if to apply that message.xml which you gave in an example, the photo only contact is displayed, my photo isn't displayed. How to make so that both photos were displayed?
I from Russia therefore also French won't be suitable for me: )
SairK said:
thanks a lot for a prompt reply!
1 - on 9.png it is clear, I will understand
2 - on Contact pictures aligned to the bottom - now if to apply that message.xml which you gave in an example, the photo only contact is displayed, my photo isn't displayed. How to make so that both photos were displayed?
I from Russia therefore also French won't be suitable for me: )
Click to expand...
Click to collapse
Look at the width of the contact pictures. Chances are I made one of them 0dp. If so, change the width, min width, and max width to 48
Edit: looking at the sample it's just one number. Change the 0 to 48
Sent from my Nexus 5 using Tapatalk
asdfasdfvful said:
Look at the width of the contact pictures. Chances are I made one of them 0dp. If so, change the width, min width, and max width to 48
Edit: looking at the sample it's just one number. Change the 0 to 48
Sent from my Nexus 5 using Tapatalk
Click to expand...
Click to collapse
I changed width with 0 to 48. the photo becomes visible, but the field of the text fits a photo
SairK said:
I changed width with 0 to 48. the photo becomes visible, but the field of the text fits a photo
Click to expand...
Click to collapse
Try playing with the margins for holder or background. Maybe add 48 to the current margin right for background? It's just a matter of tweaking now. It can be a pain though -_-
Sent from my Nexus 5 using Tapatalk
asdfasdfvful said:
Try playing with the margins for holder or background. Maybe add 48 to the current margin right for background? It's just a matter of tweaking now. It can be a pain though -_-
Sent from my Nexus 5 using Tapatalk
Click to expand...
Click to collapse
OK, thanks a lot! I will try