【安卓】选项卡之顶部选项卡（简易）

一、顶部选项卡

1.方法：（1）在res的layout文件目录下新建.xml的布局文件，并取名为：main_tab.xml（自己喜好，随意发挥）。

（2）在src文件夹里的包下创建Java类，名为TabHostActivity（自己喜好，随意发挥）。

2.布局文件代码：

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"android:id="@android:id/tabhost"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#000066" ><LinearLayoutandroid:id="@+id/tabll"android:layout_width="fill_parent"android:layout_height="match_parent"android:orientation="vertical" ><TabWidgetandroid:id="@android:id/tabs"android:layout_width="match_parent"android:layout_height="wrap_content" ></TabWidget><FrameLayoutandroid:id="@android:id/tabcontent"android:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_weight="1" ><TextViewandroid:id="@+id/tv1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="主页--第一页"android:textSize="11pt" /><TextViewandroid:id="@+id/tv2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="精选--第二页"android:textSize="11pt" /><TextViewandroid:id="@+id/tv3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="关于--第三页"android:textSize="11pt" /></FrameLayout></LinearLayout></TabHost>

3.写好布局代码之后的效果图

4.Java代码

package com.xuanxiang;import android.app.Activity;
import android.os.Bundle;
import android.widget.TabHost;public class TabHostActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main_tab);TabHost tabhost = (TabHost) findViewById(android.R.id.tabhost);// 必须调用该方法，才能设置tab样式tabhost.setup();// 添加标签tab1tabhost.addTab(tabhost.newTabSpec("主页")// 设置tab1标签图片.setIndicator(null,getResources().getDrawable(R.drawable.ic_launcher))// 设置tab1内容.setContent(R.id.tv1));// 添加标签tab2tabhost.addTab(tabhost.newTabSpec("精选")// 设置tab2标签图片.setIndicator(null,getResources().getDrawable(R.drawable.ic_launcher))// 设置tab2内容// .setContentView(R.layout.main_tab);.setContent(R.id.tv2));// 添加标签tab3tabhost.addTab(tabhost.newTabSpec("关于")// 设置tab1标签图片.setIndicator(null,getResources().getDrawable(R.drawable.ic_launcher))// 设置tab3内容.setContent(R.id.tv3));tabhost.setCurrentTab(0);// 设置当前显示第一个tab}
}

5.大功告成之后，Android虚拟机运行的效果图

6.如果在虚拟机运行报错，请检查是否在AndroidManifest.xml里注册Activity;以及注册的Activity名称是否一致。

7.本人QQ:768946914,欢迎添加

【安卓】选项卡之顶部选项卡（简易）相关推荐

TabTopUnderLineLayout【自定义顶部选项卡（带下划线）】
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言自定义顶部选项卡布局LinearLayout类,实现带下划线样式的效果. 备注:如果配合Fragment的话,MainActivit ...
flutter 导航组件 AppBar （含顶部选项卡TabBar，抽屉菜单 drawer ，自定义导航图标）
AppBar 组件的结构 AppBar 组件的代码 AppBar(leading: Icon(Icons.home), // 导航图标title: Text('AppBar Title'), // 页 ...
uniapp实现可滑动顶部选项卡
uniapp实现可滑动顶部选项卡利用<scroll-view>和<swiper>实现可滑动顶部选项卡,实现效果类似下图: 这里,简单模拟一下,实现一个大致效果一.构建顶部t ...
MUI 顶部选项卡-可左右拖动(div)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
微信小程序开发之选项卡(窗口顶部TabBar)页面切换
微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml [html] vie ...
微信小程序顶部选项卡 tabs 下拉刷新
微信小程序顶部选项卡 tabs 下拉刷新 **首先 wxml 页面带swiper 滑动切换功能 **  <view class=& ...
uniapp顶部选项卡左右切换栏目(微信小程序)
此次阐述的内容是使用uniapp小程序端实现顶部选项卡的功能. 如下三步即将实现: 一:view层 <scroll-view class="tab" scroll-x=&qu ...
uniapp 顶部选项卡 TopTabBar
在官网tabBar那里,只能自己手动实现效果图如下 1. 项目结构 + home + mine + TopBar + TopBarComponent + guanzhu.vue ...
Win10没有安全选项卡怎么办安全选项卡在哪里
Win10没有安全选项卡怎么办安全选项卡在哪里 https://jingyan.baidu.com/article/cb5d6105acec46005d2fe051.html

【安卓】选项卡之顶部选项卡（简易）

【安卓】选项卡之顶部选项卡（简易）相关推荐

最新文章

热门文章