Android中两种实现底部Tab的方法

2401_85730792

于 2024-06-17 03:25:00 发布

阅读量733

点赞数 25

文章标签： android gitee

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/2401_85730792/article/details/139730065

版权

```
       android:layout\_weight\="1"   
```
```
       \>    
```
```
       <TextView   
```
```
           android:id\="@+id/view1" 
```

           android:layout\_width\="wrap\_content"

           android:layout\_height\="wrap\_content"

```
           android:text\="nihao" 
```
```
           /> 
```
```
       <TextView   
```
```
           android:id\="@+id/view2" 
```

           android:layout\_width\="wrap\_content"

           android:layout\_height\="wrap\_content"

```
           android:text\="nihenhao" 
```
```
           /> 
```
```
   </FrameLayout\>     
```
```
   <TabWidget   
```

       android:id\="@android:id/tabs"

       android:layout\_width\="fill\_parent"

       android:layout\_height\="wrap\_content"

```
       />     
```
```
 </LinearLayout\>     
```
</TabHost>

main.xml

<?xml version\="1.0" encoding\="utf-8"?>
<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”
```
 android:orientation\="vertical" 
```

 android:layout\_width\="fill\_parent"

 android:layout\_height\="fill\_parent"

```
 \> 
```
<TextView

 android:layout\_width\="fill\_parent"

 android:layout\_height\="wrap\_content"

```
 android:text\="@string/hello" 
```
```
 /> 
```
</LinearLayout>

TestHostActivity.java

package com.lingdududu.test;
import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;
public class TestHostActivity extends TabActivity {

 /\*\* Called when the activity is first created. \*/

```
 @Override 
```

 public void onCreate(Bundle savedInstanceState) {

     super.onCreate(savedInstanceState);

```
     setContentView(R.layout.tabs);  
```

     TabHost tabhost =  getTabHost();

     tabhost.addTab(tabhost.newTabSpec("111").setIndicator("view1").setContent(R.id.view1));

     tabhost.addTab(tabhost.newTabSpec("222").setIndicator("view2").setContent(R.id.view2));

```
 }  
```
}

效果：

第二种：

在LinerLayout布局里面嵌套FrameLayout和RelativeLayout布局，将TabWidget放置在RelativeLayout里面，之后设置RelativeLayout的android:layout_alignParentBottom=“true” 属性，这个属性的功能是将TabWidget置于父元素(也就是LinerLayout)的底部。这样就能将Tab置于底部了。

<?xml version\="1.0" encoding\="utf-8"?>
<LinearLayout

 xmlns:android\="http://schemas.android.com/apk/res/android"

```
 android:orientation\="vertical" 
```

 android:layout\_width\="fill\_parent"

 android:layout\_height\="fill\_parent"\>

```
 <TabHost 
```
```
     android:id\="@+id/tabhost" 
```

     android:layout\_width\="fill\_parent"

     android:layout\_height\="fill\_parent"\>

```
     <FrameLayout 
```

         android:id\="@android:id/tabcontent"

         android:layout\_width\="fill\_parent"

         android:layout\_height\="fill\_parent"

         android:paddingBottom\="62px"

```
         \> 
```
```
         <TextView 
```
```
             android:id\="@+id/tab1" 
```

             android:layout\_width\="fill\_parent"

             android:layout\_height\="fill\_parent"

             android:text\="这是TabOne"

```
             /> 
```
```
         <TextView 
```
```
             android:id\="@+id/tab2" 
```

             android:layout\_width\="fill\_parent"

             android:layout\_height\="fill\_parent"

             android:text\="这是TabTwo"/>

```
     </FrameLayout\> 
```
```
     <RelativeLayout 
```

         android:layout\_width\="fill\_parent"

         android:layout\_height\="fill\_parent"

```
         \> 
```
```
         <TabWidget 
```

             android:id\="@android:id/tabs"

             android:layout\_alignParentBottom\="true"

             android:layout\_width\="fill\_parent"

             android:layout\_height\="65.0px"

             android:background\="@drawable/tab\_bg"

```
             /> 
```
```
     </RelativeLayout\> 
```
```
 </TabHost\> 
```
</LinearLayout>

main.xml

<?xml version\="1.0" encoding\="utf-8"?>
<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”
```
 android:orientation\="vertical" 
```

 android:layout\_width\="fill\_parent"

 android:layout\_height\="fill\_parent"

```
 \> 
```
<TextView

 android:layout\_width\="fill\_parent"

 android:layout\_height\="wrap\_content"

```
 android:text\="@string/hello" 
```
```
 /> 
```
</LinearLayout>

rent"

 android:layout\_height\="fill\_parent"

```
 \> 
```
<TextView

 android:layout\_width\="fill\_parent"

 android:layout\_height\="wrap\_content"

```
 android:text\="@string/hello" 
```
```
 /> 
```
</LinearLayout>

关注

25
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。