TabHost

(一)

知识点:id使用系统自带

1.效果图:

2.布局

activity_main.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <TabHost
 3     android:id="@android:id/tabhost"
 4     android:layout_width="match_parent"
 5     android:layout_height="wrap_content"
 6     xmlns:android="http://schemas.android.com/apk/res/android">
 7     <LinearLayout
 8         android:orientation="vertical"
 9         android:layout_width="match_parent"
10         android:layout_height="wrap_content">
11         <!--选项卡标题表-->
12          <TabWidget
13              android:id="@android:id/tabs"
14              android:layout_width="match_parent"
15              android:layout_height="wrap_content"></TabWidget>
16          <!--选项卡布局-->
17         <FrameLayout
18             android:id="@android:id/tabcontent"
19             android:layout_width="match_parent"
20             android:layout_height="match_parent"></FrameLayout>
21     </LinearLayout>
22 
23 
24 </TabHost>

也可以在  activity_main.xml布局中使用include

tab1.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:id="@+id/tab01">
 6     <TextView
 7         android:text="LinnerLayout"
 8         android:layout_width="match_parent"
 9         android:layout_height="wrap_content" />
10 
11 </LinearLayout>

tab2.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     xmlns:android="http://schemas.android.com/apk/res/android"
 6     android:id="@+id/tab02">
 7     <TextView
 8     android:text="RelativeLayout"
 9     android:layout_width="match_parent"
10     android:layout_height="wrap_content" />
11 </RelativeLayout>

tab3.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <AbsoluteLayout
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     xmlns:android="http://schemas.android.com/apk/res/android"
 6     android:id="@+id/tab03">
 7     <TextView
 8         android:text="AbsoluteLayout"
 9         android:layout_width="match_parent"
10         android:layout_height="wrap_content" />
11 </AbsoluteLayout>

2.MainActivity.java

 1 package com.example.administrator.hello2;
 2 
 3 import android.app.TabActivity;
 4 import android.support.v7.app.AppCompatActivity;
 5 import android.os.Bundle;
 6 import android.view.LayoutInflater;
 7 import android.widget.TabHost;
 8 
 9 public class MainActivity extends TabActivity {
10 
11     private TabHost tabHost;
12     @Override
13     protected void onCreate(Bundle savedInstanceState) {
14         super.onCreate(savedInstanceState);
15         setContentView(R.layout.activity_main);
16 
17         tabHost = getTabHost();
18 
19         LayoutInflater.from(MainActivity.this).inflate(R.layout.tab1,tabHost.getTabContentView(),true);
20         LayoutInflater.from(MainActivity.this).inflate(R.layout.tab2,tabHost.getTabContentView(),true);
21         LayoutInflater.from(MainActivity.this).inflate(R.layout.tab3,tabHost.getTabContentView(),true);
22 
23         tabHost.addTab(tabHost.newTabSpec("TAB1").setIndicator("线性布局").setContent(R.id.tab01));
24         tabHost.addTab(tabHost.newTabSpec("TAB1").setIndicator("相对布局").setContent(R.id.tab02));
25         tabHost.addTab(tabHost.newTabSpec("TAB1").setIndicator("绝对布局").setContent(R.id.tab03));
26 
27     }
28 }

 

转载于:https://www.cnblogs.com/sunxiaoyan/p/9067589.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值