Android TabHost 的美化与设计

最新推荐文章于 2018-07-08 16:25:10 发布
转载 最新推荐文章于 2018-07-08 16:25:10 发布 · 2.2k 阅读 · 0
文章标签：

#android #layout #exception #encoding #null #string

本文详细介绍了如何使用TabHost实现自定义的Tab栏布局，包括XML布局文件的编写和Activity中的代码实现，以及如何设置指示器和切换Tab。
用到的布局xml文件内容如下：

  2. <?xml version="1.0" encoding="utf-8"?>
  3. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
  4.    android:id="@android:id/tabhost"
  5.    android:layout_width="fill_parent"
  6.    android:layout_height="fill_parent">

  8.    <LinearLayout
  9.       android:orientation="vertical"
  10.       android:layout_width="fill_parent"
  11.       android:layout_height="fill_parent">
  12.       <FrameLayout
  13.          android:id="@android:id/tabcontent"
  14.          android:layout_width="fill_parent"
  15.          android:layout_height="wrap_content"
  16.          android:layout_weight="1">
  17.       </FrameLayout>
  18.       <TabWidget
  19.          android:id="@android:id/tabs"
  20.          android:layout_width="fill_parent"
  21.          android:layout_alignParentBottom="true"
  22.          android:layout_height="wrap_content"/>
  23.     </LinearLayout>
  24. </TabHost>
复制代码
//Activity 中抒写的代码：
  1. //记得先定义这几个变量
  2. private TabHost tabHost;
  3. private TabWidget tabWidget;
  4. Field mBottomLeftStrip;
  5. Field mBottomRightStrip;

  7. public TabHost makeTab(){
  8.         if(this.tabHost == null){
  9.                 tabHost = (TabHost)findViewById(android.R.id.tabhost);
  10.                 tabWidget = (TabWidget)findViewById(android.R.id.tabs);
  11.                 tabHost.setup();
  12.                 tabHost.bringToFront();

  14.                 TabSpec nearby_tab = tabHost.newTabSpec("nearby_tab");
  15.                 TabSpec history_tab = tabHost.newTabSpec("history_tab");
  16.                 TabSpec about_tab = tabHost.newTabSpec("about_tab");

  18.                 nearby_tab.setIndicator("first",getResources().getDrawable(R.drawable.first)).setContent(new Intent(this,first.class));
  19.                 history_tab.setIndicator("second",getResources().getDrawable(R.drawable.second)).setContent(new Intent(this,second.class));
  20.                 about_tab.setIndicator("third",getResources().getDrawable(R.drawable.third)).setContent(new Intent(this,third.class));

  22.                 tabHost.addTab(nearby_tab);
  23.                 tabHost.addTab(history_tab);
  24.                 tabHost.addTab(about_tab);

  26.                 if (Integer.valueOf(Build.VERSION.SDK) <= 7) {
  27.                         try {
  28.                                 mBottomLeftStrip = tabWidget.getClass().getDeclaredField ("mBottomLeftStrip");
  29.                                 mBottomRightStrip = tabWidget.getClass().getDeclaredField ("mBottomRightStrip");
  30.                                 if(!mBottomLeftStrip.isAccessible()) {
  31.                                         mBottomLeftStrip.setAccessible(true);
  32.                                 }
  33.                                 if(!mBottomRightStrip.isAccessible()){
  34.                                         mBottomRightStrip.setAccessible(true);
  35.                                 }
  36.                                 mBottomLeftStrip.set(tabWidget, getResources().getDrawable (R.drawable.linee));
  37.                                 mBottomRightStrip.set(tabWidget, getResources().getDrawable (R.drawable.linee));

  39.                         } catch (Exception e) {
  40.                                 e.printStackTrace();
  41.                         }
  42.                 } else {
  43.                         try {
  44.                                 mBottomLeftStrip = tabWidget.getClass().getDeclaredField("mLeftStrip");
  45.                                 mBottomRightStrip = tabWidget.getClass().getDeclaredField("mRightStrip");
  46.                                 if (!mBottomLeftStrip.isAccessible()) {
  47.                                         mBottomLeftStrip.setAccessible(true);
  48.                                 }
  49.                                 if (!mBottomRightStrip.isAccessible()) {
  50.                                         mBottomRightStrip.setAccessible(true);
  51.                                 }
  52.                                 mBottomLeftStrip.set(tabWidget, getResources().getDrawable(R.drawable.linee));
  53.                                 mBottomRightStrip.set(tabWidget, getResources().getDrawable(R.drawable.linee));
  54.                         } catch (Exception e) {
  55.                                 // TODO Auto-generated catch block
  56.                                 e.printStackTrace();
  57.                         }
  58.                 }

  60.                 for (int i =0; i <tabWidget.getChildCount(); i++) {

  62.                         final TextView tv = (TextView) tabWidget.getChildAt(i).findViewById(android.R.id.title);
  63.                         tv.setTextColor(Color.WHITE);
  64.                         View vvv = tabWidget.getChildAt(i);
  65.                         if(tabHost.getCurrentTab()==i){
  66.                                 vvv.setBackgroundDrawable(getResources().getDrawable(R.drawable.focus));
  67.                         }
  68.                         else {
  69.                                 vvv.setBackgroundDrawable(getResources().getDrawable(R.drawable.unfocus));
  70.                         }
  71.                 }

  73.                 tabHost.setOnTabChangedListener(new OnTabChangeListener(){

  75.                         @Override
  76.                         public void onTabChanged(String tabId) {
  77.                         // TODO Auto-generated method stub
  78.                         for (int i =0; i < tabWidget.getChildCount(); i++) {
  79.                                 View vvv = tabWidget.getChildAt(i);
  80.                                 if(tabHost.getCurrentTab()==i){
  81.                                         vvv.setBackgroundDrawable(getResources().getDrawable(R.drawable.focus));
  82.                                 }
  83.                                 else {
  84.                                         vvv.setBackgroundDrawable(getResources().getDrawable(R.drawable.unfocus));
  85.                                 }
  86.                         }
  87.                         }
  88.                 });
  89.         }
  90.         else{
  91.                 return tabHost;
  92.         }
  93.         return null;
  94. }
复制代码

效果图，求超越

美化TabHost
11-22
美化TabHost，仿新浪微博客户端
TabHost美化
07-25
总之，`TabHost`的美化是一个涉及多个方面的过程，包括但不限于自定义标签样式、字体和颜色设置、图标应用、背景颜色处理、滑动切换、动画效果、动态操作以及响应式设计等。通过巧妙地运用这些技巧，我们可以创建出...
tabhost的美化
liuxiaocong2的博客
06-15 418
安卓默认的TabHost样式是比较朴素的，可以对它进行样式美化。对布局进行美化的时候需要在布局文件中体现出来。TabHost标签应由一个TabWidget和一个FrameLayout组成。其中TabWidget定义了标签的属性，而frameLayout定义了标签的内容。 一、最普通tabHost 我们将activity_main.xml修改为： <TabHostxmlns:android=
Android之TabHost布局
aaxd0402的博客
04-08 294
Android之TabHost布局 1.概念 盛放Tab的容器就是TabHost。TabHost的实现有两种方式： 第一种继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。各个Tab中的内容在布局文件中定义就行了。 第二种方式，不继承TabActivity，在布局文件中定义TabHost...
Android TabHost界面美化与实践技巧
标题“TabHost美化”和描述以及标签都指向了相同的知识点，即如何对Android中的TabHost组件进行美化。由于文件名称列表中只有一个“TestTab”文件，我们可以假设这个文件是与TabHost美化相关的测试代码或者是一个...
Android UI设计美化：TabHost实现效果展示
本文将针对“Android UI经典设计”这一话题，深入探讨如何通过tabhost实现UI美化。 ### 1. Android UI设计要点 Android应用的UI设计不仅要求界面美观，还要考虑用户交互的便捷性。以下是一些Android UI设计的基本...
Android TabHost实现底部选项卡布局
事实上，在Android早期版本（如Android 2.x时代），TabHost默认常出现在屏幕顶部，随着UI设计理念的发展与Material Design的推广，底部导航栏逐渐成为主流趋势。因此，本资源的重点在于指导初学者如何突破传统布局...
自己布局TabHost，样式多样化显示
03-25
但是当我们的需要是将tabhost显示在下方，并且点击一个tab时会出现一些样式变化，比如图片更换等效果，这种方式就不灵活了，所以我们得自己提出自己来自己布局TabHost，使之样式多样化。
android自定义tabhost样式
05-29
NULL 博文链接：https://jykenan.iteye.com/blog/855843
android使用fragment替代tabhost实现分页效果
12-08
里面有多种样式，代码很简单，一看就懂。还有不同activity之间侦听的例子。本人非高手，希望大家相互学习。
Android开发之自定义TabHost文字及背景(源代码分享)
林泓成的专栏
05-11 3083
使用TabHost 可以在一个屏幕间进行不同版面的切换，而系统自带的tabhost界面较为朴素，我们应该如何进行自定义修改优化呢
Android UI设计-Tabhost标签页
joeyaung_1983的专栏
02-01 783
何谓标签 印象最深刻的应该是这个         现在 我们将通过一系列的扩展来研究之 写道 1. 自定义TabActivity 使得标签处于屏幕下方 2. 各个标签所用布局 既可在 *.xml 中定义 也可在 *.java 中定义 3. 更改标签布局     1. 标签页 在 屏幕下方 写道 一个典型的标签Activity  是由2 部分构成的 且其id都有规定
Android —— Tabhost选项卡的使用
JuneCock的博客
06-18 3744
Tabhost就是平时常见的选项卡控件，如下所示： 这样的选项卡控件，已经集成了点击切换的功能，编写界面的人员只需要编写每个选项卡和选项卡代表的内容即可 （1）常用组件如下所示： ①TabWidget：该组件就是Tabhost标签页中的按钮，点击这些按钮可以切换选项卡，以切换显示的内容 ②FrameLayout：该组件就是放置每个选项卡所显示的内容的控件，如图所示，
关于利用TabHost简单实现底部导航栏的设计
causually的博客
07-08 763
TabHost.javapackage com.example.ddf; import java.io.Serializable; import com.example.ddf.SelfRoomActivity; import com.example.ddf.MainActivity; import com.example.ddf.SearchFoodActivity; import com....
TabHost(系统自带样式)
大城小小爱的博客
01-13 586
//安卓开发TabHost(系统自带样式的点击变换页面) public class MainActivity extends TabActivity { private TabHost tab=null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceS
修改TabHost标签风格
Android移动开发者
08-20 1189
//注意这个就是改变Tabhost默认样式的地方，一定将这部分代码放在上面这段代码的下面，不然样式改变不了 for (int i =0; i < tabWidget.getChildCount(); i++) { //修改Tabhost高度和宽度 tabWidget.getChildAt(i).getLayoutParams().height
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值