小杨的Android学习之旅（2）——模拟百度贴吧底部导航栏

晚上没啥事做，朋友过生日喝了点酒，就不准备敲代码了，在之前在网上找了一个底部导航栏的demo，下午就做了一下，实现的方法比较简单，也很容易理解，是用TabActivity和TabHost做的。

不过好像在Android4.0以后放弃了TabActivity 改用 FragmentActivity,对于Fragment和 FragmentActivity我不是很懂，等我下来学懂了，再结合网上的例子写一个demo。
好吧，废话就不说了，我们上代码，照旧先来布局文件。

这就是底部TabHost的主布局文件

<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" />

<FrameLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

android:layout_marginTop="-10.0dip"

android:background="@drawable/bg_group_information_image"

android:paddingLeft="7.0dip"

android:paddingRight="7.0dip" >

<RadioGroup

android:id="@+id/main_radio"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center_vertical"

android:orientation="horizontal" >

<RadioButton

android:id="@+id/radio_home"

style="@style/main_tab_bottom"

android:drawableTop="@drawable/home_selector"

android:text="首页" />

<RadioButton

android:id="@+id/radio_jinba"

style="@style/main_tab_bottom"

android:drawableTop="@drawable/jinba_selector"

android:text="进吧" />

<RadioButton

android:id="@+id/radio_person_info"

style="@style/main_tab_bottom"

android:drawableTop="@drawable/individual_selector"

android:text="个人" />

</RadioGroup>

</FrameLayout>

</LinearLayout>

</TabHost>

接下来就是按钮的style

<item name="android:gravity">center_horizontal</item>

<item name="android:layout_width">wrap_content</item>

<item name="android:layout_height">wrap_content</item>

</style>

这个很好理解，相信大家一看就会明白，为什么这么写，就是因为所有的按钮都是一个布局，写一个总比写一大堆好吧，这就是style的好处
剩下的就是activity的java代码

package com.example.myalarmclock;

import android.app.TabActivity;

import android.content.Intent;

import android.os.Bundle;

import android.widget.CompoundButton;

import android.widget.CompoundButton.OnCheckedChangeListener;

import android.widget.RadioButton;

import android.widget.TabHost;

public class MainActivity extends TabActivity implements

OnCheckedChangeListener {

//定义单选按钮

private RadioButton person, jinba, home;

// 定义Intent对象

private Intent mHomeIntent, mJinbaIntent, mPersonIntent;

// 定义TabHost对象

private TabHost mTabHost;

// 定义Tab选项卡标示符

private static final String HOME_TAB = "home_tab";

private static final String JINBA_TAB = "jinba_tab";

private static final String PERSON_TAB = "person_tab";

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

initData();

}

/**

* 初始化组件

private void initView(){

//得到TabHost

mTabHost = getTabHost();

//得到Intent对象

mHomeIntent = new Intent(this, HomeActivity.class);

mJinbaIntent = new Intent(this, JinbaActivity.class);

mPersonIntent = new Intent(this, PersonActivity.class);

//得到单选按钮对象

home = (RadioButton) findViewById(R.id.radio_home);

person = (RadioButton) findViewById(R.id.radio_person_info);

jinba = (RadioButton) findViewById(R.id.radio_jinba);

}

/**

* 初始化数据

private void initData(){

//给单选按钮设置监听

home.setOnCheckedChangeListener(this);

person.setOnCheckedChangeListener(this);

jinba.setOnCheckedChangeListener(this);

//添加进Tab选项卡

mTabHost.addTab(buildTabSpec(HOME_TAB, mHomeIntent));

mTabHost.addTab(buildTabSpec(JINBA_TAB, mJinbaIntent));

mTabHost.addTab(buildTabSpec(PERSON_TAB, mPersonIntent));

//设置当前默认的Tab选项卡页面

home.setChecked(true);

mTabHost.setCurrentTabByTag(HOME_TAB);

}

private TabHost.TabSpec buildTabSpec(String tag, Intent intent) {

TabHost.TabSpec tabSpec = mTabHost.newTabSpec(tag);

tabSpec.setContent(intent).setIndicator("");

return tabSpec;

}

/**

* Tab按钮选中监听事件

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if (isChecked) {

switch (buttonView.getId()) {

case R.id.radio_home:

mTabHost.setCurrentTabByTag(HOME_TAB);

break;

case R.id.radio_jinba:

mTabHost.setCurrentTabByTag(JINBA_TAB);

break;

case R.id.radio_person_info:

mTabHost.setCurrentTabByTag(PERSON_TAB);

break;

}

不难吧，我都觉得没什么要说。
然后在去写你定义好的avtivity吧，每个activity都在intent里定义好了，你也可以自己修改自己的radiobutton

接下来就看看截图

可以吧，我公布一下源码，需要的同学可以看看。

http://115.com/lb/5lbdaatj91iw#

BaiduDemo.rar

115网盘礼包码：5lbdaatj91iw

来源：oschina

链接：https://my.oschina.net/u/1426924/blog/186555

标签

android

模拟百度

底部导航