仿主页效果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;
		}
	}

}

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







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

TabHost、RadioGroup实现底部菜单导航

先上效果图:
  • xufaxi
  • xufaxi
  • 2014年08月06日 22:22
  • 9968

使用RadioGroup和ViewPager打造主页界面效果

HomeActivity: import android.os.Bundle; import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu; im...
  • u012246348
  • u012246348
  • 2015年12月05日 14:26
  • 662

使用FragmentTabHost实现类似微信底部的效果

我也是新手,多的不讲,直接看代码。 一: 首先我们看看XML: 1.activity_main.xml  xml version="1.0" encoding="utf-8"?> Relativ...
  • quyangjus
  • quyangjus
  • 2016年10月06日 13:54
  • 121

安卓仿知乎个人主页,实现嵌套滑动和渐隐效果

本文github: https://github.com/AndroidMsky/linkScrollMsky先看知乎的效果:再看我们实现的效果:网上也有很多嵌套滑动的例子,先说说我这个的优点。 ...
  • AndroidMsky
  • AndroidMsky
  • 2016年12月21日 15:01
  • 6889

Android自定RadioGroup实现点击切换效果

一:.java文件 public class SegmentedGroup extends RadioGroup { private int mMarginDp; priv...
  • sinat_33238973
  • sinat_33238973
  • 2016年03月11日 12:51
  • 144

TabHost使用详解(实现滑动切换选项卡)

TabHost主要实现底部导航功能。1. TabHost使用步骤a. 定义布局 : 在XML文件中使用TabHost组件, 并在其中定义一个FrameLayout选项卡内容;b. 继承TabActiv...
  • yy471101598
  • yy471101598
  • 2015年10月13日 16:50
  • 960

仿猿题库练题滑动分屏效果

SplitView概述 仿猿题库练题里面效果,两个 View 分层,滑动中间的 View 可调节上下 View 的高度 目标效果实现效果实现原理 继承 ViewGroup ,内部分为三个子 V...
  • tsongski
  • tsongski
  • 2016年06月16日 23:29
  • 306

ViewPager+Fragment实现仿微信首页

用Viewpager加上Fragment可以实现的界面。 这些微信,通讯录,发现,我的图标使用iconfont字体图标,这样清晰度非常的高,很清楚。 主要文件: MainActivity: ...
  • u014142379
  • u014142379
  • 2016年05月06日 00:53
  • 774

使用Fragment和RadioGroup实现类似ios的tabbar的效果

主界面的xml文件: RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:to...
  • book_1992
  • book_1992
  • 2015年08月19日 17:00
  • 718

RadioGroup+ViewPager+Activity实现选项卡功能,真正回收资源

网上有很多实现选项卡的代码,各种方法都有。 有些使用TabHost的,但我觉得设置TabHost的标签有些复杂,而且不能像ViewPager那样滑动。 有些使用Fragment的,但Fragment的...
  • ZhengJingLe
  • ZhengJingLe
  • 2016年02月28日 19:36
  • 1392
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:仿主页效果TabHost与RadioGroup应用
举报原因:
原因补充:

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