Android程序开发之自定义设置TabHost,TabWidget样式

 更新时间:2016年03月14日 09:30:11   作者:jerrylsxu  
这篇文章主要介绍了Android程序开发之自定义设置TabHost,TabWidget样式的相关资料,需要的朋友可以参考下

先看效果:


        京东商城底部菜单栏


      新浪微博底部菜单栏

本次学习效果图:

第一,主布局文件(启动页main.xml,位于res/layout目录下)代码

<?xml version="." encoding="utf-"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/tabhost">
<LinearLayout 
android:id="@+id/linear"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TabWidget 
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"></TabWidget>
<FrameLayout 
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="你"/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="我"/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="他"/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="我们"/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
</TabHost> 

第二,创建显示此TabWidget的布局tabmini.xml(位于res/layout目录下)

<?xml version="." encoding="utf-"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingTop="dp"
android:paddingLeft="dp"
android:paddingRight="dp"
android:background="#CEC" >
<TextView 
android:id="@+id/tab_label"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:textColor="#"
android:textStyle="bold"
android:background="@drawable/tabmini"/>
</RelativeLayout>

第三,在drawable里面创建一个selector,命名tabmini.xml,用来点击TabHost的一个tab时TextView的变化

<?xml version="." encoding="utf-"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item 
android:state_selected="true"
android:drawable="@drawable/add_managebg_down"/> 
<item 
android:state_selected="false" 
android:drawable="@drawable/add_managebg"/>
</selector> 

第四,java代码,在Activity里实现TabHost

package com.example.androidtest____meihuatubiao;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TabHost;
import android.widget.TextView;
public class Main extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
View niTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView niTxt=(TextView)niTab.findViewById(R.id.tab_label);
niTxt.setText("ni");
View woTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView woTxt=(TextView)woTab.findViewById(R.id.tab_label);
woTxt.setText("wo");
View taTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView taTxt=(TextView)taTab.findViewById(R.id.tab_label);
taTxt.setText("ta");
View weTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView weTxt=(TextView)weTab.findViewById(R.id.tab_label);
weTxt.setText("we");
TabHost tabs=(TabHost)findViewById(R.id.tabhost);
tabs.setup();
tabs.addTab(tabs.newTabSpec("niTab").setContent(R.id.tab).setIndicator(niTab));
tabs.addTab(tabs.newTabSpec("woTab").setContent(R.id.tab).setIndicator(woTab));
tabs.addTab(tabs.newTabSpec("taTab").setContent(R.id.tab).setIndicator(taTab));
tabs.addTab(tabs.newTabSpec("weTab").setContent(R.id.tab).setIndicator(weTab));
}
}

以上内容是小编给大家分享的Android程序开发之自定义设置TabHost,TabWidget样式,希望对大家有所帮助!

相关文章

  • Flutter UI如何使用Provide实现主题切换详解

    Flutter UI如何使用Provide实现主题切换详解

    这篇文章主要给大家介绍了关于Flutter UI如何使用Provide实现主题切换的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • android导入第三方jar包报错 如何正确导入jar包

    android导入第三方jar包报错 如何正确导入jar包

    怎样在android平台上使用第三方jar包,为什么我在引入了,编译时没有错误,运行时就有错误,报无法实例化错误,请问这是什么原因,本文给于解决方法,需要了解的朋友可以参考下
    2012-12-12
  • Android虚拟机Dalvik和ART科普

    Android虚拟机Dalvik和ART科普

    这篇文章主要为大家介绍了Android虚拟机Dalvik和ART科普详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 使用adb or fastboot命令进入高通的9008(edl)模式的两种方法

    使用adb or fastboot命令进入高通的9008(edl)模式的两种方法

    这篇文章主要介绍了使用adb or fastboot命令进入高通的9008(edl)模式,两种方式通过命令给大家写的非常详细,文中又给大家补充介绍了高通手机 进入 高通9008模式的两种方法,需要的朋友可以参考下
    2023-01-01
  • Android编程获取设备MAC地址的实现方法

    Android编程获取设备MAC地址的实现方法

    这篇文章主要介绍了Android编程获取设备MAC地址的实现方法,涉及Android针对硬件设备的操作技巧,需要的朋友可以参考下
    2017-01-01
  • Android通过ImageView设置手指滑动控件缩放

    Android通过ImageView设置手指滑动控件缩放

    这篇文章主要介绍了Android通过ImageView设置手指滑动控件缩放效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-12-12
  • Android实战教程第四十三篇之上拉加载与下拉刷新

    Android实战教程第四十三篇之上拉加载与下拉刷新

    这篇文章主要为大家详细介绍了Android实战教程第四十三篇之上拉加载与下拉刷新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • flutter 屏幕尺寸适配和字体大小适配的实现

    flutter 屏幕尺寸适配和字体大小适配的实现

    这篇文章主要介绍了flutter 屏幕尺寸适配和字体大小适配的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • Apache Cordova Android原理应用实例详解

    Apache Cordova Android原理应用实例详解

    这篇文章主要为大家介绍了Apache Cordova Android原理应用实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 解析Kotlin JSON格式

    解析Kotlin JSON格式

    这篇文章主要介绍了Kotlin JSON格式解析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03

最新评论