Post Reply

Thumbs up [TUT] [4.1+] Change Your Sony Xperia Device’s UI

OP DanielFlorin

25th August 2014, 12:23 PM   |  #1  
DanielFlorin's Avatar
OP Senior Member
Flag Bucharest RO
Thanks Meter: 681
 
901 posts
Join Date:Joined: Nov 2013
More

Hey Xda,

This is my first tutorial

SystemUI

Add gradient effect:

- Decompile SystemUI

- go in res/drawable and paste this file in the archive gradient_bg.rar

- Now go in res / layout and open status_bar.xml

- looking for " android: background = " and change how it is in the picture.



- now recompile SystemUI and enjoy the gradient effect

Screenshot:


Move the toggle under clock

- Decompile SystemUI

- Go in res/layout and open status Status_bar_expanded_header.xml

- search:

Code:
<LinearLayout android:id="@id/tools_row_0" android:background="@drawable/statusbar_tools_button_frame_top" android:paddingTop="1.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
    <LinearLayout android:id="@id/tools_row_1" android:background="@drawable/statusbar_tools_button_frame_bottom" android:paddingTop="1.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
    <View android:id="@id/statusbar_hr" android:background="@drawable/status_bar_hr" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_divider_height" />


Move this code in below:
Code:
<LinearLayout android:id="@id/tools_row_0" android:background="@drawable/statusbar_tools_button_frame_top" android:paddingTop="1.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
    <LinearLayout android:id="@id/tools_row_1" android:background="@drawable/statusbar_tools_button_frame_bottom" android:paddingTop="1.0dip" android:paddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
    <View android:id="@id/statusbar_hr" android:background="@drawable/status_bar_hr" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_divider_height" />


- Now change some "android:background=" you look like in screenshot:


Recompile SystemUI and enjoy.

Screenshot:
Before:
Click image for larger version

Name:	Screenshot_2014-06-09-22-17-07.png
Views:	2875
Size:	27.2 KB
ID:	2911258

After:
Click image for larger version

Name:	Screenshot_2014-07-24-21-04-09.png
Views:	2958
Size:	93.8 KB
ID:	2911265

Settings

Change separator background:

- Decompile Settings.apk

- Go in res/drawable and paste this file in the arhive list_separator_background.rar

- now go in res/values and open styles.xml

- search ListSeparator




- Now change "<item name="android:textColor">" and <item name="android:background"> you look like in screenshot:



Screenshot:
Before:
Name:  10634309_573966196058726_1692394154_n.jpg
Views: 12913
Size:  16.6 KB
After:


Sorry this is my first tutorial
Attached Thumbnails
Click image for larger version

Name:	Screenshot_2014-08-25-13-19-54.png
Views:	1122
Size:	57.2 KB
ID:	2911277  
Last edited by DanielFlorin; 1st September 2014 at 10:16 PM.
The Following 37 Users Say Thank You to DanielFlorin For This Useful Post: [ View ]
25th August 2014, 12:24 PM   |  #2  
DanielFlorin's Avatar
OP Senior Member
Flag Bucharest RO
Thanks Meter: 681
 
901 posts
Join Date:Joined: Nov 2013
More
Reserved
reserved for features..
The Following 2 Users Say Thank You to DanielFlorin For This Useful Post: [ View ]
25th August 2014, 12:37 PM   |  #3  
-woczarder-'s Avatar
Senior Member
Flag Radom
Thanks Meter: 26
 
108 posts
Join Date:Joined: Feb 2013
Thumbs up
Hohoho really great tutorial. Everything's explained clearly.
If this is your first tut, I can't wait to see your next one
25th August 2014, 12:42 PM   |  #4  
DanielFlorin's Avatar
OP Senior Member
Flag Bucharest RO
Thanks Meter: 681
 
901 posts
Join Date:Joined: Nov 2013
More
Quote:
Originally Posted by -woczarder-

Hohoho really great tutorial. Everything's explained clearly.
If this is your first tut, I can't wait to see your next one

Thanks bro and sorry for my bad english ..
25th August 2014, 12:54 PM   |  #5  
Pandemic's Avatar
Senior Member
Flag MePpEl
Thanks Meter: 12,791
 
16,552 posts
Join Date:Joined: Aug 2010
Donate to Me
More
Nice tut bro for new comers etc
so they can do stuff and mod on thier own
The Following User Says Thank You to Pandemic For This Useful Post: [ View ]
25th August 2014, 01:27 PM   |  #6  
Eliminator79's Avatar
Senior Member
Flag Alexandria
Thanks Meter: 461
 
269 posts
Join Date:Joined: Jul 2013
More
Nice tut
Quote:
Originally Posted by Pandemic

Nice tut bro for new comers etc
so they can do stuff and mod on thier own

@DanielFlorin
Nice tutorial bro.
but in the second screenshot i saw something transformed in framework (Round Switches)
you should also add this to the tutorial (How to change the text in the switches)
Decompile framework-res.apk
res/values/strings
somb_btn_off (i remember) change it to O
somc_btn_on (i remember) change it to I
The Following User Says Thank You to Eliminator79 For This Useful Post: [ View ]
25th August 2014, 10:25 PM   |  #7  
Marília de Oliveira's Avatar
Senior Member
Flag City of God / City of Sun *-*
Thanks Meter: 526
 
724 posts
Join Date:Joined: Nov 2012
More
Quote:
Originally Posted by Eliminator79

@DanielFlorin
Nice tutorial bro.
but in the second screenshot i saw something transformed in framework (Round Switches)
you should also add this to the tutorial (How to change the text in the switches)
Decompile framework-res.apk
res/values/strings
somb_btn_off (i remember) change it to O
somc_btn_on (i remember) change it to I

see here's the link!
http://forum.xda-developers.com/cros...s-rom-t2835179

---------- Post added at 05:25 PM ---------- Previous post was at 05:09 PM ----------

Cool tut
Last edited by Marília de Oliveira; 31st August 2014 at 03:16 AM.
25th August 2014, 10:55 PM   |  #8  
androidfreak70's Avatar
Senior Member
Flag here!
Thanks Meter: 639
 
3,801 posts
Join Date:Joined: Feb 2014
Donate to Me
More
Nice TUT!
Keepup!

Xperia™ Z (C6602) with Tapatalk.
26th August 2014, 07:42 AM   |  #10  
Tech N You's Avatar
Senior Member
Unknown Land
Thanks Meter: 312
 
571 posts
Join Date:Joined: Jul 2014
More
[QUOTE=Hey Xda,

This is my first tutorial

SystemUI

Add gradient effect:

- Decompile SystemUI

- go in res/drawable and paste this file in the archive gradient_bg.rar

- Now go in res / layout and open status_bar.xml

- looking for " android: background = " and change how it is in the picture.



- now recompile SystemUI and enjoy the gradient effect

Screenshot:


Move the toggle under clock

- Decompile SystemUI

- Go in res/layout and open status Status_bar_expanded_header.xml

- search:

Code:
<LinearLayout android:id="@id/tools_row_0" android:background="@drawable/statusbar_tools_button_frame_top" androidaddingTop="1.0dip" androidaddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
<LinearLayout android:id="@id/tools_row_1" android:background="@drawable/statusbar_tools_button_frame_bottom" androidaddingTop="1.0dip" androidaddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
<View android:id="@id/statusbar_hr" android:background="@drawable/status_bar_hr" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_divider_height" />


Move this code in below:
Code:
<LinearLayout android:id="@id/tools_row_0" android:background="@drawable/statusbar_tools_button_frame_top" androidaddingTop="1.0dip" androidaddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
<LinearLayout android:id="@id/tools_row_1" android:background="@drawable/statusbar_tools_button_frame_bottom" androidaddingTop="1.0dip" androidaddingBottom="1.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_tools_row_height" />
<View android:id="@id/statusbar_hr" android:background="@drawable/status_bar_hr" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_divider_height" />


- Now change some "android:background=" you look like in screenshot:


Recompile SystemUI and enjoy.

Screenshot:
Before:
Click image for larger version

Name: Screenshot_2014-06-09-22-17-07.png
Views: 227
Size: 27.2 KB
ID: 2911258

After:
Click image for larger version

Name: Screenshot_2014-07-24-21-04-09.png
Views: 242
Size: 93.8 KB
ID: 2911265

Settings

Change separator background:

- Decompile Settings.apk

- Go in res/drawable and paste this file in the arhive list_separator_background.rar

- now go in res/values and open styles.xml

- search ListSeparator




- Now change "<item name="android:textColor">" and <item name="android:background"> you look like in screenshot:

undefined

Screenshot:
Before:
Name: 10634309_573966196058726_1692394154_n.jpg
Views: 946
Size: 16.6 KB
After:


Sorry this is my first tutorial[/QUOTE]

Awesome Bro!
Thanks
And congratz to be featured on Potal
Here is the page you're featured on : SystemUI, Settings small mods guide thread.
Last edited by Tech N You; 26th August 2014 at 07:46 AM.

Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools
Display Modes