温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android TabWidget底部显示效果

发布时间:2020-09-06 11:53:19 来源:脚本之家 阅读:259 作者:炉火纯青 栏目:移动开发

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

<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"

<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"

<TabHost xmlns:android="<a target=_blank href="http://schemas.android.com/apk/res/android" rel="external nofollow" >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>

方式三:

1、将TabWidget移动到LinearLayout标签以下             

2、在FrameLayout中加入属性:android:layout_gravity="top"             

3、在TabWidget中加入属性:android:layout_gravity="bottom"

<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下测试通过。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI