`

Tab(选项卡)界面

 
阅读更多
界面效果

package com.kaka.kkpy.activity;

import com.kaka.kkpy.activity.R;

import android.app.TabActivity; 
import android.content.Intent; 
import android.os.Bundle; 
import android.view.Window; 
import android.widget.CompoundButton; 
import android.widget.RadioButton; 
import android.widget.CompoundButton.OnCheckedChangeListener; 
import android.widget.TabHost; 
 
public class MainTabActivity extends TabActivity implements OnCheckedChangeListener{ 
     
    private TabHost mTabHost; 
    private Intent mAIntent; 
    private Intent mBIntent; 
    private Intent mCIntent; 
     
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        requestWindowFeature(Window.FEATURE_NO_TITLE); 
        setContentView(R.layout.maintabs); 
         
        this.mAIntent = new Intent(this,CreateCardActivity.class); 
        this.mBIntent = new Intent(this,CaptureA.class); 
        //this.mCIntent = new Intent(this,CActivity.class); 
         
        ((RadioButton) findViewById(R.id.radio_button0)) 
        .setOnCheckedChangeListener(this); 
        ((RadioButton) findViewById(R.id.radio_button1)) 
        .setOnCheckedChangeListener(this); 
        ((RadioButton) findViewById(R.id.radio_button2)) 
        .setOnCheckedChangeListener(this); 
         
        setupIntent(); 
    } 
 
    @Override 
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { 
        if(isChecked){ 
            switch (buttonView.getId()) { 
            case R.id.radio_button0: 
                this.mTabHost.setCurrentTabByTag("A_TAB"); 
                break; 
            case R.id.radio_button1: 
                this.mTabHost.setCurrentTabByTag("B_TAB"); 
                break; 
            case R.id.radio_button2: 
                this.mTabHost.setCurrentTabByTag("C_TAB"); 
                break; 
            } 
        } 
         
    } 
     
    private void setupIntent() { 
        this.mTabHost = getTabHost(); 
        TabHost localTabHost = this.mTabHost; 
 
        localTabHost.addTab(buildTabSpec("A_TAB", R.string.main_home, 
                R.drawable.icon, this.mAIntent)); 
 
        localTabHost.addTab(buildTabSpec("B_TAB", R.string.scan, 
                R.drawable.icon, this.mBIntent)); 
 
        localTabHost.addTab(buildTabSpec("C_TAB", 
                R.string.my, R.drawable.icon, 
                this.mCIntent)); 
 
    } 
     
    private TabHost.TabSpec buildTabSpec(String tag, int resLabel, int resIcon, 
            final Intent content) { 
        return this.mTabHost.newTabSpec(tag).setIndicator(getString(resLabel), 
                getResources().getDrawable(resIcon)).setContent(content); 
    } 
} 


layout代码
<?xml version="1.0" encoding="UTF-8"?> 
<TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent" 
  xmlns:android="http://schemas.android.com/apk/res/android"> 
    <LinearLayout 
    	android:orientation="vertical" 
    	android:layout_width="fill_parent" 
    	android:layout_height="fill_parent"> 
        <FrameLayout 
        	android:id="@android:id/tabcontent" 
        	android:layout_width="fill_parent" 
        	android:layout_height="0.0dip" 
        	android:layout_weight="1.0" /> 
	        <TabWidget 
	        	android:id="@android:id/tabs" 
	        	android:visibility="gone" 
	        	android:layout_width="fill_parent" 
	        	android:layout_height="wrap_content" 
	        	android:layout_weight="0.0" /> 
	            <RadioGroup  
	                android:gravity="center_vertical" 
	                android:layout_gravity="bottom" 
	                android:orientation="horizontal" 
	                android:id="@id/main_radio"  
	                android:layout_width="fill_parent" 
	                android:layout_height="wrap_content"> 
		                <RadioButton  
		                	android:id="@id/radio_button0" 
		                	android:layout_marginTop="2.0dip" 
		                	android:text="@string/main_home" 
		                	style="@style/main_tab_bottom" /> 
		                <RadioButton  
			                android:id="@id/radio_button1" 
			                android:layout_marginTop="2.0dip" 
			                android:text="@string/scan" 
			                style="@style/main_tab_bottom" /> 
		                <RadioButton  
		                	android:id="@id/radio_button2" 
		                	android:layout_marginTop="2.0dip" 
		                	android:text="@string/my" 
		                	style="@style/main_tab_bottom" /> 
	            </RadioGroup> 
    </LinearLayout> 
</TabHost> 



styles.xml
<?xml version="1.0" encoding="utf-8"?> 
<resources> 
 
     <style name="main_tab_bottom"> 
        <item name="android:textSize">@dimen/bottom_tab_font_size</item> 
        <item name="android:textColor">#ffffffff</item> 
        <item name="android:ellipsize">marquee</item> 
        <item name="android:gravity">center_horizontal</item> 
        <item name="android:background">@drawable/home_btn_bg</item> 
        <item name="android:paddingTop">@dimen/bottom_tab_padding_up</item> 
        <item name="android:paddingBottom">2.0dip</item> 
        <item name="android:layout_width">fill_parent</item> 
        <item name="android:layout_height">wrap_content</item>  
        <item name="android:layout_marginBottom">2.0dip</item> 
        <item name="android:button">@null</item> 
        <item name="android:singleLine">true</item> 
        <item name="android:drawablePadding">@dimen/bottom_tab_padding_drawable</item> 
        <item name="android:layout_weight">1.0</item> 
    </style> 
 
</resources>

<?xml version="1.0" encoding="UTF-8"?> 
<selector 
  xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/icon" /> 
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/icon" /> 
    <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/icon" /> 
    <item android:drawable="@drawable/icon" /> 
</selector> 
  • 大小: 8.8 KB
分享到:
评论

相关推荐

    jQuery和CSS3堆叠式Tab选项卡界面设计

    在网页设计中,创建引人入胜的用户体验是至关重要的,而Tab选项卡界面设计是实现这一目标的有效手段。本文将深入探讨如何使用jQuery和CSS3来构建一款堆叠式的Tab选项卡界面,以实现动态的过渡动画效果。 首先,...

    HTML实现Tab选项卡(自动+手动)

    HTML中的Tab选项卡是一种常用的网页布局和交互设计,它能够有效地组织和展示大量信息,同时保持页面整洁。这种效果通常由一组可切换的面板组成,每个面板代表一个独立的内容区域,用户可以通过点击或悬停在不同的...

    13个css tab选项卡

    在网页设计中,CSS Tab选项卡是一种常见的交互元素,它允许用户通过点击不同的标签来查看或切换不同的内容区域。这种设计模式在很多网站上都能看到,例如设置面板、产品介绍等场景。本教程将深入探讨如何创建13种...

    不规则TAB选项卡JS代码

    不规则TAB选项卡JS代码是指使用JavaScript实现的一种具有独特设计风格的选项卡功能。JavaScript是网页开发中的重要脚本语言,它允许我们动态更新内容、响应用户交互并实现复杂的网页逻辑。 不规则TAB选项卡的设计...

    layui Tab选项卡切换跟随特效(源码)

    首先,layui的Tab选项卡是一个常见的页面布局元素,用于将大量内容组织成清晰、简洁的模块,用户可以通过点击不同的选项卡来切换显示的内容。这种功能在展示多层级信息或者避免页面过于拥挤时特别有用。在layui中,...

    tab选项卡 很经典的选项卡

    "Tab选项卡"是这种交互模式的一种实现方式,通常在网页顶部或侧边设置,每个标签代表一个独立的内容区域。本文将深入探讨“经典”的选项卡设计及其重要特性。 一、选项卡的基本结构与功能 1. 标签:每个选项卡都...

    非常好的一个tab选项卡

    【标题】:“非常好的一个tab选项卡”指的是在Web开发中常用的一种用户界面元素,它允许在单个容器内切换多个视图或内容区域。在VS2005(Visual Studio 2005)这个集成开发环境中,通过JavaScript实现的tab选项卡...

    纯css3经典tab选项卡动画特效

    纯CSS3经典Tab选项卡动画特效是一种无需JavaScript插件,仅通过CSS3属性实现的交互设计。这种技术在现代网页设计中广泛应用,因为其能够提供流畅的用户体验且减少了对JavaScript的依赖,从而优化了页面加载速度。...

    TAB选项卡后台菜单效果

    "TAB选项卡后台菜单效果"是一个专为后台管理系统设计的功能,它旨在提供高效、直观且易于导航的操作界面。在这个主题下,我们将深入探讨选项卡在后台菜单中的应用、实现方式以及它们对用户体验的影响。 选项卡是一...

    Android Tab 选项卡

    在Android开发中,Tab选项卡是一种常见的用户界面设计,它允许用户通过切换不同的Tab来查看或操作不同的内容区域。在本资源"Android Tab 选项卡"中,开发者提供了一个使用`Fragment`实现的Tab切换示例,这对于我们...

    TAB选项卡示例介绍

    ### TAB选项卡示例介绍深度解析 在网页设计与开发领域,TAB选项卡是一种常见的交互元素,用于在有限的空间内展示更多的信息或功能模块。它不仅提升了用户体验,还优化了界面布局,使得页面更加整洁有序。本文将深入...

    jquery tab选项卡插件 轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能

    在网页设计中,选项卡(Tab)是一种常见的用户界面元素,用于组织和展示大量信息。jQuery Tab 插件就是一种轻量级的解决方案,能够帮助开发者轻松实现多种交互功能,如鼠标滑过、点击切换、自动切换以及数据回调。本...

    tab选项卡的两个例子

    在网页设计和开发中,"tab选项卡"是一种常见的用户界面元素,用于组织和展示大量信息。它允许用户通过点击不同的标签在多个视图或内容之间进行切换,从而提高用户体验和页面的可读性。本篇文章将深入探讨“tab选项卡...

    tab选项卡切换效果,tab选项卡内容宽度自适应

    在网页设计中,"tab选项卡切换效果"是一种常见的用户界面设计模式,它允许用户在有限的空间内查看和切换不同的内容区域。这种效果通常用于显示大量相关但互斥的信息,如产品详情、用户评论或者设置选项。在这个项目...

    android Tab选项卡

    在Android开发中,"android Tab选项卡"是一个常见的用户界面元素,用于展示多个视图或功能区域,并且允许用户在这些区域之间轻松切换。通常,Tab选项卡的设计目的是提高用户体验,使得用户能快速访问和浏览应用程序...

    VB_仿360安全卫士Tab选项卡

    在VB(Visual Basic)编程中,创建仿360安全卫士Tab选项卡是一项常见的界面设计任务,旨在提供用户友好的多页面体验。这个主题主要涉及控件的使用、事件处理以及用户界面(UI)的设计。以下是关于VB中实现Tab选项卡...

    tab选项卡新闻列表切换效果代码

    在网页设计中,"tab选项卡"是一种常见的用户界面元素,用于组织和展示大量信息。Tab选项卡允许用户在不同的内容区域之间切换,而无需滚动或打开新的页面,从而提高用户体验和网站导航效率。本资源提供的是一个实现...

    html tab选项卡实现

    在网页设计中,选项卡(Tab)组件是一个常见的交互元素,它允许用户在不同的内容区域之间切换,而无需刷新整个页面。在这个主题中,我们将深入探讨如何使用 HTML 和 CSS 实现一个简洁的选项卡功能。 首先,HTML ...

    css+div漂亮的圆角tab选项卡

    圆角tab选项卡是一种常见的网页元素,用于展示可切换的内容区域,通常用于导航或者展示多个相关但独立的信息模块。在本主题“css+div漂亮的圆角tab选项卡”中,我们将深入探讨如何利用CSS和HTML创建具有美观圆角效果...

    Tab选项卡完整

    在IT界,尤其是在网页设计和用户界面开发中,"Tab选项卡"是一种常见的交互元素,它允许用户在有限的空间内浏览和切换多个视图或内容区域。"Tab选项卡完整"通常指的是一个功能完备、设计良好的选项卡系统,能够提供...

Global site tag (gtag.js) - Google Analytics