文档章节

Android之UI学习篇十:使用TabHost实现微博客户端界面

yolinfeng
 yolinfeng
发布于 2015/02/16 00:16
字数 828
阅读 58
收藏 1

这里模拟微博客户端进行案例开发,由于没有图片资源,所以就做了一个大体结构类似的案例,跟大家分享一下它的实现,这里采用的是使用xml布局结合TabActivity控制。

先看看实现的效果:





工程目录结构:


以下是源代码:

MainActivity.java

package com.tablehost.activity;

import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.speech.SpeechRecognizer;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

public class MainActivity extends TabActivity implements OnCheckedChangeListener{
	private TabHost tabHost;
	private RadioGroup radioGroup;
	private RadioButton radioButton1;
	private RadioButton radioButton2;
	private RadioButton radioButton3;
	private RadioButton radioButton4;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //获取TabHost组件
        tabHost = getTabHost();
        //新建一个标签页
        TabSpec tabSpec1 = (TabSpec)tabHost.newTabSpec("HOME").setIndicator("HOME");
        //给标签页设置内容
        tabSpec1.setContent(new Intent(MainActivity.this,HomeActivity.class));
        //把标签页添加到TabHost当中去
        tabHost.addTab(tabSpec1);
        
        TabSpec tabSpec2 = (TabSpec)tabHost.newTabSpec("COMMENT").setIndicator("COMMENT");
        tabSpec2.setContent(new Intent(MainActivity.this,CommentActivity.class));
        tabHost.addTab(tabSpec2);
        
        TabSpec tabSpec3 = (TabSpec)tabHost.newTabSpec("SAVE").setIndicator("SAVE");
        tabSpec3.setContent(new Intent(MainActivity.this,SaveActivity.class));
        tabHost.addTab(tabSpec3);
        
        TabSpec tabSpec4 = (TabSpec)tabHost.newTabSpec("MORE").setIndicator("MORE");
        tabSpec4.setContent(new Intent(MainActivity.this,MoreActivity.class));
        tabHost.addTab(tabSpec4);
        
        setUpView();
        //关联RadioButton 和 TabHost
        radioGroup.setOnCheckedChangeListener(this);
    }
    //我的一贯作风
    public void setUpView(){
    	radioGroup = (RadioGroup)findViewById(R.id.group);
    	radioButton1 = (RadioButton)findViewById(R.id.radioButton1);
    	radioButton2 = (RadioButton)findViewById(R.id.radioButton2);
    	radioButton3 = (RadioButton)findViewById(R.id.radioButton3);
    	radioButton4 = (RadioButton)findViewById(R.id.radioButton4);
    }
	@Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		switch (checkedId) {
		case R.id.radioButton1:
			tabHost.setCurrentTabByTag("HOME");
			break;
		case R.id.radioButton2:
			tabHost.setCurrentTabByTag("COMMENT");
			break;
		case R.id.radioButton3:
			tabHost.setCurrentTabByTag("SAVE");
			break;
		case R.id.radioButton4:
			tabHost.setCurrentTabByTag("MORE");
			break;
		default:
			break;
		}
	}
}


CommentActivity.java:

package com.tablehost.activity;

import android.app.Activity;
import android.os.Bundle;

public class CommentActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.comment);
	}
}

其他几个Activity类似


在工程的src 目录下新建了一个目录: drawable ,里面新建一个button.xml,用来定义radioButton的选中等不同状态时,显示不同的背景图片:

button.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 当单选框可用,且获得焦点还没有按下显示的背景 -->
    <item android:state_enabled="true" android:state_focused="true" 
        android:state_pressed="false" android:drawable="@drawable/home_btn_bg_s">
    </item>
    
    <!-- 当单选框可用,且被按下时显示的背景 -->
    <item android:state_enabled="true" android:state_pressed="true"
        android:drawable="@drawable/home_btn_bg_s">
    </item>
    
    <!-- 当单选框可用,且被选中了时的背景 -->
    <item android:state_enabled="true" android:state_checked="true"
        android:drawable="@drawable/home_btn_bg_d">
    </item>
    
</selector>



main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
	<!-- TabHost的id写固定值,在Activity通过getTabHost()方法才能取得到 -->
    <TabHost 
        android:id="@android:id/tabhost"
        android:layout_width="fill_parent"
    	android:layout_height="fill_parent">
    	<!-- 放置frame视图和标签页 -->
        <LinearLayout 
            android:layout_width="fill_parent"
    		android:layout_height="fill_parent"
    		android:orientation="vertical">
            <FrameLayout 
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
    			android:layout_height="wrap_content"
    			android:layout_weight="1.0">
            </FrameLayout>
            <TabWidget 
                android:id="@android:id/tabs"
                android:layout_width="fill_parent"
    			android:layout_height="wrap_content"
    			android:visibility="gone">
            </TabWidget>
            <RadioGroup 
                android:id="@+id/group"
                android:layout_width="fill_parent"
    			android:layout_height="50dp"
    			android:background="@drawable/tab_bg"
    			android:gravity="center_vertical"
    			android:orientation="horizontal">
    			<RadioButton 
    			     android:id="@+id/radioButton1"
    			     android:layout_width="fill_parent"
    			     android:layout_height="wrap_content"
    			     android:button="@null"
    			     android:text="@string/home"
    			     android:drawableTop="@drawable/icon_1_n"
    			     android:gravity="center_horizontal"
    			     android:background="@drawable/button"
    			     android:layout_weight="1"
    			     android:checked="true"/>
    			
    			<RadioButton 
    			     android:id="@+id/radioButton2"
    			     android:layout_width="fill_parent"
    			     android:layout_height="wrap_content"
    			     android:button="@null"
    			     android:text="@string/comment"
    			     android:drawableTop="@drawable/icon_2_n"
    			     android:gravity="center_horizontal"
    			     android:background="@drawable/button"
    			     android:layout_weight="1"/>
    			
    			<RadioButton 
    			     android:id="@+id/radioButton3"
    			     android:layout_width="fill_parent"
    			     android:layout_height="wrap_content"
    			     android:button="@null"
    			     android:text="@string/save"
    			     android:drawableTop="@drawable/icon_3_n"
    			     android:gravity="center_horizontal"
    			     android:background="@drawable/button"
    			     android:layout_weight="1"/>
    			
    			<RadioButton 
    			     android:id="@+id/radioButton4"
    			     android:layout_width="fill_parent"
    			     android:layout_height="wrap_content"
    			     android:button="@null"
    			     android:text="@string/more"
    			     android:drawableTop="@drawable/icon_4_n"
    			     android:gravity="center_horizontal"
    			     android:background="@drawable/button"
    			     android:layout_weight="1"/>
            </RadioGroup>
        </LinearLayout>
    </TabHost>

</LinearLayout>


comment.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="@drawable/b">

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Hello world! CommentActivty" />

</LinearLayout>

其他几个布局文件相似。



本文转载自:http://blog.csdn.net/wulianghuan/article/details/8589174

共有 人打赏支持
yolinfeng
粉丝 12
博文 196
码字总数 11946
作品 0
珠海
架构师
私信 提问
Fragment和FragmentActivity的使用方法 .

认识:首先我们知道Fragment是我们在单个Activity上要切换多个UI界面,显示不同内容。模块化这些UI面板以便提供给其他Acitivity使用便利。同时我们显示的Fragment也会受到当前的这个Acitivi...

zhouyuan24
2013/08/14
0
0
Android实现通用的ActivityGroup(效果类似Android微博客户端主界面),...

可以说ActivityGroup是Google提供的一个非常优秀的API,但它需要做稍微复杂的重写才能用起来比较方便,本文拟将实现这个稍微复杂的重写。TabActivity作为ActivityGroup唯一的子类却让人大失所...

嘴嘴2015
2013/04/18
0
2
Android TabHost 详细讲解

一、什么是TabHost。 Android 里面的TabHost就是选项卡,看下图(新浪微博界面): 至于选项卡有什么好处或者用途,我想代码哥们都知道吧,我就不多说了。 二、在Android里面如何实现TabHost 有...

长平狐
2012/09/03
2.6K
1
腾讯微博android客户端 (开源软件)

2013年底,完全采用开源中国客户端的UI,修改了个腾讯微博客户端, 需要熟悉腾讯开放平台API的同学可以看看,算是对社区的回馈吧! 项目介绍:http://www.oschina.net/p/android-hao 相关学习...

jxlgzwh
2014/10/29
0
1
【android基础学习之八】——页面布局

声明:学习的书籍《Android应用开发揭秘》,这里记录学习该书籍的日志,引用的相关代码与总结描述,没有商业的用途,完全是自我学习的一个记录,刚刚学习不可避免会出现很多问题,若是有错误...

晨曦之光
2012/03/08
851
0

没有更多内容

加载失败,请刷新页面

加载更多

day02:管道符、shell及环境变量

1、管道符:"|" 用于将前一个指令的输出作为后一个指令的输入,且管道符后面跟的是命令(针对文档的操作):cat less head tail grep cut sort wc uniq tee tr split sed awk等) [root@localho...

芬野de博客
7分钟前
1
0
Kubernetes系列——Kubernetes 组件、对象(二)

一、Kubernetes 组件 介绍了Kubernetes集群所需的各种二进制组件。 Master 组件 Master组件提供集群的管理控制中心。Master组件可以在集群中任何节点上运行。但是为了简单起见,通常在一...

吴伟祥
17分钟前
0
0
Flink-数据流编程模型

1、抽象等级 Flink提供了不同级别的抽象来开发流/批处理应用程序。 1) 低层级的抽象 最低层次的抽象仅仅提供有状态流。它通过Process函数嵌入到DataStream API中。它允许用户自由地处理来自一...

liwei2000
34分钟前
1
0
Java开发Swing实战JFrame和JTabbedPane容器的用法详细解析

概述: 项目是一个桌面程序,涉及标签和按钮组件、布局管理器组件、面板组件、列表框和下拉框组件等组件,以及Swing事件处理机制。 下面先从最基础的界面开始。 /** * @author: lishuai * @...

金铭鼎IT教育
39分钟前
12
0
flask 之旅

环境 为了正确地跑起来,你的应用需要依赖许多不同的软件。 就算是再怎么否认这一点的人,也无法否认至少需要依赖Flask本身。 你的应用的运行环境,在当你想要让它跑起来时,是至关重要的。 ...

hblt-j
40分钟前
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部