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!
[QVGA] HS++ Yellow Theme "WORKMAN" by Tito 12
The idea for this skin came from the fact we are allways playing with our devices but we pretend to be working,so I went one step further and created a working environment!
This is he first skin I post and I am standing on giants' shoulders. Big thanks to Chpoubs from " http://www.mobilecustom.fr/forum/ and his "Multicolore theme" on which "WorkMan" is based, plus bits from his "tf2d theme" and prscott1's "xda-Hybrid theme". Part of the images called "Yellow Hazard" came from the web (I'll be more than happy to give credits to the author) and others I created.
Screenshots:
Requirements:
1- a hardhat and bulldozer (optional)
2- HS++ installed
3- Mortscript installed
4- Dcinobar (some need Nuenobar) to remove the softkeys bar
and... this is it!
Installation:
Move the unzipped WM7 folder and WorkMan.xml to Program files\Homescreen PlusPlus, then in advanced options select WorkMan. Move the 2 "comic" files from zip folder into the "Windows\Fonts" directory
Tips:
SCREWS- All the (X) screws are functionning as switch buttons (beside holding the signs in place hehe..), and change color when pressed, toggle bt turns Blue , wifi yellow , on the Home screen the 2 lower ones phone to red (tap and hold to prevent accidental switch offs) and shades of grey for mute and vibrate. Some screws are (+) and (-), they function as labelled.
APPS, MUSIC, CONNECT and PICS pages- you can change any app with a long press on the icon, choose a new shortcut and reload theme.
WEATHER- you have 3 cities that you can change (city and code) by editing the "BSWeather.xml" in "WM7\BSWeather" folder.
Temps are in Centigrades but I left an option to have Fahrenheit by moving the appropriate brackets in the WorkMan.xml.
Toggle city by tapping on the center icon, update by pressing the (+) screw on the top left corner
FAVORITES- you can load a contact by pressing on the big (+) screws and follow the prompts (takes some time). If you want to change an existing one you should first remove it by pressing the (-) (del) top right corner, top left (+) (All) will open contacts.
AGENDA- tap screw (+) top left to update, (-) top right to open tasks.
MESSAGES and EMAILS- you have MMS,SMS and 2 email adresses, go to "Program Files\HomeScreen PlusPlus\WM7\Script" open "Email1.mscr" replace Email1 with your account name, save file. Repeat this with "Email2.mscr" replace Gmail."New" refers to the active title. Tap the names to update, tap and hold opens the folders. Tap the frame to open the message.
I think I covered everything or almost, you are welcome to ask.
Enjoy your Work, Man
Very nice, thank you.
pilgrim011 said:
Very nice, thank you.
Click to expand...
Click to collapse
You're welcome
i downloaded and found there is a problem in displaying
<!-- 11 Settings -->
Those with attribute iconvalue
hehe. so cool
very wild (hardhat) looking...great job using my favorite UI HS++ !
bububang said:
i downloaded and found there is a problem in displaying
<!-- 11 Settings -->
Those with attribute iconvalue
Click to expand...
Click to collapse
Sorry I was away
@bububang, you're right, a reload theme will solve it or another way, I changed some values, copy and paste this:
<!-- 11 Settings -->
<View height="234" selmode="-1" animate="2">
<image left="15" top="5" src="icons\TopBar.png"/>
<Item class="space" type="value" ontap="TerminateCommMgrApp">
<label text="Device" color="black" fontfamily="Comic Sans MS" bold="1" fontsize="26" left="50" top="0" height="45" valign="center" width="140" align="center"/>
</Item>
<Item class="registry_tracker" ontap="ToggleBluetooth" onhold="MenuBlueTooth">
<image src="icons\btsmall%d.png" left="20" top="14" height="18" width="18"/>
<registry key_value="HKLM\System\State\Hardware\Bluetooth" mask="0xFF"/>
</Item>
<Item class="registry_tracker" ontap="ToggleWiFi" onhold="MenuWiFi">
<image src="icons\wifismall%d.png" left="202" top="14" height="18" width="18"/>
<registry key_value="HKLM\Software\Drivers\WLAN\WlanStatus"/>
</Item>
<Item class="registry_tracker" ontap="TogglePhone" onhold="MenuPhone">
<image src="icons\Phone%d.png" left="10" top="60"/>
<registry key_value="HKLM\System\State\Phone\Radio Ready State"/>
</Item>
<Item class="registry_tracker" ontap="ToggleBluetooth" onhold="MenuBlueTooth">
<image src="icons\bt%d.png" left="103" top="60"/>
<registry key_value="HKLM\System\State\Hardware\Bluetooth" mask="0xFF"/>
</Item>
<Item class="registry_tracker" ontap="ToggleWiFi" onhold="MenuWiFi">
<image src="icons\wifi%d.png" left="196" top="60"/>
<registry key_value="HKLM\Software\Drivers\WLAN\WlanStatus"/>
</Item>
<image src="icons\battery.png" left="47" top="60" height="50" width="50"/>
<Item class="battery_meter" onhold="CtlPnl">
<image src="icons\battery_bg.png" width="0" height="9" left="54" top="80" transparent="ff00ff"/>
<label fontsize="14" color="black" bold="1" left="52" top="66" height="10" valign="center" width="50" align="left"/>
</Item>
<Item type="iconvalue" class="memory_sdcard" ontap="DoNothing">
<image src="icons\devmem.png" left="142" top="60" height="50" width="50"/>
<label left="147" top="88" fontsize="11" color="black" bold="1" height="10" valign="center" width="50" align="left"/>
</Item>
<Item type="iconvalue" class="memory_data" ontap="DoNothing">
<image src="Resources\no.png" top="165" left="14"/>
<label left="147" top="68" fontsize="11" color="black" bold="1" height="10" valign="center" width="50" align="left"/>
</Item>
<image src="icons\Contact.png" left="47" top="158" height="50" width="50"/>
<Item class="registry_tracker" ontap="DoNothing" onhold="DoNothing">
<label text="%s" suppress0="0" fontsize="13" color="black" bold="0" left="54" top="193" height="10" valign="center" width="50" align="left">
<registry key_value="HKLM\System\State\Phone\Current Operator Name"/>
</label>
</Item>
<Item type="iconvalue" class="phone_signal" onhold="OpenOptions">
<image src="Resources\no.png" top="165" left="14"/>
<label fontsize="16" color="black" bold="1" left="53" top="148" height="40" valign="center" width="100" align="left"/>
</Item>
<Item type="iconvalue" class="memory_program" ontap="TerminateCommMgrApp">
<image src="icons\Memory.png" left="142" top="158" height="50" width="50"/>
<label fontsize="12" color="black" bold="1" left="148" top="164" height="10" valign="center" width="50" align="left"/>
</Item>
</View>
and to all thanks for feedback
So, I'm trying to make a nice theme of my own and a couple things I've seen out there that I'd like to add to it are:
No text underneath the quickpanel buttons (i.e. "wifi", "bluetooth", etc).
-can someone tell me how to do this?
The settings.apk that includes the clock and am/pm toggle in the notification bar.
-is it alright to just grab this from another rom/theme and apply it to any other rom or are there more adjustments that would need to be made? I'd like to just take one and theme it, but I wanted to make sure it wouldn't do something wrong when adding it to any other rom.
Thanks!
The no text thing is a smali edit. If I remember, its in the services.jar...but not 100% sure.
With the settings, theming an apk and using it for multiple roms might work if similar builds. What I would do, would be to extact the drawable-hdpi folder from the settings.apk...pull the images you want to edit. Then save them in a separate folder which you could inject into what ever roms settings that you wanted to using 7zip or something similar.
sent using a phone.
NunHugger said:
The no text thing is a smali edit. If I remember, its in the services.jar...but not 100% sure.
Click to expand...
Click to collapse
No. It's in twframework-res.apk.
Sent from my Xoom
MikeyMike01 said:
No. It's in twframework-res.apk.
Sent from my Xoom
Click to expand...
Click to collapse
He would know better than I.
sent using a phone.
Thanks for the replies! MikeyMike01, can you be a little more specific about which xml (I'm assuming it's an xml edit) inside the twframework-res.apk needs to be edited? I have the apk decompiled, but wouldn't know where to look to find the correct file to edit.
I did a little searching and one that looked promising was the layout\status_bar_expanded.xml. Am I on the right track (it's like a treasure hunt at this point )? If so, what do I do to it to remove the text? I'm not very experienced with xml edits, so if it's really complicated, I'll try harder to find something from which to learn. Any suggestions?
Has any of this been documented? For the clock toggle, you need the settings.apk and add code to the services.jar
The text under the switches is in res/layout/strings.xml and can be changed to
<string name="indicator_wifi" />
<string name="indicator_bt" />
<string name="indicator_sound" />
<string name="indicator_gps" />
to just make them blank.
Then in status_bar_expanded.xml you'll want to reduce the size of the header and vertical padding probably so it doesn't take as much room. Here's mine with the default size buttons and very little padding. With other buttons you'll want to play with the 50.0dip mostly.
Code:
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="50.0dip" android:layout_weight="1.0">
<TextView android:textSize="1.0dip" android:textColor="@color/tw_color002" android:gravity="center" android:id="@id/quickpanel_wifi_btn" android:background="@null" android:paddingTop="3.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/indicator_wifi" android:drawableTop="@drawable/quick_panel_icon_wifi_off" android:layout_weight="1.0" />
<TextView android:textSize="1.0dip" android:textColor="@color/tw_color002" android:gravity="center" android:id="@id/quickpanel_bt_btn" android:background="@null" android:paddingTop="3.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/indicator_bt" android:drawableTop="@drawable/quick_panel_icon_bluetooth_off" android:layout_weight="1.0" />
<TextView android:textSize="1.0dip" android:textColor="@color/tw_color002" android:gravity="center" android:id="@id/quickpanel_gps_btn" android:background="@null" android:paddingTop="3.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/indicator_gps" android:drawableTop="@drawable/quick_panel_icon_gps_off" android:layout_weight="1.0" />
<TextView android:textSize="1.0dip" android:textColor="@color/tw_color002" android:gravity="center" android:id="@id/quickpanel_sound_btn" android:background="@null" android:paddingTop="3.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/indicator_sound" android:drawableTop="@drawable/quick_panel_icon_silent_off" android:layout_weight="1.0" android:soundEffectsEnabled="false" />
<TextView android:textSize="1.0dip" android:textColor="@color/tw_color002" android:gravity="center" android:id="@id/quickpanel_orientation_btn" android:background="@null" android:paddingTop="3.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/indicator_orientation" android:drawableTop="@drawable/quick_panel_icon_orientation_off" android:layout_weight="1.0" />
</LinearLayout>
Awesome. Thanks alot! I'll work on this tonight.
I don't think this has been documented yet (otherwise, I'm terrible at searches).
Sent from my SAMSUNG-SGH-I897 using XDA App
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
Hello friends,
Me and my friend actually doing a joint android application project in which we have facing a problem. But my friend is the one who got the problem. It is we are unable to bring/get the edit text widget, and how to change from one layout to another, switching from default layout?
Please note that I just started my learning in android studio.
kindly help me.
Android studio can be screwy at times. I suggest learning how to manually code your layout files to prevent this.
nickjpease said:
Android studio can be screwy at times. I suggest learning how to manually code your layout files to prevent this.
Click to expand...
Click to collapse
Hi.. Thanks. This link redirects me to play store and there are 4 apps in that link.
Huh, oh that was not part of the post... your xml file should resemble this
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Label1" />
</LinearLayout>
When I have trouble with graphical view I usually turn the SDK version down for what ever reason that works. I have never really had a problem with drag and dropping textviews except in placement in like a relative layout.
Viewing your layout as text removes the lagginess of the graphical view however you can't use the super easy drag and drop stuff.