前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android TabWidget底部显示

Android TabWidget底部显示

作者头像
庞小明
发布2018-03-07 16:20:26
9360
发布2018-03-07 16:20:26
举报
文章被收录于专栏:pangguoming

TabHost控件默认使用LinearLayout包裹TabWidget和FrameLayout,布局文件如下:

代码语言:javascript
复制
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
 android:id="@android:id/tabhost"  
 android:layout_width="match_parent"  
 android:layout_height="match_parent" >  
 
 <LinearLayout  
 android:layout_width="match_parent"  
 android:layout_height="match_parent"  
 android:orientation="vertical" >  
 
 <TabWidget  
 android:id="@android:id/tabs"  
 android:layout_width="match_parent"  
 android:layout_height="wrap_content" >  
 </TabWidget>  
 
 <FrameLayout  
 android:id="@android:id/tabcontent"  
 android:layout_width="match_parent"  
 android:layout_height="match_parent" >  
 </FrameLayout>  
 </LinearLayout>  
</TabHost>  

这样TabWidget显示在顶部,如果想把TabWidget放到底部有三种方式。

方式一:将TabHost中默认的LinearLayout换成RelativeLayout,并给TabWidget添加Android:layout_alignParentBottom="true"

代码语言:javascript
复制
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
 android:id="@+id/tabhost"  
 android:layout_width="match_parent"  
 android:layout_height="match_parent"  
 android:layout_alignParentLeft="true"  
 android:layout_alignParentTop="true" >  
 <RelativeLayout  
 android:layout_width="match_parent"  
 android:layout_height="match_parent">  
 
 <TabWidget  
 android:id="@android:id/tabs"  
 android:layout_width="match_parent"  
 android:layout_height="wrap_content"   
 android:layout_alignParentBottom="true">  
 </TabWidget>  
 
 <FrameLayout  
 android:id="@android:id/tabcontent"  
 android:layout_width="match_parent"  
 android:layout_height="match_parent" >  
 </FrameLayout>  
 </RelativeLayout>  
</TabHost>  

方式二:1、将LinearLayout中TabWidget和FrameLayout交换位置               2、设置FrameLayout的属性:android:layout_weight="1" android:layout_height="0dp"

代码语言:javascript
复制
<p><TabHost xmlns:android="<a target=_blank href="http://schemas.android.com/apk/res/android">http://schemas.android.com/apk/res/android</a>"  
 android:id="@+id/tabhost"  
 android:layout_width="match_parent"  
 android:layout_height="match_parent"  
 android:layout_alignParentLeft="true"  
 android:layout_alignParentTop="true" ></p><p>   <LinearLayout  
 android:layout_width="match_parent"  
 android:layout_height="match_parent"  
 android:orientation="vertical" >  
 
 <FrameLayout  
 android:id="@android:id/tabcontent"  
 android:layout_width="match_parent"  
 android:layout_height="0dp"  
 android:layout_weight="1" >  
 </FrameLayout>  
 
 <TabWidget  
 android:id="@android:id/tabs"  
 android:layout_width="match_parent"  
 android:layout_height="wrap_content"   
 android:layout_alignParentBottom="true">  
 </TabWidget>  
 </LinearLayout>  
</TabHost></p>  

方式三:1、将TabWidget移动到LinearLayout标签以下               2、在FrameLayout中加入属性:android:layout_gravity="top"               3、在TabWidget中加入属性:android:layout_gravity="bottom"

代码语言:javascript
复制
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
 android:id="@+id/tabhost"  
 android:layout_width="match_parent"  
 android:layout_height="match_parent"  
 android:layout_alignParentLeft="true"  
 android:layout_alignParentTop="true" >  
 
 <LinearLayout  
 android:layout_width="match_parent"  
 android:layout_height="match_parent"  
 android:orientation="vertical" >  
 
 <FrameLayout  
 android:id="@android:id/tabcontent"  
 android:layout_width="match_parent"  
 android:layout_height="match_parent"  
 android:layout_gravity="top" >  
 </FrameLayout>  
 </LinearLayout>  
 <TabWidget  
 android:id="@android:id/tabs"  
 android:layout_width="match_parent"  
 android:layout_height="wrap_content"   
 android:layout_gravity="bottom">  
 </TabWidget>  
</TabHost>  

以上三种方式在Android4.2下测试通过。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-12-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档