[GUIDE] How to move TAB BARS to bottom for the whole System (BOTTOM TABS))

mariozawa · Oct 5, 2013

Before modding read Pure Android | Android Developers
Just read this if you want your tab bars to be on the bottom so don't say that
this is iSh%@*#t style

import PureAndroid;

Don't use bottom tab bars

Other platforms use the bottom tab bar to switch between the app's views.
Per platform convention, Android's tabs for view control are shown in action
bars at the top of the screen instead. In addition, Android apps may use a
bottom bar to display actions on a split action bar.

You should follow this guideline to create a consistent experience with
other apps on the Android platform and to avoid confusion between actions
and view switching on Android.

STEPS

Decompile your

framework-res.apk

twframework-res.apk (if you are on TouchWiz Based ROM)

contacs.apk
DialerTabActivity.apk

Modding framework-res.apk
Go to framework-res.apk\res\layout\tab_content.xml

Code:

[SIZE=3]<?xml version="1.0" encoding="utf-8"?>
 <TabHost android:id="@id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
   xmlns:android="http://schemas.android.com/apk/res/android">
     <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
         [COLOR=Red]<FrameLayout android:id="@id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />[/COLOR]
         [COLOR=DarkOrchid]<TabWidget android:id="@id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" />[/COLOR]
     </LinearLayout>
 </TabHost>[/SIZE]

You just need to switch tabcontent with tabs
Don'f forget to add android:layout_weight="1.0 to tabcontent or else you will not see your tab bars

Modding twframework-res.apk
Go to twframework-res.apk\res\layout\tw_tab_content.xml

Code:

[FONT=Century Gothic][SIZE=3]<?xml version="1.0" encoding="utf-8"?>
 <com.sec.android.touchwiz.widget.TwTabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
   xmlns:android="http://schemas.android.com/apk/res/android">
     <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
       [COLOR=Red]  <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />[/COLOR]
         [COLOR=DarkOrchid]<com.sec.android.touchwiz.widget.TwTabWidget android:gravity="center_vertical" android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" />[/COLOR]
     </LinearLayout>
 </com.sec.android.touchwiz.widget.TwTabHost>[/SIZE][/FONT]

You just need to switch tabcontent with tabs
Don'f forget to add android:layout_weight="1.0 to tabcontent or else you will not see your tab bars

Modding contacs.apk
Go to contacs.apk\res\layout-finger\topmenu_activity.xml

Code:

[FONT=Century Gothic]<?xml version="1.0" encoding="utf-8"?>
 <com.sec.android.touchwiz.widget.TwTabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
   xmlns:android="http://schemas.android.com/apk/res/android">
     <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
         [COLOR=Red]<FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />[/COLOR]
         [COLOR=DarkOrchid]<com.sec.android.touchwiz.widget.TwTabWidget android:gravity="center_vertical" android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" />[/COLOR]
     </LinearLayout>
 </com.sec.android.touchwiz.widget.TwTabHost>[/FONT]

You just need to switch tabcontent with tabs
Don'f forget to add android:layout_weight="1.0 to tabcontent or else you will not see your tab bars

Modding DialerTabActivity.apk credits to @CarlDeanCatabay
Go to DialerTabActivity.apk\res\layout-ldpi\dialer_activity

Code:

[FONT=Century Gothic][SIZE=3]<?xml version="1.0" encoding="utf-8"?>
 <com.sec.android.touchwiz.widget.TwTabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
   xmlns:android="http://schemas.android.com/apk/res/android">
     <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
         [COLOR=Red]<FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />[/COLOR]
        [COLOR=DarkOrchid] <LinearLayout android:orientation="horizontal" android:id="@id/TabLayoutWrapper" android:layout_width="fill_parent" android:layout_height="43.0dip">
             <com.sec.android.touchwiz.widget.TwTabWidget android:gravity="center_vertical" android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" />
             <LinearLayout android:orientation="vertical" android:id="@id/LinearLayout01" android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="3.0">
                 <RelativeLayout android:id="@id/button_wrapper" android:background="@touchwiz:drawable/tw_tab_unselected" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="-5.0dip" android:layout_marginTop="-12.0dip" android:layout_marginRight="-7.399994dip" android:layout_marginBottom="-6.0dip">
                     <RelativeLayout android:gravity="center" android:id="@id/tab_button_contact" android:background="@drawable/dialer_tab_button_bg_selector" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="fill_parent">
                         <ImageView android:id="@id/tab_button_contact_img" android:background="@drawable/dialer_tab_contact_button_selector" android:clickable="false" android:duplicateParentState="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" />
                         <TextView android:textStyle="bold" android:textColor="@touchwiz:color/tw_color001" android:ellipsize="marquee" android:id="@id/tab_button_contact_text" android:paddingTop="30.0dip" android:clickable="false" android:duplicateParentState="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/tab_contacts" android:textScaleX="0.8" android:singleLine="true" android:layout_centerHorizontal="true" />
                     </RelativeLayout>
                 </RelativeLayout>
                 <ImageView android:id="@id/bottom_image" android:background="@touchwiz:drawable/tw_tab_selected_bar_left" android:layout_width="fill_parent" android:layout_height="5.0dip" android:layout_marginTop="-4.0dip" />
             </LinearLayout>
         </LinearLayout>[/COLOR]
     </LinearLayout>
 </com.sec.android.touchwiz.widget.TwTabHost>[/SIZE][/FONT]

You just need to switch tabcontent with TablayoutWrapper
Don'f forget to add android:layout_weight="1.0 to tabcontent or else you will not see your tab bars

If you want to move the tabs of other Apps
find its tab layout and switch the tabContent to TabBars
don't worry you will notice it easily or just attach the
tabLayout.xml here maybe we can help you.

Ask your questions in this thread not in PM:good:

If you I help you just Press the THANKS BUTTON :laugh:

CREDITS
POTATOINC
CarlDeanCatabay
GOOGLE

mariozawa · Oct 5, 2013

Modding Holo Launcher

Go to com.mobint.hololauncher-1.apk\res\layout\apps_customize_pane.xml

Code:

[FONT=Century Gothic][SIZE=3]<?xml version="1.0" encoding="utf-8"?>
<com.mobint.hololauncher.AppsCustomizeTabHost
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:orientation="vertical" android:id="@id/apps_customize_content" android:layout_width="fill_parent" android:layout_height="fill_parent">

[COLOR=DarkOrchid][COLOR=Red] <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0">
            <com.mobint.hololauncher.AppsCustomizePagedView android:id="@id/apps_customize_pane_content" android:layout_width="fill_parent" android:layout_height="fill_parent" />
            <include android:layout_gravity="bottom" android:id="@id/paged_view_indicator" android:layout_width="wrap_content" android:layout_height="wrap_content" layout="@layout/scroll_indicator" />
        </FrameLayout>[/COLOR]
        <LinearLayout android:layout_gravity="center_horizontal" android:id="@id/tabs_container" android:background="@drawable/tab_unselected_holo" android:layout_width="fill_parent" android:layout_height="@dimen/apps_customize_tab_bar_height" android:layout_marginTop="@dimen/apps_customize_tab_bar_margin_top">
            <HorizontalScrollView android:layout_gravity="left" android:id="@id/tab_scroller" android:scrollbars="none" android:layout_width="0.0dip" android:layout_height="fill_parent" android:fillViewport="true" android:layout_weight="1.0">
                <com.mobint.hololauncher.FocusOnlyTabWidget android:id="@android:id/tabs" android:layout_width="wrap_content" android:layout_height="fill_parent" android:divider="@null" android:tabStripEnabled="false" />
            </HorizontalScrollView>
            <include android:layout_gravity="right" android:id="@id/market_button" android:layout_width="wrap_content" android:layout_height="fill_parent" layout="@layout/market_button" />
        </LinearLayout>
        <ImageButton android:layout_gravity="center_horizontal" android:id="@id/home_button" android:background="#00000000" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/home_button" android:scaleType="fitXY" />[/COLOR]
    </LinearLayout>
</com.mobint.hololauncher.AppsCustomizeTabHost>[/SIZE][/FONT]

You just need to switch tabcontent with tabs_container
Don'f forget to add android:layout_weight="1.0 to tabcontent or else you will not see your tab bars

Modding Music.apk

Go to
Music.apk\res\layout-finger
Music.apk\res\layout-land-finger
Music.apk\res\layout-land-finger-320x240
Music.apk\res\layout-port-finger-320x240

then edit the
media_picker_activity_expanding.xml
media_picker_activity.xml

in all layouts folder
make it like this

Code:

[FONT=Century Gothic][SIZE=3]<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <include layout="@layout/sd_error" />   
    <com.android.music.TouchInterceptor android:textSize="18.0sp" android:id="@android:id/list" android:background="#00000000" android:layout_width="fill_parent" android:layout_height="fill_parent" android:drawSelectorOnTop="false" android:cacheColorHint="@android:color/transparent" android:layout_weight="1.0" android:fastScrollEnabled="true" style="@style/Widget.ListView.Translucent" />
    <include layout="@layout/nowplaying" />
    [COLOR=Red]<include layout="@layout/buttonbar" />[/COLOR]
</LinearLayout>[/SIZE][/FONT]

You just need to move <include layout="@layout/buttonbar" /> to the last part of your code

I also attached my frameworks it is for Hyperion so you can use it as your reference :good:

ryan_joshua · Oct 5, 2013

This is incredibly amazing! :cheers: That's my teacher!

mms047 · Oct 5, 2013

Nice TUT Bro.... :thumbup:

jpdesuasido · Oct 5, 2013

Play with Layout

-Credits to the image creator :fingers-crossed:-

Good work sir! You're the best! :highfive:

paul222008 · Oct 6, 2013

Potato

Kasali po ba ang twframework basta hyperion.GM final build?

rijrosario17 · Oct 6, 2013

where can i find the xml tab of Settings.apk? your GUIDE is so cool..

Can you help me sir? i cant find the tabs xml of settings.apk

paul222008 · Oct 6, 2013

bootloop

bottomtabs idol

mariozawa · Oct 6, 2013

rijrosario17 said:
Can you help me sir? i cant find the tabs xml of settings.apk

What ROM you are using?

paul222008 said:
bootloop bottomtabs idol

Why?
Post some logcats

Kindly attach your edited xmls of framework and twframework here

paul222008 · Oct 6, 2013

<?xml version="1.0" encoding="utf-8"?>
<TabHost android:id="@id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android

rientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
<FrameLayout android:id="@id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />
<TabWidget android:id="@id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" />
</LinearLayout>
</TabHost>

my framework-res.apk

mariozawa · Oct 6, 2013

paul222008 said:
<?xml version="1.0" encoding="utf-8"?>
<TabHost android:id="@id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout androidrientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
<FrameLayout android:id="@id/tabcontent" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />
<TabWidget android:id="@id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" />
</LinearLayout>
</TabHost>

my framework-res.apk

Try my modified frameworks at post #2
http://xdaforums.com/showpost.php?p=46193438&postcount=2

paul222008 · Oct 6, 2013

thanks potato

mariozawa · Oct 6, 2013

rijrosario17 said:
Can you help me sir? i cant find the tabs xml of settings.apk

What ROM you are using or can you attach tour android manifest here?

rijrosario17 · Oct 6, 2013

HYPERION 8 GM Final rocks.. ;D

mariozawa said:
What ROM you are using?

im using Hyperion8Gmfinal...

mariozawa · Oct 6, 2013

rijrosario17 said:

mariozawa said:
What ROM you are using?

im using Hyperion8Gmfinal...

Its on res/layouts/main.xml

Code:

[FONT=Century Gothic][SIZE=3]<?xml version="1.0" encoding="utf-8"?>
<TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
        [COLOR=Red]<FrameLayout android:layout_weight="1" android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" />[/COLOR]
[COLOR=DarkOrchid]        <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" />[/COLOR]
    </LinearLayout>
</TabHost>[/SIZE][/FONT]

paul222008 · Oct 6, 2013

mariozawa said:

rijrosario17 said:

Its on res/layouts/main.xml

Code:

[FONT=Century Gothic][SIZE=3]<?xml version="1.0" encoding="utf-8"?>
<TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
        [COLOR=Red]<FrameLayout android:layout_weight="1" android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" />[/COLOR]
[COLOR=DarkOrchid]        <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" />[/COLOR]
    </LinearLayout>
</TabHost>[/SIZE][/FONT]

sir

thanks . btw can i ask why my hyperion is not transparent anymore?

mariozawa · Oct 6, 2013

paul222008 said:
mariozawa said:

sir thanks . btw can i ask why my hyperion is not transparent anymore?

Click to expand...

Click to collapse

Because it is my framework.
Try to copy only the xml for tabs layout or copy your framework's style.xml to my framework.:good:

paul222008 · Oct 6, 2013

mariozawa said:
paul222008 said:

Because it is my framework.
Try to copy only the xml for tabs layout or copy your framework's style.xml to my framework.:good:

Click to expand...

Click to collapse

thanks sir

---------- Post added at 09:11 PM ---------- Previous post was at 09:07 PM ----------

paul222008 said:

mariozawa said:

thanks sir

Click to expand...

Click to collapse

sir can i have a potato.png banner/logo of yours? ill make it a banner in my settings/about me as a credits XD thanks sir

Click to expand...

Click to collapse

mariozawa · Oct 6, 2013

paul222008 said:
mariozawa said:

thanks sir

---------- Post added at 09:11 PM ---------- Previous post was at 09:07 PM ----------

paul222008 said:

sir can i have a potato.png banner/logo of yours? ill make it a banner in my settings/about me as a credits XD thanks sir

Click to expand...

Click to collapse

Yes you can. Anyone can use Potato Logo hehe

Click to expand...

Click to collapse

Ardroid-xda · Oct 6, 2013

jpdesuasido said:
-Credits to the image creator :fingers-crossed:-

Good work sir! You're the best! :highfive:

I think i know who the creator is :laugh: :laugh: :laugh: haha

and this is the style of @mariozawa

looking nice bro :good:

[GUIDE] How to move TAB BARS to bottom for the whole System (BOTTOM TABS))

Senior Member

Senior Member

Attachments

Senior Member

Senior Member

Senior Member

Senior Member

New member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

New member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Similar threads

Top Liked Posts