Android Tabs at the BOTTOM

Question

I ve seen some chatter about this  but nothing definite   Is there a way to put the tabs in a TabWidget to the bottom of the screen  If so  how   I ve tried the following  but didn t work      a  setting the tabwidget below the framelayout b  setting the tabwidget s gravity to  bottom   Thanks  llappall

User · Answer

I was having the same problem with android tabs when trying to place them on the bottom of the screen. My scenario was to not use a layout file and create the tabs in code, I was also looking to fire activities from each tab which seemed a bit too complex using other approaches so, here is the sample code to overcome the problem:

adding-tabs-in-android-and-placing-them

User · Answer

Not sure if it will work for all versions of Android  especially those with custom UI stuff   but I was able to remove the gray bar at the bottom by adding   android layout marginBottom  -3dp    to the TabWidget XML

User · Answer

For all those of you that try to remove the separating line of the tabWidget  here is an example project  and its respective tutorial   that work great for customizing the tabs and thus removing problems when tabs are at bottom  Eclipse Project  android-custom-tabs   Original explanation  blog   Hope this helped

User · Answer

I recomend use this code for stable work  it optimized for nested fragments in tab  for example nested MapFragment  and tested on  do not keep activities   https   stackoverflow com a 23150258 2765497

User · Answer

Try it    Just watch the content of the FrameLayout  id tabcontent   because I don t know how it will handle in case of scrolling    In my case it works because I used ListView as the content of my tabs     Hope it helps    lt  xml version  1 0  encoding  utf-8   gt   lt TabHost xmlns android  http   schemas android com apk res android      android id   android id tabhost      android layout width  fill parent      android layout height  fill parent  gt       lt RelativeLayout          android layout width  fill parent           android layout height  fill parent  gt           lt FrameLayout android id   android id tabcontent               android layout width  fill parent                android layout height  fill parent               android layout alignParentTop  true                android layout above   android id tabs    gt       lt TabWidget android id   android id tabs               android layout width  fill parent                android layout height  wrap content               android layout alignParentBottom  true    gt       lt  RelativeLayout gt   lt  TabHost gt

User · Answer

Here s the simplest  most robust  and scalable solution to get tabs on the bottom of the screen     In your vertical LinearLayout  put the FrameLayout above the TabWidget Set layout height to wrap content on both FrameLayout and TabWidget     Set FrameLayout s android layout weight  1  Set TabWidget s android layout weight  0   0 is default  but for emphasis  readability  etc  Set TabWidget s android layout marginBottom  -4dp   to remove the bottom divider    Full code    lt  xml version  1 0  encoding  utf-8   gt   lt TabHost xmlns android  http   schemas android com apk res android      android id   android id tabhost      android layout width  fill parent      android layout height  fill parent  gt        lt LinearLayout         android orientation  vertical          android layout width  fill parent          android layout height  fill parent          android padding  5dp  gt            lt FrameLayout             android id   android id tabcontent              android layout width  fill parent              android layout height  wrap content              android padding  5dp              android layout weight  1   gt            lt TabWidget             android id   android id tabs              android layout width  fill parent              android layout height  wrap content              android layout weight  0              android layout marginBottom  -4dp   gt        lt  LinearLayout gt    lt  TabHost gt

User · Answer

There are two ways to display tabs at the bottom of a tab activity    Using relative layout  Using Layout weight attribute   Please check the link for more details

User · Answer

This may not be exactly what you re looking for  it s not an  easy  solution to send your Tabs to the bottom of the screen  but is nevertheless an interesting alternative solution I would like to flag to you     ScrollableTabHost is designed to behave like TabHost  but with an additional scrollview to fit more items      maybe digging into this open-source project you ll find an answer to your question  If I see anything easier I ll come back to you

User · Answer

Yes  see  link  but he used xml layouts  not activities to create new tab  so put his xml code  set paddingTop for FrameLayout - 0px  and then write the code   public class SomeActivity extends ActivityGroup     Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState     setContentView R layout main        TabHost tab host    TabHost  findViewById R id edit item tab host         tab host setup this getLocalActivityManager          TabSpec ts1   tab host newTabSpec  TAB DATE         ts1 setIndicator  tab1         ts1 setContent new Intent this  Registration class         tab host addTab ts1         TabSpec ts2   tab host newTabSpec  TAB GEO         ts2 setIndicator  tab2         ts2 setContent new Intent this  Login class         tab host addTab ts2         TabSpec ts3   tab host newTabSpec  TAB TEXT         ts3 setIndicator  tab3         ts3 setContent new Intent this  Registration class         tab host addTab ts3         tab host setCurrentTab 0

User · Answer

There is a way to remove the line   1  Follow this tutorial      android-tabs-with-fragments  2  Then apply the RelativeLayout change that Leaudro suggested above  apply the layout props to all FrameLayouts    You can also add an ImageView to the tab xml in item  1 and get a very iPhone like look to the tabs   Here is a screenshot of what I m working on right now  I still have some work to do  mainly make a selector for the icons and ensure equal horizontal distribution  but you get the idea  In my case  I m using fragments  but the same principals should apply to a standard tab view

[android] Android: Tabs at the BOTTOM

Examples related to android

Examples related to tabwidget