当前位置：移动技术网 > IT编程>移动开发>Android > Android开发之TabHost选项卡及相关疑难解决方法

Android开发之TabHost选项卡及相关疑难解决方法

2019年07月23日 | 移动技术网IT编程 | 我要评论

你爱我像谁伴奏,触手便当,1920x1080壁纸

本文实例分析了android开发之tabhost选项卡及相关疑难解决方法。分享给大家供大家参考，具体如下：

前言：

虽然现在谷歌已经不推荐使用tabhost，但是初学者还是很有必要接触下这一成金的经典的，本文将介绍纤细介绍这一空间的使用，以及大家可能遇到的问题。注：文末给出完整实现代码

三个问题：

1. 无法显示tabhost

2. 添加图片 + 文字无法同时

3. 说在最后：点击事件

4. 底部导航无法实现

现在

从问题出发：

问题一：无法显示 tabhost

很多人调用tabhost的方法是：

setcontentview(r.layout.activity_main);
tabhost = gettabhost();

然后发现啥也没有，一脸蒙圈。。。在这里建议大家采用遮掩的调用方法：

layoutinflater.from(this).inflate(r.layout.activity_main,
    tabhost.gettabcontentview(), true);

成功后的页面：

注：ui 略丑请忽视

问题二：图片、文字无法同时添加

好了，很多人辛辛苦苦把界面搞出来了，可能想搞个底部菜单加个图片，结果凉凉半天搞不出来，这里介绍一个方法，由于tabhost本身图片、文字冲突，无法添加，这是我们就得把目光迁移到自定义view上：本段参考自：

首先在/layout下建立自定义view名为：tab_indicator.xml文件

<?xml version="1.0" encoding="utf-8"?>
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="0dip"
  android:layout_height="64dip"
  android:layout_weight="1"
  android:orientation="vertical"
  android:background="#45c0c0c0"
  android:padding="5dp">
  <imageview android:id="@+id/icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerhorizontal="true"
    />
  <textview android:id="@+id/title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignparentbottom="true"
    android:layout_centerhorizontal="true"
    style="?android:attr/tabwidgetstyle"
    />
</relativelayout>

接着，紧随其后在/drawable下添加：tab_info.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:drawable="@drawable/find"
    android:state_selected="true" />
  <item android:drawable="@drawable/find1" />
</selector>

这些都搞定之后，就可以在活动中调用了：

首先在活动中先建立addtab()方法：

private void addtab(string label, int drawableid) {
  intent intent = new intent(this, textactivity.class);
  tabhost.tabspec spec = tabhost.newtabspec(label);
  view tabindicator = layoutinflater.from(this).inflate(r.layout.tab_indicator, gettabwidget(), false);
  textview title = (textview) tabindicator.findviewbyid(r.id.title);
  title.settext(label);
  imageview icon = (imageview) tabindicator.findviewbyid(r.id.icon);
  icon.setimageresource(drawableid);
  spec.setindicator(tabindicator);
  spec.setcontent(intent);
  tabhost.addtab(spec);
}

终于我们。。。：

成功了！！！

问题三：添加监听事件

这个无脑只要 id 匹配就行了，直接上代码：

tabhost.setontabchangedlistener(new tabhost.ontabchangelistener(){
  @override
  // tabid是newtabspec参数设置的tab页名，并不是layout里面的标识符id
  public void ontabchanged(string tabid) {
    if (tabid.equals("tab1")) {  //第一个标签
      toast.maketext(mainactivity.this, "点击标签页一", toast.length_short).show();
    }else if (tabid.equals("tab2")) {  //第二个标签
      toast.maketext(mainactivity.this, "点击标签页二", toast.length_short).show();
    }else if (tabid.equals("tab3")) {  //第三个标签
      toast.maketext(mainactivity.this, "点击标签页三", toast.length_short).show();
    }
  }
});

暂时能记起来的疑难就这些了如果还有请给我留言我尽力解答。。

附上布局与实现：

布局：

<?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="match_parent"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:scrollbarsize="100dp">
  <linearlayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <tabwidget
      android:id="@android:id/tabs"
      android:layout_width="match_parent"
      android:layout_height="wrap_content">
      <framelayout
        android:id="@android:id/tabcontent"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--定义第一个标签页特内容-->
        <linearlayout
          android:id="@+id/tab01"
          android:orientation="vertical"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
          <textview
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="text11"
            android:textsize="20dp"/>
          <textview
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="text12"
            android:textsize="20dp"/>
        </linearlayout>
        <!--定义第二个标签页的内容-->
        <linearlayout
          android:id="@+id/tab02"
          android:orientation="vertical"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
          <textview
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="text11"
            android:textsize="20dp"/>
          <textview
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="text12"
            android:textsize="20dp"/>
        </linearlayout>
        <!--定义第三个标签页的内容-->
        <linearlayout
          android:id="@+id/tab03"
          android:orientation="vertical"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
          <textview
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="text11"
            android:textsize="20dp"/>
          <textview
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="text12"
            android:textsize="20dp"/>
        </linearlayout>
      </framelayout>
    </tabwidget>
  </linearlayout>
</tabhost>

实现：

public class mainactivity extends tabactivity {
  tabhost tabhost;
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
//    setcontentview(r.layout.activity_main);
    tabhost = gettabhost();
    layoutinflater.from(this).inflate(r.layout.activity_main,
        tabhost.gettabcontentview(), true);
    addtab("tab1", r.drawable.tab_info);
    addtab("tab2", r.drawable.tab_info);
    addtab("tab3", r.drawable.tab_info);
//
    //标签切换事件处理，setontabchangedlistener
    tabhost.setontabchangedlistener(new tabhost.ontabchangelistener(){
      @override
      // tabid是newtabspec参数设置的tab页名，并不是layout里面的标识符id
      public void ontabchanged(string tabid) {
        if (tabid.equals("tab1")) {  //第一个标签
          toast.maketext(mainactivity.this, "点击标签页一", toast.length_short).show();
        }else if (tabid.equals("tab2")) {  //第二个标签
          toast.maketext(mainactivity.this, "点击标签页二", toast.length_short).show();
        }else if (tabid.equals("tab3")) {  //第三个标签
          toast.maketext(mainactivity.this, "点击标签页三", toast.length_short).show();
        }
      }
    });
  }
  private void addtab(string label, int drawableid) {
    intent intent = new intent(this, textactivity.class);
    tabhost.tabspec spec = tabhost.newtabspec(label);
    view tabindicator = layoutinflater.from(this).inflate(r.layout.tab_indicator, gettabwidget(), false);
    textview title = (textview) tabindicator.findviewbyid(r.id.title);
    title.settext(label);
    imageview icon = (imageview) tabindicator.findviewbyid(r.id.icon);
    icon.setimageresource(drawableid);
    spec.setindicator(tabindicator);
    spec.setcontent(intent);
    tabhost.addtab(spec);
  }
}

ps：新建的layout和/drawable里的xml文件在问题给过，这里就不反复给了。

问题四：底部导航效果无法实现

底部导航的参见方法是把tabwidget放在framelayout后面，但是啧啧。。。

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" >
  <tabhost
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignparentbottom="true"
    android:layout_alignparentleft="true" >
    <linearlayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical" >
      <framelayout
        android:id="@android:id/tabcontent"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="top">
        中间内容前面给出 这里省略
      </framelayout>
    </linearlayout>
    <tabwidget
      android:id="@android:id/tabs"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom" >
    </tabwidget>
  </tabhost>
</relativelayout>

你会发现并没有什么卵用！！！呕！！，so：

百度了半天找不到问题所在，然后。。。修改下mainactivity

@override
protected void oncreate(bundle savedinstancestate) {
  super.oncreate(savedinstancestate);
  //原来
//    tabhost = gettabhost();
//    layoutinflater.from(this).inflate(r.layout.activity_main,
//        tabhost.gettabcontentview(), true);
  //修改后
  setcontentview(r.layout.activity_main);
  tabhost = gettabhost();
  tabhost.setup(this.getlocalactivitymanager());
  addtab("tab1", r.drawable.tab_info);
  addtab("tab2", r.drawable.tab_info);
  addtab("tab3", r.drawable.tab_info);
  //标签切换事件处理，setontabchangedlistener
  iniclick();
}

注：此处我已经将点击事件封装到方法中

最后：全剧终

哦，还没有且等我放下最后的图。。

啧啧，搞定

更多关于android相关内容感兴趣的读者可查看本站专题：《android开发入门与进阶教程》、《android调试技巧与常见问题解决方法汇总》、《android基本组件用法总结》、《android视图view技巧总结》、《android布局layout技巧总结》及《android控件用法总结》

希望本文所述对大家android程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

android的布局（如何实现空心圆效果的布局）

layer-list : 简单来说layer-list就是图层列表的意思,是用来创建LayerDrawable的,LayerDrawable是Drawa... [阅读全文]
Android 极光推送别名与标签方式

android 极光推送别名、标签、registrationid说明别名（alias）为安装了应用程序的用户，取个别名来标识。以后给该用户 push 消息时，... [阅读全文]
Dialog全屏,去掉状态栏的方式

dialog即使设置全屏了，但还是有状态栏占用高度这；直接将下面这行代码放到你的dialog中即可 @override protected void onsta... [阅读全文]
Android Manifest中meta-data扩展元素数据的配置与获取方式

在androidmanifest.xml清单文件中我们有时会看到如下类似的<meta-data ... >元素开始的配置内容：<meta-d... [阅读全文]
Android实现获取meta-data和build.gradle的值

有时候会用到meta-data中的参数，比如定义的渠道号，类似友盟统计。也会用到定义在build.gradle文件中android标签下的defaultconf... [阅读全文]
Android获取清单文件中的meta-data,解决碰到数值为null的问题

1.meta-data是什么？如何获取meta-data？在androidmanifest.xml中，元素可以作为子元素，被包在activity、applica... [阅读全文]
解决webview 第二次调用loadUrl页面不刷新的问题

一个需求，当点击button按钮时，希望加载另一个url。以下方法可以成功！@overridepublic void onclick(view view) { ... [阅读全文]
浅谈 Android 7.0 多窗口分屏模式的实现

从 android 7.0 开始，google 推出了一个名为“多窗口模式”的新功能，也就是我们常说的“分屏模式”。那么，这个功能有什么用呢？作为开发者，我们又... [阅读全文]
解决Android WebView拦截url,视频播放加载失败的问题

需求：android调用webview加载网页的时候，拦截某一个链接不执行此链接，执行指定跳转到其他activity页面。webview的setwebviewc... [阅读全文]
Android webview加载https链接错误或无响应的解决

最近做无线wifi的时候，在最后认证成功的时候会弹出一个广告页，于是用webview去加载了一下，结果没反应，打印url出来看了一下，发现是https格式的，在... [阅读全文]

网友评论


验证码：

Android开发之TabHost选项卡及相关疑难解决方法

2019年07月23日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论