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
Related
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
I've tried installing version 1.1.7 RC6 and it just force closes the second you try and run it on the Droid 3.
This was one of my favorite apps on my original Droid (and I was running CM7 gingerbread 2.3.3) with it and it still worked fine.
Yep...I've been running it on mine since the Droid 3 came out...
http://android.snkbitten.com/apps/GenieWidget.apk
Works....
Awesome! Thanks. That one works perfect.
is this the AOSP news/weather app?
640k said:
is this the AOSP news/weather app?
Click to expand...
Click to collapse
There is no AOSP news & weather app. Most apps are proprietary to the brand manufacturer.
The only AOSP apps (if I remember from compiling AOSP) are:
Browser
Calculator
Email
Phone
Contacts
Calendar
Gallery
Gallery 3d
Music
Mms
Launcher2
this is easier.......here are the Gingerbread AOSP apps if pulled from Android's github...though not all install to every build...depending on what hardware you are building towards.
<project path="packages/apps/AccountsAndSyncSettings" name="platform/packages/apps/AccountsAndSyncSettings" />
<project path="packages/apps/Bluetooth" name="platform/packages/apps/Bluetooth" />
<project path="packages/apps/Browser" name="platform/packages/apps/Browser" />
<project path="packages/apps/Calculator" name="platform/packages/apps/Calculator" />
<project path="packages/apps/Calendar" name="platform/packages/apps/Calendar" />
<project path="packages/apps/Camera" name="platform/packages/apps/Camera" />
<project path="packages/apps/CellBroadcastReceiver" name="platform/packages/apps/CellBroadcastReceiver" />
<project path="packages/apps/CertInstaller" name="platform/packages/apps/CertInstaller" />
<project path="packages/apps/Contacts" name="platform/packages/apps/Contacts" />
<project path="packages/apps/DeskClock" name="platform/packages/apps/DeskClock" />
<project path="packages/apps/Email" name="platform/packages/apps/Email" />
<project path="packages/apps/Gallery" name="platform/packages/apps/Gallery" />
<project path="packages/apps/Gallery3D" name="platform/packages/apps/Gallery3D" />
<project path="packages/apps/HTMLViewer" name="platform/packages/apps/HTMLViewer" />
<project path="packages/apps/Launcher2" name="platform/packages/apps/Launcher2" />
<project path="packages/apps/Mms" name="platform/packages/apps/Mms" />
<project path="packages/apps/Music" name="platform/packages/apps/Music" />
<project path="packages/apps/Nfc" name="platform/packages/apps/Nfc" />
<project path="packages/apps/PackageInstaller" name="platform/packages/apps/PackageInstaller" />
<project path="packages/apps/Phone" name="platform/packages/apps/Phone" />
<project path="packages/apps/Protips" name="platform/packages/apps/Protips" />
<project path="packages/apps/Provision" name="platform/packages/apps/Provision" />
<project path="packages/apps/QuickSearchBox" name="platform/packages/apps/QuickSearchBox" />
<project path="packages/apps/Settings" name="platform/packages/apps/Settings" />
<project path="packages/apps/SmartCardService" name="platform/packages/apps/SmartCardService" />
<project path="packages/apps/SoundRecorder" name="platform/packages/apps/SoundRecorder" />
<project path="packages/apps/SpeechRecorder" name="platform/packages/apps/SpeechRecorder" />
<project path="packages/apps/Stk" name="platform/packages/apps/Stk" />
<project path="packages/apps/Tag" name="platform/packages/apps/Tag" />
Click to expand...
Click to collapse
tcrews said:
There is no AOSP news & weather app. Most apps are proprietary to the brand manufacturer.
The only AOSP apps (if I remember from compiling AOSP) are:
Browser
Calculator
Email
Phone
Contacts
Calendar
Gallery
Gallery 3d
Music
Mms
Launcher2
this is easier.......here are the Gingerbread AOSP apps if pulled from Android's github...though not all install to every build...depending on what hardware you are building towards.
Click to expand...
Click to collapse
Attached apk force closes on my D3
Works on SG3
tcrews said:
Yep...I've been running it on mine since the Droid 3 came out...
Works....
Click to expand...
Click to collapse
Thank you for this :good: I had this on my LG Ally and used it all the time and just upgraded to SG3 blue 32GB (Verizon) and was searching for it - created an account here to let you know it works except for the weather - it would freeze to a black screen and not do anything until I went into settings and unchecked everything in the weather section (location) - so now at least I get the news tabs which was the main reason for using this. Shame about the weather part as I found it to be incredibly accurate (weather.com)
my SG3 is stock/unrooted.
***
Update: after researching, seems the weather aspect has stopped working for many people on various phones and in various countries as well
the google mobile help forum is replete with complaints about it
***another update***
weather is now working - I see this listed in widgets and tbh, not sure if it was alrdy there or if this actually added it as I completely forgot about the whole widget screen on long pressing... and yes, the transparent one works on unrooted SG3.
Doesn't work anymore
tcrews said:
Yep...I've been running it on mine since the Droid 3 came out...
http://android.snkbitten.com/apps/GenieWidget.apk
Works....
Click to expand...
Click to collapse
This doesn't work on my Razr Maxx. It crashes when it starts. Does it have a virus?
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 guys, can you please tell me where i can find the wifi settings layout? in the framework-res.apk?
Because i want to modify a button position it overlaps an icon, i have attached a photo to see what i mean.
dany547 said:
hello guys, can you please tell me where i can find the wifi settings layout? in the framework-res.apk?
Because i want to modify a button position it overlaps an icon, i have attached a photo to see what i mean.
Click to expand...
Click to collapse
Hmm this would be a difficult one to track down.. I would think SecSettings.. but I could be wrong.. I will take a peek and see if I spot anything for you.. Give me a few
dany547 said:
hello guys, can you please tell me where i can find the wifi settings layout? in the framework-res.apk?
Because i want to modify a button position it overlaps an icon, i have attached a photo to see what i mean.
Click to expand...
Click to collapse
I would look here: wifi_sec_setupwizard.xml in the layouts folders..
Code:
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
<TextView android:textSize="30.0dip" android:id="@id/title_text" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="12.0dip" android:layout_marginBottom="12.0dip" android:text="@string/wifi_settings_title" style="@style/title_area" />
<[COLOR="Red"]Switch[/COLOR] android:layout_gravity="right|center" android:id="@id/wifi_switch" android:focusable="false" android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="-84.0dip" />
</LinearLayout>
The switch is in RED. Mine does not have that image before the switch.. So in you Linear Layout it might contain that drawable of the settings icon..
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.