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

最新推荐文章于 2024-09-22 02:33:28 发布

2401_84815456

最新推荐文章于 2024-09-22 02:33:28 发布

阅读量1k

点赞数 11

分类专栏：程序员文章标签： android gitee

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

本文链接：https://blog.csdn.net/2401_84815456/article/details/138515744

版权

程序员专栏收录该内容

113 篇文章 0 订阅

订阅专栏

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

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

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

片转存中…(img-344GbGOd-1715024760944)]

[外链图片转存中…(img-iePqaZJL-1715024760944)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

关注

11
点赞
踩
20

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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