仿主页效果TabHost与RadioGroup应用

原创 2016年05月30日 16:22:35

运行效果图



新建布局.xml,以及相应的.java


例如:activity_one.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#5c3317"
    android:gravity="top|center"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是好友的activity" />

</LinearLayout>

OneActivity.java文件

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

public class OneActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_one);
	}
<span style="white-space:pre">	</span>//只继承


}<strong><span style="font-size:18px;">
</span></strong>

activity_one.xml,activity_two.xml,activity_three.xml,activity_four.xml,activity_five.xml对应的文件
OneActivity.java,TwoActivity.java,ThreeActivity.java,FourActivity.java,FiveActivity.java,都如上相同只不过内容自定义不同

activity_main.xml修改如下:

提前在values/style文件下添加下列代码:
<!-- 去除前面的多选框 -->
    <style name="style">
    	<item name="android:button">@null</item>
    </style>
然后再修改主布局文件
<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="fill_parent"
    android:layout_height="fill_parent" >

    <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="0.0dip"
            android:layout_weight="1.0"/>
        <TabWidget 
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.0"
            android:visibility="gone"/>

        <RadioGroup
            android:id="@+id/main_radio"
            android:layout_width="match_parent"
            android:layout_height="50sp"
            android:layout_gravity="bottom"
            android:background="@drawable/bg"
            android:gravity="center_vertical"
            android:orientation="horizontal" >

            <RadioButton 
                android:id="@+id/rbtn_1"
                android:layout_height="match_parent"
                android:layout_width="match_parent"
                android:tag="rbtn_1"
                android:layout_marginTop="2.0dip"
                android:drawableTop="@drawable/bg_1"
                style="@style/style"
                android:layout_weight="1.0"
                android:gravity="center"
                android:text="好友"/>

           <RadioButton
               android:id="@+id/rbtn_2"
               android:layout_height="match_parent"
                android:layout_width="match_parent"
               style="@style/style"
               android:layout_marginTop="2.0dip"
               android:drawableTop="@drawable/bg_2"
               android:tag="rbtn_2"
               android:layout_weight="1.0"
               android:gravity="center"
               android:text="广场" />

           <RadioButton
               android:id="@+id/rbtn_3"
               android:layout_height="match_parent"
                android:layout_width="match_parent"
               style="@style/style"
               android:layout_marginTop="2.0dip"
               android:drawableTop="@drawable/bg_3"
               android:layout_weight="1.0"
               android:tag="rbtn_3"
               android:gravity="center"
               android:text="首页" />

           <RadioButton
               android:id="@+id/rbtn_4"
               android:layout_height="match_parent"
                android:layout_width="match_parent"
               style="@style/style"
               android:layout_marginTop="2.0dip"
               android:drawableTop="@drawable/bg_4"
               android:tag="rbtn_4"
               android:layout_weight="1.0"
               android:gravity="center"
               android:text="消息" />

           <RadioButton
               android:id="@+id/rbtn_5"
               android:layout_height="match_parent"
                android:layout_width="match_parent"
               style="@style/style"
               android:layout_marginTop="2.0dip"
               android:drawableTop="@drawable/bg_5"
               android:tag="rbtn_5"
               android:layout_weight="1.0"
               android:gravity="center"
               android:text="设置" />
            
        </RadioGroup>
    </LinearLayout>

</TabHost>


修改MainActivity.java文件中的代码:
import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.view.Menu;
import android.widget.RadioGroup;
import android.widget.TabHost;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends TabActivity implements OnCheckedChangeListener {
	private TabHost tabHost;//定义TabHost对象
	private RadioGroup radioderGroup;//定义RadioGroup对象
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		settabHost();
	}
	
	private void settabHost() {
		tabHost=this.getTabHost();//实例化TabHost
		//添加选项卡并且跳转Intent
		tabHost.addTab(tabHost.newTabSpec("tab_1").setIndicator("好友")
				.setContent(new Intent(this,OneActivity.class)));
		tabHost.addTab(tabHost.newTabSpec("tab_2").setIndicator("广场")
				.setContent(new Intent(this,TwoActivity.class)));
		tabHost.addTab(tabHost.newTabSpec("tab_3").setIndicator("首页")
				.setContent(new Intent(this,ThreeActivity.class)));
		tabHost.addTab(tabHost.newTabSpec("tab_4").setIndicator("消息")
				.setContent(new Intent(this,FourActivity.class)));
		tabHost.addTab(tabHost.newTabSpec("tab_5").setIndicator("设置")
				.setContent(new Intent(this,FiveActivity.class)));
		
		//得到RadioGroup对象
		radioderGroup=(RadioGroup) findViewById(R.id.main_radio);
		//设置RadioGroup对象的切换监听器
		radioderGroup.setOnCheckedChangeListener(this);
	}

	//事项OnCheckedChangeListener中的RadioGroup的选项切换回调函数
	@Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		//根据所选中的RadioGroup的选项id,设置tabHost的选项卡
		switch (checkedId) {
		case R.id.rbtn_1:
			tabHost.setCurrentTabByTag("tab_1");
			break;
		case R.id.rbtn_2:
			tabHost.setCurrentTabByTag("tab_2");
			break;
		case R.id.rbtn_3:
			tabHost.setCurrentTabByTag("tab_3");
			break;
		case R.id.rbtn_4:
			tabHost.setCurrentTabByTag("tab_4");
			break;
		case R.id.rbtn_5:
			tabHost.setCurrentTabByTag("tab_5");
			break;
		}
	}

}

之后运行即可,可以扩展功能哦!







版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

使用RadioGroup+ViewPager+Fragment实现带滑动的页卡效果TabHost时遇到的问题

最近的项目中有一两个界面需要实现带滑动的页卡效果,我这次的需求是大概是这样的:有三个tab,左边的tab要求他的左上角与左下角都是带圆角的,右上角和右下角都是不带圆角的。中间的tab左上角与左下角右上...

关于通过RadioGroup来实现TabHost底部菜单的效果以及TobHost的小技巧

最近搞sina微博,学到一个关于TabHost很不错的小技巧 ,分享之,共勉! 传统的TbaHost默认显示在屏幕上方,首先说一下如何显示在屏幕底部: 设置 TabWidget 控件的 andr...
  • jevin05
  • jevin05
  • 2011年08月19日 12:03
  • 2115

Android下利用Fragment+RadioGroup和TabHost实现底部选项卡的效果

Android下利用RadioGroup和RadioButton实现Tabbar的效果 本实现方法主要使用RadioGroup和RadioButton的组合方式来实现Tabbar的效果。 ...

TabHost与RadioGroup结合完成的菜单【带效果图】

效果图: 首先看布局文件: xml version="1.0" encoding="UTF-8"?> TabHost android:id="@android:id/tabhost" ...

tabHost研究二——利用Radiobutton嵌套在RadioGroup实现TabHost效果

http://blog.csdn.net/sun6223508/article/details/6622350   MainActivity.java public class MainAc...
  • zhou699
  • zhou699
  • 2011年10月11日 14:31
  • 1271

tabHost研究二 ,android应用中,大部分的软件都会采用把按钮放在底部显示(tabHost)。利用三个Radiobutton嵌套在RadioGroup 。

如果你是android初学者,以前做过javaEE开发,或者说你有java基础。那么你学完了android  四大组件。就可以来看看这篇文章了。 四大组件我就不说了   网上一大把的文章 ,四大组件...

RadioGroup实现仿新浪微博的效果

  • 2015年05月06日 12:34
  • 5.53MB
  • 下载

Android开发(17)-通过安卓API的Tabs3实现仿优酷tabhost效果

课程还没有讲了多少,前两天老师就让自己写个视频播放器客户端,这个是他上课讲的一个小小demo,通过查看安卓API的tabs3,实现仿优酷视频客户端的tabhost效果。我的API路径是D:\andro...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:仿主页效果TabHost与RadioGroup应用
举报原因:
原因补充:

(最多只允许输入30个字)