`
15050855750
  • 浏览: 8475 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

选项卡片段

 
阅读更多
主界面的XML
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <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="0dp"
            android:layout_weight="1" >
        </FrameLayout>

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:visibility="gone" >
        </TabWidget>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="60dp" >

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/tab_texture" 
                android:id="@+id/rl_Cy">

                <RadioButton
                    android:id="@+id/rBtn_Cy"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:background="@null"
                    android:button="@null"
                    android:drawableTop="@drawable/cy_selector"
                    android:gravity="center"
                    android:text="@string/str_cy"
                    android:textColor="@drawable/txtcol_selector"
                    android:textSize="13sp" />
            </RelativeLayout>

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/tab_texture" 
                android:id="@+id/rl_Aq">

                <RadioButton
                    android:id="@+id/rBtn_Aq"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:background="@null"
                    android:button="@null"
                    android:drawableTop="@drawable/aq_selector"
                    android:gravity="center"
                    android:text="@string/str_aq"
                    android:textColor="@drawable/txtcol_selector"
                    android:textSize="13sp" />


            </RelativeLayout>

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/tab_texture" 
                android:id="@+id/rl_Ys">

                <RadioButton
                    android:id="@+id/rBtn_Ys"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:background="@null"
                    android:button="@null"
                    android:drawableTop="@drawable/ys_selector"
                    android:gravity="center"
                    android:text="@string/str_ys"
                    android:textColor="@drawable/txtcol_selector"
                    android:textSize="13sp" />
            </RelativeLayout>

            
        </LinearLayout>
    </LinearLayout>

</TabHost>

主界面,Java代码
package com.example.test_x360;

import android.os.Bundle;
import android.app.TabActivity;
import android.content.Intent;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RelativeLayout;
import android.widget.TabHost;
import android.widget.CompoundButton.OnCheckedChangeListener;

public class MainActivity extends TabActivity implements
OnCheckedChangeListener {
private RelativeLayout rl_Cy;
private RelativeLayout rl_Aq;
private RelativeLayout rl_Ys;

private RadioButton rBtn_Cy;
private RadioButton rBtn_Aq;
private RadioButton rBtn_Ys;

// 定义标签名
private static final String TAB_TAG_CY = "cyTag";
private static final String TAB_TAG_AQ = "aqTag";
private static final String TAB_TAG_YS = "ysTag";


private TabHost mHost;
private Intent cyIntent;
private Intent aqIntent;
private Intent ysIntent;


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
setContent();
setTabs();
}

private void initView() {
rl_Cy = (RelativeLayout) findViewById(R.id.rl_Cy);
rl_Aq = (RelativeLayout) findViewById(R.id.rl_Aq);
rl_Ys = (RelativeLayout) findViewById(R.id.rl_Ys);

rBtn_Cy = (RadioButton) findViewById(R.id.rBtn_Cy);
rBtn_Aq = (RadioButton) findViewById(R.id.rBtn_Aq);
rBtn_Ys = (RadioButton) findViewById(R.id.rBtn_Ys);

rBtn_Cy.setOnCheckedChangeListener(this);
rBtn_Aq.setOnCheckedChangeListener(this);
rBtn_Ys.setOnCheckedChangeListener(this);
}

/**设置标签对应内容*/
private void setContent() {
cyIntent = new Intent(MainActivity.this, CyActivity.class);
aqIntent = new Intent(MainActivity.this, AqActivity.class);
ysIntent = new Intent(MainActivity.this, YsActivity.class);

}

private void setTabs() {
// 获取TabHost对象
mHost = getTabHost();
// 添加TabSpec
mHost.addTab(mHost.newTabSpec(TAB_TAG_CY).setContent(cyIntent)
		.setIndicator(""));
mHost.addTab(mHost.newTabSpec(TAB_TAG_AQ).setContent(aqIntent)
		.setIndicator(""));
mHost.addTab(mHost.newTabSpec(TAB_TAG_YS).setContent(ysIntent)
		.setIndicator(""));

// 设置默认显示标签
mHost.setCurrentTabByTag(TAB_TAG_CY);
// 设置默认选中按钮
rBtn_Cy.setChecked(true);
}

@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
switch (buttonView.getId()) {
case R.id.rBtn_Cy:
	if (isChecked) {
		//显示当前点击项对应的标签内容
		mHost.setCurrentTabByTag(TAB_TAG_CY);
		//其余的RadioButton选中状态清除
		rBtn_Aq.setChecked(false);
		rBtn_Ys.setChecked(false);
		rl_Cy.setBackgroundResource(R.drawable.tab_pressed);
	} else {
		rl_Cy.setBackgroundResource(R.drawable.tab_texture);
	}
	break;
case R.id.rBtn_Aq:
	if (isChecked) {
		mHost.setCurrentTabByTag(TAB_TAG_AQ);
		rBtn_Cy.setChecked(false);
		rBtn_Ys.setChecked(false);
		rl_Aq.setBackgroundResource(R.drawable.tab_pressed);
	} else {
		rl_Aq.setBackgroundResource(R.drawable.tab_texture);
	}
	break;
case R.id.rBtn_Ys:
	if (isChecked) {
		mHost.setCurrentTabByTag(TAB_TAG_YS);
		rBtn_Aq.setChecked(false);
		rBtn_Cy.setChecked(false);
		rl_Ys.setBackgroundResource(R.drawable.tab_pressed);
	} else {
		rl_Ys.setBackgroundResource(R.drawable.tab_texture);
	}
	break;
}
}
}
分享到:
评论

相关推荐

    安卓FragmentTab选项卡相关-Android选项卡效果-MaterialTabs.rar

    在Android应用开发中,FragmentTab选项卡是一种常见的用户界面元素,用于展示多个相互关联的内容区域。MaterialTabs库是实现这种效果的一种方式,它为开发者提供了谷歌Material Design风格的选项卡。下面将详细介绍...

    ASP.NET漂亮的选项卡

    在"选项卡"这个压缩包中,可能包含了一个示例项目或者代码片段,演示了如何在ASP.NET中实现这种功能。可能的文件结构可能包括HTML模板、CSS样式表、JavaScript脚本和ASP.NET页面。通过分析和学习这些文件,开发者...

    Android多个TAB选项卡切换效果

    在给定的描述和代码片段中,开发者选择了一种自定义的实现方式,使用`PagerSlidingTabStrip`库来创建选项卡切换效果。 `PagerSlidingTabStrip`是一个第三方库,它提供了一个美观的、可定制化的选项卡滑动条,它可以...

    AJAX效果选项卡

    在“AJAX效果选项卡”中,我们通常指的是利用AJAX实现的交互式选项卡组件,这种组件常见于网站导航或展示模块,如网易新闻那样,用户可以快速切换不同的内容板块而无需等待页面重新加载。 选项卡组件的设计目的是...

    HTML+CSS实现的滑动门选项卡

    这个简单的JavaScript代码片段会监听每个选项卡的点击事件,根据点击的选项卡更新内容区域的显示,并确保只有当前选中的选项卡有 `active` 类。 总结起来,HTML+CSS实现的滑动门选项卡主要涉及HTML结构设计、CSS...

    jQuery仿京东商品分类选项卡切换代码.zip

    本文将深入探讨“jQuery仿京东商品分类选项卡切换代码”这一主题,它利用jQuery库和SuperSlide插件来实现类似京东商城的商品分类选项卡切换效果。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件...

    图片选项卡

    【图片选项卡】是一种常见的网页交互设计,它允许用户在一个固定的空间内切换不同的图片或内容,通常用于展示多个相关的图像或信息片段。这种设计在网站、应用和软件中广泛使用,因为它可以有效地节省页面空间,同时...

    Android-Dynamic-Tab-Controller:Android 选项卡布局的基本结构

    Android-Dynamic-Tab-Controller Android 选项卡布局的基本结构 该项目是基于选项卡的 Android 布局的基本结构。 我创建它是因为我想要一种简单的方法让我的应用... 滑动 ViewPager 将激活并滚动到适当的选项卡片段。

    从126邮箱提取的选项卡tab特效代码.rar

    【描述】"从126邮箱提取的代码"表明这可能是126邮箱用户在使用过程中发现或创建的一个功能示例,可能包含了一些自定义的或优化过的代码片段,用于实现特定的选项卡交互效果。 【标签】"JS特效-选项卡TAB" 指出这个...

    jQuery水滴选项卡切换栏目代码.zip

    例如,我们可以使用以下代码片段来实现选项卡的悬停效果: ```javascript $(".tab").hover(function() { // 鼠标进入时的操作 }, function() { // 鼠标离开时的操作 }); ``` 在水滴效果的实现中,可能涉及到CSS3...

    Android应用底部导航栏(选项卡)实例Demo

    每个选项卡可以关联到不同的活动或者片段。 ```java TabHost tabHost = (TabHost) findViewById(R.id.tabhost); tabHost.setup(); TabSpec tab1 = tabHost.newTabSpec("tab1"); tab1.setIndicator("Tab 1") ....

    jquery大气的图标菜单tab选项卡切换效果代码.zip

    在网页设计中,jQuery库被广泛使用来实现各种交互效果,包括动态的、大气的菜单和选项卡切换。本资源“jquery大气的图标菜单tab选项卡切换效果代码.zip”提供了一个利用jQuery实现的视觉效果出色的菜单和选项卡切换...

    android 选项卡 示例

    在`TabHostTest`这个项目中,我们可能看到`TabHost`的使用,它允许开发者定义多个选项卡,并为每个选项卡关联不同的活动(Activity)或片段(Fragment)。 1. **创建TabHost** 要创建一个`TabHost`,首先需要在XML...

    下面选项卡Tab

    标题"下面选项卡Tab"可能是指在界面下方设置的选项卡布局,而描述中的"下面选项卡Tab"可能是对这种特定位置的选项卡设计的进一步强调。 选项卡通常出现在窗口的顶部,但设计趋势的变化推动了它们在不同位置的创新...

    swiper移动端滑动切换选项卡代码.zip

    在“swiper移动端滑动切换选项卡代码.zip”这个压缩包中,我们可以找到实现这一功能的相关代码资源,包括一个 HTML 示例页面(说明.htm)以及可能的JavaScript代码片段(jiaoben5445,可能是JavaScript脚本或配置...

    安卓FragmentTab选项卡相关-基于Fragment实现Tab的切换滑出侧边栏.zip

    在这个“安卓FragmentTab选项卡相关-基于Fragment实现Tab的切换滑出侧边栏.zip”压缩包中,我们很可能会找到一个实现类似Google Play商店或许多其他应用中的顶部选项卡和侧滑菜单效果的示例项目。 首先,让我们深入...

    Fragment&Tab选项卡

    在Android应用开发中,Fragment和Tab选项卡是构建用户界面的常见组件,它们结合使用能够创建功能丰富的多页面应用。本篇文章将详细讲解Fragment和Tab选项卡的相关知识点,并结合源码示例进行深入探讨。 Fragment是...

    CSS网页选项卡合集

    除了这个"CSS网页选项卡合集",还有许多在线教程、代码片段和社区讨论可以帮助你更深入地学习和掌握纯CSS选项卡的制作技巧。 总之,纯CSS选项卡是提升网站用户界面的一个实用工具,通过熟练掌握相关CSS知识,你...

    各式javascript选项卡控件

    6. **FrameTab.rar**:可能是一种特殊的选项卡实现,比如在每个选项卡内部嵌套了一个iframe,用于加载不同源的内容,比如跨域的数据或者独立的应用片段。 7. **2.rar**:由于名称不明,这个控件的具体功能和特性...

    jquery多选项卡效果实例代码(附效果图)

    标题中的"jquery多选项卡效果实例代码"是指利用jQuery库实现的一种常见的网页交互设计,即选项卡切换功能。这种效果允许用户在多个内容面板之间切换,通常每个面板包含不同的信息,而只显示一个面板的内容。在网页...

Global site tag (gtag.js) - Google Analytics