[TUTORIAL] [UPDATE :- 01.02.2014] Customization for Xperia Home JB 4.1/ 4.2/ 4.3

Search This thread

Rajeev

Recognized Contributor
Nov 24, 2012
16,306
26,540
Chennai , I N D I A
Xiaomi 13 Pro
3j4uda1x90p5b3rfg.jpg

Hello Friends

Here I Am Again With Another Simple Tutorial. Modifying Xpria Home App Drawer and Dock Bars. With This Tutorial You Can Create Various Home Mods..


Note: I Know that there are some good Xposed Modules available for making this things more easy. But i always like old school methods.. So Please do not comment about any Xposed Modules Here.. Thanks..

  • PC
  • Knwoldge of De Compiling and Other Blah Blah
  • A Deodexed ROM
  • Little Mathematics Brain

Here I Am Going To Explain About Two Mods. One Is Home App Drawer and Another One Is Dock Bar.


MAKING 7 DOCK BAR ICONS
The Default Dock Bar icons will b 5. Right ? Now you can make 7 Icons In Dock Bar With This Tutorial.

fvcciaimdav7o8cfg.jpg


(1) Decompile Your Home.apk ( Must Be Deodexed )

(2) Go To Res/Values/dimens.xml ( Open It Using Notepad ++ )

(a) You Will Find This Line

<dimen name="icon_image_width">48.0dip</dimen>
<dimen name="icon_image_height">48.0dip</dimen>
<dimen name="icon_label_text_size">13.0sp</dimen>
Change It To This
<dimen name="icon_image_width">44.0dip</dimen>
<dimen name="icon_image_height">44.0dip</dimen>
<dimen name="icon_label_text_size">11.0sp</dimen>
Note:- You Can Give Any Size. This is meant for the Icon Size. If U Put the Size above 50 Means It will b huge size. Pls make both icon size same. Changing this size will change the Both Dock and App Drawer Icon Size..

(b) You Will Find This Line
<dimen name="stage_cell_width">64.0dip</dimen>
<dimen name="stage_cell_height">82.0dip</dimen>
<dimen name="stage_breadth">75.0dip</dimen>
Note:- The Size may differ from urs, so dont confuse..

Change It To This
<dimen name="stage_cell_width">52.0dip</dimen>
<dimen name="stage_cell_height">55.0dip</dimen>
<dimen name="stage_breadth">60.0dip</dimen>
Note:- This is a perfect size. If u want u can try to change the sizes and see..

Thats It. Save the dimes.xml and Close It..

(3) Go To Res/Values/Integers.xml ( Open It Using Notepad ++ )

(a) You Will Find This Line
<integer name="stage_grid_columns">5</integer>
<integer name="stage_grid_rows">1</integer>
<integer name="max_stage_items">4</integer>
Change It To This
<integer name="stage_grid_columns">7</integer>
<integer name="stage_grid_rows">1</integer>
<integer name="max_stage_items">6</integer>
Thats It. Save the Integers.xml and Close it..

(4) Go To Res/values-sw360dp/dimens.xml f( Open It Using Notepad ++ )

(a) You Will Find This Line
<dimen name="stage_cell_width">72.0dip</dimen>
<dimen name="stage_cell_height">87.0dip</dimen>
Note:- The Size may differ from urs, so dont confuse..

Change It To This
<dimen name="stage_cell_width">52.0dip</dimen>
<dimen name="stage_cell_height">58.0dip</dimen>
Thats It. Save the Integers.xml and Close it..

Done. Now you can Re Compile and Sign The Home.apk and use. You have now 7 Dock Bars As Shown Below.

yi1v9jx6hz6k810fg.jpg



MAKING 5x5 APP DRAWER GRID
The Default App Drawer Will Have 5 x 4 Icons Grid.. Right ? Now you can make 5x5 App Drawer Grid With This Tutorial

mavm7znq5ml0qmmfg.jpg


(1) Decompile Your Home.apk ( Must Be Deodexed )

(2) Go To Res/Values/dimens.xml ( Open It Using Notepad ++ )

(a) You Will Find This Line
<dimen name="apptray_cell_width">84.0dip</dimen>
<dimen name="apptray_cell_height">96.0dip</dimen>
<dimen name="apptray_grid_height">500.0dip</dimen>
Note:- The Size may differ from urs, so dont confuse..

Change It To This
<dimen name="apptray_cell_width">69.0dip</dimen>
<dimen name="apptray_cell_height">96.0dip</dimen>
<dimen name="apptray_grid_height">520.0dip</dimen>
Thats It. Save the Integers.xml and Close it..

(3) Go To Res/Values/integers.xml ( Open It Using Notepad ++ )

(a) You Will Find This Line
<integer name="apptray_grid_columns">4</integer>
<integer name="apptray_grid_rows">5</integer>
Change It To This
<integer name="apptray_grid_columns">5</integer>
<integer name="apptray_grid_rows">5</integer>
Note:- This will help you to have 5x5 App Drawer Grid

Thats It. Save the Integers.xml and Close it..

Done. Now you can Re Compile and Sign The Home.apk and use. You have now 5x5 App Drawer Grid As Shown Below.

99wzz1yn538zvmqfg.jpg


So If You want to make the 7 Dock and 5x5 App Drawer Together Means Just Combine Both Tutorial. U will have Both Mods.

There Are another App Tray Grids Available Like 6x5, 6x4 , 7x5 , 7x6 Etc Etc. You Just have to Calculate the values and then apply..


Anyway here i am giving you some App Drawer Values. So You can use it without any Problems...

6x5 App Drawer
<dimen name="apptray_cell_width">67.0dip</dimen>
<dimen name="apptray_cell_height">90.0dip</dimen>
<dimen name="apptray_grid_height">550.0dip</dimen>


6x4 App Drawer
<dimen name="apptray_cell_width">84.0dip</dimen>
<dimen name="apptray_cell_height">90.0dip</dimen>
<dimen name="apptray_grid_height">550.0dip</dimen>



Thats It.. Enjoy Modding... Press The Thanks Button For Me If You Like It...


TUTORIAL FOR MODDING LATEST Z2 HOME

http://xdaforums.com/showpost.php?p=52496597&postcount=95
 
Last edited:

elias234

Senior Member
Dec 3, 2011
417
71
is there a way to get the old transition effect in the new home screen ? it was like inner of a cube or something like that , the new one is outside of a cube , i really like the old one
and is there a way to get transition effect in the app drawer ?
 

Leo

Senior Member
Dec 18, 2012
551
188
32
could there be a tut for adding the ‘hiden apps’ choice?:good:
 

Rajeev

Recognized Contributor
Nov 24, 2012
16,306
26,540
Chennai , I N D I A
Xiaomi 13 Pro
my bad English…
i mean could u have look at modding Home.apk to get the function of hiding apps in menu.
i see this function from Gem in Xposed.
hope u get me now…

Sent from my LT29i using XDA Premium 4 mobile app

Yep. I Understand. The Matter is Ur English Is Good. Mine Bad. Thats Y i cant understand u at the First Time...

I will take a look at there later.... Sure.. Its not difficult..

:good::good:
 
  • Like
Reactions: Tube_Light and Leo

MT27i

Senior Member
Feb 9, 2014
392
1,212
Brebes, Indonesia
Is ur Home.apk is Fully Deodexed ?

Same here, my home.apk is fully deodexed (my phone -xperia sola- always deodexed).
@Rajeev can you help me :(
---------------------------------------------------------------------------------------------------------------------------

Edit : Can you make 6x4 App drawer for my Home.apk? ;)
Here is my home.apk, thank you :laugh:
View attachment Home.apk
 
Last edited:

funky0308

Inactive Recognized Themer
Aug 27, 2012
7,029
5,681
Osijek
is there a way to get the old transition effect in the new home screen ? it was like inner of a cube or something like that , the new one is outside of a cube , i really like the old one
and is there a way to get transition effect in the app drawer ?

Sure there is...

I'm talking theoretically but I'll check that...
There's animation folder and we could check that...

I doubt it would be enough to just add files you should add them to ids to but it could be done.

Sent from my C6903 using Tapatalk
 

Rajeev

Recognized Contributor
Nov 24, 2012
16,306
26,540
Chennai , I N D I A
Xiaomi 13 Pro
Same here, my home.apk is fully deodexed (my phone -xperia sola- always deodexed).
@Rajeev can you help me :(
---------------------------------------------------------------------------------------------------------------------------

Edit : Can you make 6x4 App drawer for my Home.apk? ;)
Here is my home.apk, thank you :laugh:
View attachment 2633131

I Don't have pc now bro...
 
  • Like
Reactions: MT27i

funky0308

Inactive Recognized Themer
Aug 27, 2012
7,029
5,681
Osijek
BTW - nice work friend...
You wrote some very nice tutorials...

Keep it up ;)

Sent from my C6903 using Tapatalk
 
  • Like
Reactions: Rajeev

Top Liked Posts

  • There are no posts matching your filters.
  • 49
    3j4uda1x90p5b3rfg.jpg

    Hello Friends

    Here I Am Again With Another Simple Tutorial. Modifying Xpria Home App Drawer and Dock Bars. With This Tutorial You Can Create Various Home Mods..


    Note: I Know that there are some good Xposed Modules available for making this things more easy. But i always like old school methods.. So Please do not comment about any Xposed Modules Here.. Thanks..

    • PC
    • Knwoldge of De Compiling and Other Blah Blah
    • A Deodexed ROM
    • Little Mathematics Brain

    Here I Am Going To Explain About Two Mods. One Is Home App Drawer and Another One Is Dock Bar.


    MAKING 7 DOCK BAR ICONS
    The Default Dock Bar icons will b 5. Right ? Now you can make 7 Icons In Dock Bar With This Tutorial.

    fvcciaimdav7o8cfg.jpg


    (1) Decompile Your Home.apk ( Must Be Deodexed )

    (2) Go To Res/Values/dimens.xml ( Open It Using Notepad ++ )

    (a) You Will Find This Line

    <dimen name="icon_image_width">48.0dip</dimen>
    <dimen name="icon_image_height">48.0dip</dimen>
    <dimen name="icon_label_text_size">13.0sp</dimen>
    Change It To This
    <dimen name="icon_image_width">44.0dip</dimen>
    <dimen name="icon_image_height">44.0dip</dimen>
    <dimen name="icon_label_text_size">11.0sp</dimen>
    Note:- You Can Give Any Size. This is meant for the Icon Size. If U Put the Size above 50 Means It will b huge size. Pls make both icon size same. Changing this size will change the Both Dock and App Drawer Icon Size..

    (b) You Will Find This Line
    <dimen name="stage_cell_width">64.0dip</dimen>
    <dimen name="stage_cell_height">82.0dip</dimen>
    <dimen name="stage_breadth">75.0dip</dimen>
    Note:- The Size may differ from urs, so dont confuse..

    Change It To This
    <dimen name="stage_cell_width">52.0dip</dimen>
    <dimen name="stage_cell_height">55.0dip</dimen>
    <dimen name="stage_breadth">60.0dip</dimen>
    Note:- This is a perfect size. If u want u can try to change the sizes and see..

    Thats It. Save the dimes.xml and Close It..

    (3) Go To Res/Values/Integers.xml ( Open It Using Notepad ++ )

    (a) You Will Find This Line
    <integer name="stage_grid_columns">5</integer>
    <integer name="stage_grid_rows">1</integer>
    <integer name="max_stage_items">4</integer>
    Change It To This
    <integer name="stage_grid_columns">7</integer>
    <integer name="stage_grid_rows">1</integer>
    <integer name="max_stage_items">6</integer>
    Thats It. Save the Integers.xml and Close it..

    (4) Go To Res/values-sw360dp/dimens.xml f( Open It Using Notepad ++ )

    (a) You Will Find This Line
    <dimen name="stage_cell_width">72.0dip</dimen>
    <dimen name="stage_cell_height">87.0dip</dimen>
    Note:- The Size may differ from urs, so dont confuse..

    Change It To This
    <dimen name="stage_cell_width">52.0dip</dimen>
    <dimen name="stage_cell_height">58.0dip</dimen>
    Thats It. Save the Integers.xml and Close it..

    Done. Now you can Re Compile and Sign The Home.apk and use. You have now 7 Dock Bars As Shown Below.

    yi1v9jx6hz6k810fg.jpg



    MAKING 5x5 APP DRAWER GRID
    The Default App Drawer Will Have 5 x 4 Icons Grid.. Right ? Now you can make 5x5 App Drawer Grid With This Tutorial

    mavm7znq5ml0qmmfg.jpg


    (1) Decompile Your Home.apk ( Must Be Deodexed )

    (2) Go To Res/Values/dimens.xml ( Open It Using Notepad ++ )

    (a) You Will Find This Line
    <dimen name="apptray_cell_width">84.0dip</dimen>
    <dimen name="apptray_cell_height">96.0dip</dimen>
    <dimen name="apptray_grid_height">500.0dip</dimen>
    Note:- The Size may differ from urs, so dont confuse..

    Change It To This
    <dimen name="apptray_cell_width">69.0dip</dimen>
    <dimen name="apptray_cell_height">96.0dip</dimen>
    <dimen name="apptray_grid_height">520.0dip</dimen>
    Thats It. Save the Integers.xml and Close it..

    (3) Go To Res/Values/integers.xml ( Open It Using Notepad ++ )

    (a) You Will Find This Line
    <integer name="apptray_grid_columns">4</integer>
    <integer name="apptray_grid_rows">5</integer>
    Change It To This
    <integer name="apptray_grid_columns">5</integer>
    <integer name="apptray_grid_rows">5</integer>
    Note:- This will help you to have 5x5 App Drawer Grid

    Thats It. Save the Integers.xml and Close it..

    Done. Now you can Re Compile and Sign The Home.apk and use. You have now 5x5 App Drawer Grid As Shown Below.

    99wzz1yn538zvmqfg.jpg


    So If You want to make the 7 Dock and 5x5 App Drawer Together Means Just Combine Both Tutorial. U will have Both Mods.

    There Are another App Tray Grids Available Like 6x5, 6x4 , 7x5 , 7x6 Etc Etc. You Just have to Calculate the values and then apply..


    Anyway here i am giving you some App Drawer Values. So You can use it without any Problems...

    6x5 App Drawer
    <dimen name="apptray_cell_width">67.0dip</dimen>
    <dimen name="apptray_cell_height">90.0dip</dimen>
    <dimen name="apptray_grid_height">550.0dip</dimen>


    6x4 App Drawer
    <dimen name="apptray_cell_width">84.0dip</dimen>
    <dimen name="apptray_cell_height">90.0dip</dimen>
    <dimen name="apptray_grid_height">550.0dip</dimen>



    Thats It.. Enjoy Modding... Press The Thanks Button For Me If You Like It...


    TUTORIAL FOR MODDING LATEST Z2 HOME

    http://xdaforums.com/showpost.php?p=52496597&postcount=95
    5
    TUTORIAL FOR MODDING LATEST Z2 HOMES

    Friends

    Here Is The Modified Little Tutorial For Latest Z2 Homes.. Enjoy.. I Attached Two Sample Screenshots. U Can See in My SS That I Am Not Using Any GEM Modules. Thats The Proof.. :fingers-crossed::laugh: So Here It Is.. Making 7 Dock Is Same. So I A Write Only Modding App Drawer Tutorial..


    5x5 GRID APP DRAWER

    1) De Compile Your Home.apk

    2) Go To Res/Values/dimens.xml and Open It With Notepad ++

    3) Change The Values As Follows :-

    <dimen name="apptray_cell_width">75.0dip</dimen>
    <dimen name="apptray_cell_height">110.0dip</dimen>
    <dimen name="apptray_grid_height">500.0dip</dimen>

    Save The XML And Close It..

    4) Go To Res/Valuesvalues-sw360dp/dimens.xml and Open It With Notepad ++

    5) Change The Values As Follows :-

    <dimen name="apptray_cell_width">67.0dip</dimen>
    <dimen name="apptray_cell_height">96.0dip</dimen>
    <dimen name="apptray_grid_height">520.0dip</dimen>

    Save The XML And Close It..

    6) Go To Res/Valuesvalues-sw360dp/integers.xml and Open It With Notepad ++

    7) Change The Values As Follows :-

    <integer name="apptray_grid_columns">5</integer>
    <integer name="apptray_grid_rows">5</integer>

    Save The XML And Close It..

    Done. Re Compile The Home.apk and Use It..


    6x5 GRID APP DRAWER

    1) De Compile Your Home.apk

    2) Go To Res/Values/dimens.xml and Open It With Notepad ++

    3) Change The Values As Follows :-

    <dimen name="apptray_cell_width">67.0dip</dimen>
    <dimen name="apptray_cell_height">90.0dip</dimen>
    <dimen name="apptray_grid_height">550.0dip</dimen>

    Save The XML And Close It..

    4) Go To Res/Valuesvalues-sw360dp/dimens.xml and Open It With Notepad ++

    5) Change The Values As Follows :-

    <dimen name="apptray_cell_width">67.0dip</dimen>
    <dimen name="apptray_cell_height">90.0dip</dimen>
    <dimen name="apptray_grid_height">550.0dip</dimen>

    Save The XML And Close It..

    6) Go To Res/Valuesvalues-sw360dp/integers.xml and Open It With Notepad ++

    7) Change The Values As Follows :-

    <integer name="apptray_grid_columns">5</integer>
    <integer name="apptray_grid_rows">6</integer>

    Save The XML And Close It..

    Done. Re Compile The Home.apk and Use It..


    NOTE:-

    If You Want Your Icons and Texts Smaller Means Do This. After This Ur App Drawer Looks Sexy :-

    res/values/dimens,xml

    <dimen name="icon_image_width">43.0dip</dimen>
    <dimen name="icon_image_height">43.0dip</dimen>
    <dimen name="icon_label_text_size">11.0sp</dimen>


    PROOF

    120-148699.jpg


    121-148700.jpg
    3
    Thanks pressed :)
    But Grid didnt change .
    And how to change desktop grid ? I tried put apps are under dock ( flase DPI for hight )
    Using ported Z2 home .
    Waiting ;)

    Sent from my LT26w using Tapatalk


    A New Method For Latest Z2 Home Is On The Way, Just Today Only I got My XZ From Service Center... New One. :D Will Start Modding Again.. :good:
    2
    Great job! Keep these tutorials comming =)
    2
    my bad English…
    i mean could u have look at modding Home.apk to get the function of hiding apps in menu.
    i see this function from Gem in Xposed.
    hope u get me now…

    Sent from my LT29i using XDA Premium 4 mobile app

    Yep. I Understand. The Matter is Ur English Is Good. Mine Bad. Thats Y i cant understand u at the First Time...

    I will take a look at there later.... Sure.. Its not difficult..

    :good::good: