Related
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
Hello everyone,
I just made my first theme, but I can't get the toggle buttons in expanded state bar working... can anyone help me?
It's flashable via CWM
here's Screenshots and Download Link, hope someone can help me!
Screen 1
Screen 2
Screen 3
Screen 4
Screen 5
Screen 6
Download link
Tiwiz
Good job
Can you help me getting the toggle buttons on the notification bar? I can't get them work
Looks good, will try it out! Can only say good luck and keep up the good work.
Only transparent menu is a bit difficult to watch. Boot logo is amazing
Sent from my Optimus 2X using XDA App
Hey Guys,
I got my 2x now and i want to know how to enable/put this theme on my phone can someone give me a tut / link tut ?
regards
tiwiz said:
Can you help me getting the toggle buttons on the notification bar? I can't get them work
Click to expand...
Click to collapse
Very nice theme, I think I might install.
I can help with the toggle buttons...
I suspect you started with a framework-res.apk with hidden toggles? PM me if you don't want the conversation in this thread.
looks nice, but would be good to tell which ROMs it works with.
edit: works great with my own Custom ROM thanks
djmcnz said:
Very nice theme, I think I might install.
I can help with the toggle buttons...
I suspect you started with a framework-res.apk with hidden toggles? PM me if you don't want the conversation in this thread.
Click to expand...
Click to collapse
Yes, I started with the apk I'll put in the attachment :9 I'd say speaking in the thread could help more people
Thanks for your help!
Framework-res.apk
tiwiz said:
Yes, I started with the apk I'll put in the attachment :9 I'd say speaking in the thread could help more people
Thanks for your help!
Framework-res.apk
Click to expand...
Click to collapse
Cool, you'll need to make two version though because the frameworks are slightly different.
In /res/layout/status_bar_expanded.xml you will find:
Code:
RelativeLayout android:gravity="center_horizontal" android:layout_gravity="center" android:id="@id/quick_setting_layout" android:layout_width="fill_parent" android:layout_height="0.0px">
And you need to change android:layout_height="0.0px" to android:layout_height="x.xdip"
I can't remember what the stock height is (close to 78dip I think) but you can simply take that entire file (/res/layout/status_bar_expanded.xml) and copy it between frameworks - i.e. grab a framework that has the toggles visible and use the file from that version.
Again, you'll need two version though... and then somebody will ask for with/without music controls... lol. Same principle applies here, same file too.
There's something wrong in this file, then, try and open this XML I'm posting, I can't read anything, like it was cripted :-S
tiwiz said:
There's something wrong in this file, then, try and open this XML I'm posting, I can't read anything, like it was cripted :-S
Click to expand...
Click to collapse
Correct.
You need to decode the apk using apktool to read/edit the file.
You do not however need to do this if you just want to copy the file between two apks...
perfect, it's working Now I can only see the old icons on the old blue background, but I bet I just need to change some settings in there I'll post a complete version soon
EDIT: suppose the
Code:
<TableRow>
<ImageView android:layout_gravity="top" android:id="@id/sound_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginLeft="21.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/wifi_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/bt_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/gps_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/switch_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="21.0px" android:layout_marginBottom="0.0px" />
</TableRow>
refers to the fact if they are switched on or off at the start?
tiwiz said:
perfect, it's working Now I can only see the old icons on the old blue background, but I bet I just need to change some settings in there I'll post a complete version soon
EDIT: suppose the
Code:
<TableRow>
<ImageView android:layout_gravity="top" android:id="@id/sound_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginLeft="21.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/wifi_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/bt_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/gps_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="17.0px" android:layout_marginBottom="0.0px" />
<ImageView android:layout_gravity="top" android:id="@id/switch_button_toggle" android:layout_width="wrap_content" android:layout_height="74.0px" android:layout_marginTop="10.0px" android:layout_marginRight="21.0px" android:layout_marginBottom="0.0px" />
</TableRow>
refers to the fact if they are switched on or off at the start?
Click to expand...
Click to collapse
No, that just describes what should be drawn on the pull down. The actual logic for their toggle state is stored in code elsewhere.
Ok, I found out the text in the notification bar while there a calling ongoing is black and I'm looking for the voice that will let me change it to green like the other text... would be nice to find where the other colors are, so that I can compare, but I'll work on it
tiwiz said:
Ok, I found out the text in the notification bar while there a calling ongoing is black and I'm looking for the voice that will let me change it to green like the other text... would be nice to find where the other colors are, so that I can compare, but I'll work on it
Click to expand...
Click to collapse
IIRC most of that colour info is in services.jar (classes.dex - baksmali)
djmcnz said:
IIRC most of that colour info is in services.jar (classes.dex - baksmali)
Click to expand...
Click to collapse
It's strange, I only have framework.apk and bootanimation.zip in my theme, atm... there must be something in there without changeing everything in the ROM
tiwiz said:
It's strange, I only have framework.apk and bootanimation.zip in my theme, atm... there must be something in there without changeing everything in the ROM
Click to expand...
Click to collapse
Oh, perhaps I misunderstood your point then?
Could you describe again?
Maybe I didn't explain my self, actually, my apologies Well, I'll try and descrive. I'm calling and while the call is ongoing, I press my home button and I pull down the notification window, so that I can see, between all the notifications, the fact that there is a calling and there is even the button to hang down the calling... the text appears to be black, while all the other text in the notification is green Found out that maybe the PNGs for the buttons are in the lge-res.apk, going to check and I'll update you
can you do a version without the bootanimation, I try to replace it with mine but still yours is there, I try to replace the one in system/media folder, does yours have another directory?
[email protected] said:
can you do a version without the bootanimation, I try to replace it with mine but still yours is there, I try to replace the one in system/media folder, does yours have another directory?
Click to expand...
Click to collapse
Data/local
Sent from my LG-P990 using XDA Premium App
White framework, white pulldown, white dialer, white market, themed AOSP lockscreen, white google quick search/news and weather/you tube, themed sense lock, themed Launcher2SexyRosie, white multitouch, themed desk clock widget
6/20: Desk Clock Widget
6/16: Date fixed in notification, some new icons, ime and rosie themed.
Powder for BAMF1.7 all versions:http://www.mediafire.com/?b2gi6daidbrgtcu
Will update the bean version soon
powderbeanFROYO:http://www.mediafire.com/?b3d314wj7d3zqr6
Lot of credit to dhemke17 for doing my black text, and teaching me how.
Thanks to JsinLegacy for letting me borrow his widgets
Vanilla Bean:http://forum.xda-developers.com/showthread.php?t=1065825
POWDER1.2.1 for for Das BAMF 2.0 (GINGERBREAD)http://www.mediafire.com/?87vd2bysl5o66g2
work in progress
Talk to dhemke, creator of vanilla bean and lightning rom about changing clock/date color to black, he did it on froyo. Otherwise, the theme looks amazing and I will for sure use it once I make the switch from froyo to gb.
Sent from my ADR6400L using XDA App
Status bar stuff is all controlled from system.apk, clock mods, etc aren't in services anymore.
mbh87 said:
Status bar stuff is all controlled from system.apk, clock mods, etc aren't in services anymore.
Click to expand...
Click to collapse
i tried putting the themed systemui.apk in the original rom then flashing this on top, then removing clock in the toolbox and it still goes to gingerbread framework. are you saying i need to find those images in the systemui cause i dont think they were from stock bamf.........hmmmmmmm
I'm going to take a quick look at the clock and see what I can do aboutbgetting it black... If I can, ill let you know how.
adizzyx said:
i tried putting the themed systemui.apk in the original rom then flashing this on top, then removing clock in the toolbox and it still goes to gingerbread framework. are you saying i need to find those images in the systemui cause i dont think they were from stock bamf.........hmmmmmmm
Click to expand...
Click to collapse
the clock edit is in systemui.apk so you need to grab the one that has the clock removed already. then put both in your theme.
dhemke17 said:
I'm going to take a quick look at the clock and see what I can do aboutbgetting it black... If I can, ill let you know how.
Click to expand...
Click to collapse
cool, let me know, I appreciate it.
Ya i'm gonna look at doing the clock removal and systemui tomorrow, thanks for the help
adizzyx said:
cool, let me know, I appreciate it.
Ya i'm gonna look at doing the clock removal and systemui tomorrow, thanks for the help
Click to expand...
Click to collapse
Im pretty sure I know exactly what to edit and how, since it took me FOREVER to find out on vanilla bean...there are not that many differences between the services.jar and the SystemUI.apk status bar xmls...give me another 10 minutes and I should know if my change worked...I had to flash BAMF real quick.
-Testing now...got it....I will PM you an updated SystemUI.apk and explain in detail the changes I made...they were a little different but really quite easy
How to change clock color on Gingerbread rom:
1) Decompile SystemUI.apk using APKTool
2) Navigate to res/layout/statusbar.xml
3) find the line that looks like :
Code:
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
4) Add the color into this line...it will look like this with the color in bold...
Code:
<com.android.systemui.statusbar.Clock [B]android:textColor="#ff000000"[/B] android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textSize="16.0sp" android:gravity="left|center" android:id="@id/clock" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
5) Recompile the apk
6) pull the modified statusbar.xml and put it in the original SystemUI.apk to prevent any errors with signing the rom.
Attached is the tweaked SystemUI.apk for your theme as well as a screenshot to show you what it looks like. You should be able to drop this right in your theme and call it a day...looks good man...keep up the good work.
dhemke17 said:
Im pretty sure I know exactly what to edit and how, since it took me FOREVER to find out on vanilla bean...there are not that many differences between the services.jar and the SystemUI.apk status bar xmls...give me another 10 minutes and I should know if my change worked...I had to flash BAMF real quick.
-Testing now...got it....I will PM you an updated SystemUI.apk and explain in detail the changes I made...they were a little different but really quite easy
Click to expand...
Click to collapse
Could you share with the rest of the class? Info could be useful to others at some point.
bad4u6669 said:
Could you share with the rest of the class? Info could be useful to others at some point.
Click to expand...
Click to collapse
I decided just to post it for everyone to see...luckies lol
looks really good! I've been looking for something like this. There use to be a theme for the OG droid that was ALL white and looked awesome.
Looks great!
dhemke17 said:
Im pretty sure I know exactly what to edit and how, since it took me FOREVER to find out on vanilla bean...there are not that many differences between the services.jar and the SystemUI.apk status bar xmls...give me another 10 minutes and I should know if my change worked...I had to flash BAMF real quick.
-Testing now...got it....I will PM you an updated SystemUI.apk and explain in detail the changes I made...they were a little different but really quite easy
How to change clock color on Gingerbread rom:
1) Decompile SystemUI.apk using APKTool
2) Navigate to res/layout/statusbar.xml
3) find the line that looks like :
Code:
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
4) Add the color into this line...it will look like this with the color in bold...
Code:
<com.android.systemui.statusbar.Clock [B]android:textColor="#ff000000"[/B] android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textSize="16.0sp" android:gravity="left|center" android:id="@id/clock" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
5) Recompile the apk
6) pull the modified statusbar.xml and put it in the original SystemUI.apk to prevent any errors with signing the rom.
Attached is the tweaked SystemUI.apk for your theme as well as a screenshot to show you what it looks like. You should be able to drop this right in your theme and call it a day...looks good man...keep up the good work.
Click to expand...
Click to collapse
thank you, this is why i love android
adizzyx said:
thank you, this is why i love android
Click to expand...
Click to collapse
Yea...its definitely got its advantages over everything else in the market. Are you still looking make an update that removes the clock?
Yep, I'm going to look into that when I'm done working. Is that I'm the system ui when you do the clock removal?
not too sure. if you find out, let me know
dhemke17 said:
not too sure. if you find out, let me know
Click to expand...
Click to collapse
For sure, does my zip flash on your ROM? If not lets get one together for your peeps.
adizzyx said:
For sure, does my zip flash on your ROM? If not lets get one together for your peeps.
Click to expand...
Click to collapse
Haven't tried it, but we definitely should...I've been working on Vanilla Bean 2.0 all morning and am starting to spin circles around myself lol
I love the theme but two gripes.. there is a notification for messages, but it's white and thus does not show up on the bar but I know it's there because there's a space if you have a different type of notification.. and there's nothing that notifies you if you have 4G. I had 4G last night and there was either no icon by the signal bar or like the messages case.. it was white
otherwise it looks great
Ya I was thinking i forgot to put the 4g in, they colored and ready, what s the other one, the text message? I will have those fixed later today
Sent from my ADR6400L 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.