`
huiji232
  • 浏览: 11827 次
社区版块
存档分类
最新评论

FragmentTabHost QQ 选项卡

阅读更多
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;
import android.view.View;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TabHost.TabSpec;

public class MainActivity extends FragmentActivity implements
		OnCheckedChangeListener {
	FragmentTabHost tabHost;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 找到FragmentTabHost
		tabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
		// 设置TabHost R.id.realtabcontent 为显示Fragment的容器
		tabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);

		// 创建Tabs,设置显示的标题
		TabSpec tabSpecA = tabHost.newTabSpec("0").setIndicator("A");
		TabSpec tabSpecB = tabHost.newTabSpec("1").setIndicator("B");
		TabSpec tabSpecC = tabHost.newTabSpec("2").setIndicator("C");
		TabSpec tabSpecD = tabHost.newTabSpec("3").setIndicator("D");
		// 添加 tabs
		tabHost.addTab(tabSpecA, FragmentA.class, null);
		tabHost.addTab(tabSpecB, FragmentB.class, null);
		tabHost.addTab(tabSpecC, FragmentC.class, null);
		tabHost.addTab(tabSpecD, FragmentD.class, null);
		tabHost.getTabWidget().setVisibility(View.GONE);

		RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radiogroup1);
		radioGroup.setOnCheckedChangeListener(this);
	}

	@Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		switch (checkedId) {
		case R.id.radiobutton0:
			tabHost.setCurrentTabByTag("0");
			break;
		case R.id.radiobutton1:
			tabHost.setCurrentTabByTag("1");
			break;
		case R.id.radiobutton2:
			tabHost.setCurrentTabByTag("2");
			break;
		case R.id.radiobutton3:
			tabHost.setCurrentTabByTag("3");
			break;
		}
	}
}


引用
源码链接http://pan.baidu.com/share/link?shareid=2722935379&uk=2099615464

布局文件

引用
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/realtabcontent"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal" >
    </LinearLayout>

    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="0dp" >
        </FrameLayout>
    </android.support.v4.app.FragmentTabHost>
<RadioGroup
    android:id="@+id/radiogroup1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    >
    <RadioButton
        android:id="@+id/radiobutton0"
        style="@style/radiogroup"
        android:text="消息"
       android:drawableTop="@drawable/message"
      
        />
     <RadioButton
        android:id="@+id/radiobutton1"
         style="@style/radiogroup"
      android:drawableTop="@drawable/contact"
      android:text="联系人"
        />
      <RadioButton
        android:id="@+id/radiobutton2"
         style="@style/radiogroup"
         android:textColor="@color/textcolor"
       android:drawableTop="@drawable/news"
       android:text="动态"
        />
       <RadioButton
        android:id="@+id/radiobutton3"
       android:drawableTop="@drawable/setting"
       android:text="设置"
         style="@style/radiogroup"
        />
   
</RadioGroup>
</LinearLayout>
分享到:
评论

相关推荐

    仿QQ主界面选项卡

    本文将深入探讨“仿QQ主界面选项卡”的实现,并基于给定的标签“选项卡”和“仿QQ”来解析这一自定义实现。 首先,我们要理解选项卡的基本概念。选项卡是一种常见的用户界面元素,它允许在一个固定的空间内展示多个...

    图片选项卡效果页面QQ效果大集合

    【标题】:“图片选项卡效果页面QQ效果大集合” 这篇博客文章主要探讨的是如何实现一个类似于QQ应用中的图片选项卡效果,这是一种常见的用户界面(UI)设计,用于展示多个图片或内容并允许用户通过切换选项卡来浏览...

    viewpager+fragment实现仿QQ选项卡

    在Android应用开发中,"ViewPager+Fragment实现仿QQ选项卡"是一种常见的设计模式,用于创建一个界面,其中用户可以通过滑动在多个视图之间切换,每个视图通常代表不同的功能或内容区域。这个设计灵感来源于QQ应用的...

    android选项卡demo

    在Android应用开发中,选项卡(Tab)是一种常见的用户界面元素,用于组织和展示多个相关的视图或内容区域。在本“android选项卡demo”中,开发者已经简单实现了选项卡的切换、颜色设置等基本功能。这个Demo主要涉及...

    选项卡tab标签样式qq在线客服代码

    本文将深入探讨“选项卡tab标签样式”在QQ在线客服代码中的应用,帮助你理解如何创建一个既实用又美观的在线客服系统。 选项卡(Tab)是一种常见的用户界面组件,它允许用户在多个视图之间切换,而无需打开新的窗口...

    web-选项卡

    在Web开发中,"选项卡"是一种常见的用户界面设计模式,用于组织和展示大量相关但不同时显示的信息。这种布局方式使得用户可以轻松地在不同的内容板块之间切换,而无需滚动或打开新的页面。在本案例中,我们将讨论与...

    html切换选项卡

    - 选项卡:每个选项卡通常是一个`li`元素,作为`ul`列表的一部分,可以包含链接或按钮。 - 内容容器:一个`div`元素,包含所有可切换的内容面板,每个面板对应一个选项卡。 - 内容面板:每个内容面板是一个`div`...

    jquery css3实现动态选项卡菜单切换效果

    在网页设计中,动态选项卡菜单切换是一种常见的交互方式,它能够有效地组织和展示大量信息,提高用户体验。本文将深入探讨如何使用jQuery和CSS3来实现这种效果。 首先,jQuery是一个强大的JavaScript库,它简化了...

    仿qqTab左右切换选项卡

    在Android应用开发中,"仿qqTab左右切换选项卡"是一种常见的用户界面设计,它能够为用户提供直观且易于导航的体验。QQ作为中国最流行的即时通讯软件,其应用中的Tab栏设计深受用户喜爱,因此很多开发者尝试在自己的...

    QQ型选项卡控件及彩色滚动条

    本主题聚焦于“QQ型选项卡控件”和“彩色滚动条控件”,这两种元素都是提升应用视觉吸引力和易用性的关键组件。让我们深入探讨这两个控件的设计原理、实现方法以及它们在实际应用中的作用。 首先,我们来了解QQ型...

    纯js(javascript)选项卡效果,仿腾讯迷你首页选项卡

    纯js(javascript)选项卡效果,仿腾讯迷你首页选项卡(支持自动播放)

    jQuery Tab 可关闭的网页选项卡特效.rar

    jQuery Tab 可关闭的网页选项卡特效,网页上的标签效果,每个TAB标签都可以关闭,就像现在主流的163邮箱、QQ邮箱中的效果,模拟出了PC浏览器的效果,选项卡可以无限制增多,超出宽度会出现滚动条,本演示页面中包括...

    asp.net选项卡

    ASP.NET选项卡控件是一种常见的用户界面元素,用于在单个视图中组织大量内容,让用户可以方便地在多个页面或部分之间切换,而无需实际加载新的页面。这些控件通常用于网页设计,以提高用户体验,减少页面滚动,并...

    纯CSS实现选项卡效果

    在Web前端开发中,选项卡(Tab)效果是一种常见的用户界面设计模式,它允许用户在多个相关但独立的内容区域之间切换。本教程将详细介绍如何仅使用CSS(Cascading Style Sheets)来实现这一功能,无需JavaScript的...

    jQuery选项卡标签控制图片切换代码

    `jQuery选项卡标签控制图片切换代码.js`是核心的JavaScript文件,它包含实现选项卡和图片切换的逻辑。在jQuery中,我们可以使用`$(document).ready()`函数来确保DOM加载完成后再执行脚本。在这个函数内,我们需要...

    TabHost实现QQ分组

    7. **实现QQ分组**:对于“消息”、“联系人”、“动态”和“设置”这四个分组,每个都应作为一个独立的选项卡来创建。每个选项卡的Intent可以启动不同的Activity,这些Activity分别负责显示和管理相应的功能。 8. ...

    FragmentTabHost(仿QQ界面)

    在Android应用开发中,`FragmentTabHost`是一个用于在`Fragment`中实现标签栏功能的类,常用于创建类似QQ的多标签界面。这个组件允许开发者在同一个Activity中管理多个`Fragment`,并以标签的形式展示,使得用户可以...

    android仿微信底部选项卡(可滑动)

    在Android应用开发中,创建一个类似微信的底部选项卡是一种常见的设计模式,它能提供良好的用户体验,让用户在多个功能之间快速切换。这个项目的核心在于利用`Fragment`、`ViewPager`和自定义布局来实现这一功能。...

    jQuery全屏滑动TAB选项卡切换代码.zip

    《jQuery全屏滑动TAB选项卡切换代码》 在网页设计中,选项卡(Tab)是一种常见的用户界面元素,用于组织和展示大量的信息。全屏滑动的选项卡更是能够提供更加沉浸式的用户体验,使用户在浏览时更加专注于当前内容。...

Global site tag (gtag.js) - Google Analytics