Android布局演示之底部标签栏

在很多Android的程序的布局中需要在底部放上一个导航用的标签栏，但是Android本身并没有像iPhone SDK那样提供相关的布局对象来实现这个功能，不过没关系，我们可以来自己实现这个布局，

 

布局实现思路：

用一个LinearLayout来装下所有的标签按钮，同时设定这个LinearLayout到适当的高度，然后需要给这个LinearLayout增加一个android:layout_gravity的属性并把值其设定为bottom，这样标签栏就可以沉在屏幕底部了，另外要注意的就是请保持这个LinearLayout在你界面中其他布局元素的最后面，这样的话它才能沉在页面底部:)

 

下面是代码,一些资源文件可以自己去收集,谢谢!或者给我留邮箱我发给你.

package com.test.android;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.Window;import android.view.View.OnClickListener;import android.widget.LinearLayout;public class MenuD extends Activity {private LinearLayout linearLayout, publish, change, more;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.main);linearLayout = (LinearLayout) findViewById(R.id.home);linearLayout.setOnClickListener(new OnClickListener() {//@Overridepublic void onClick(View v) {linearLayout.setBackgroundResource(R.drawable.tab_two_highlight);publish.setBackgroundResource(R.drawable.tab_one_normal);change.setBackgroundResource(R.drawable.tab_one_normal);more.setBackgroundResource(R.drawable.tab_one_normal);}});linearLayout.setBackgroundResource(R.drawable.tab_two_highlight);publish = (LinearLayout) findViewById(R.id.publish);publish.setOnClickListener(new OnClickListener() {//@Overridepublic void onClick(View v) {publish.setBackgroundResource(R.drawable.tab_two_highlight);linearLayout.setBackgroundResource(R.drawable.tab_one_normal);change.setBackgroundResource(R.drawable.tab_one_normal);more.setBackgroundResource(R.drawable.tab_one_normal);}});change = (LinearLayout) findViewById(R.id.change);change.setOnClickListener(new OnClickListener() {//@Overridepublic void onClick(View v) {change.setBackgroundResource(R.drawable.tab_two_highlight);linearLayout.setBackgroundResource(R.drawable.tab_one_normal);publish.setBackgroundResource(R.drawable.tab_one_normal);more.setBackgroundResource(R.drawable.tab_one_normal);}});more = (LinearLayout) findViewById(R.id.more);more.setOnClickListener(new OnClickListener() {//@Overridepublic void onClick(View v) {more.setBackgroundResource(R.drawable.tab_two_highlight);linearLayout.setBackgroundResource(R.drawable.tab_one_normal);publish.setBackgroundResource(R.drawable.tab_one_normal);change.setBackgroundResource(R.drawable.tab_one_normal);}});}}

 

<?xml version="1.0" encoding="UTF-8"?><resources><string name="username">用户名:</string><string name="password">密 码:</string><string name="login">确 定</string><string name="reset">重 置</string><string name="blogname">博客名字:</string><string name="blogweb">博客地址:</string><string name="home">主页</string><string name="publish">发布</string><string name="change">更改</string><string name="more">更多</string><string name="post">发送</string><string name="ok">确认</string><string name="cancel">返回</string><string name="tag">标签</string><string name="warn">标签之间用英文逗号隔开</string><string name="blogtype">博客类型</string><string name="load">正在加载数据</string></resources>

 

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_gravity="bottom" android:layout_height="wrap_content"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="80px" android:layout_height="wrap_content" android:id="@+id/home" android:background="@drawable/tab_one_normal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/home" android:gravity="center" android:paddingTop="29px" android:background="@drawable/home" /> </LinearLayout> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/line" /> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="80px" android:layout_height="wrap_content" android:background="@drawable/tab_one_normal" android:id="@+id/publish"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/publish" android:gravity="center" android:paddingTop="29px" android:background="@drawable/publish" /> </LinearLayout> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/line" /> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="80px" android:id="@+id/change" android:layout_height="wrap_content" android:background="@drawable/tab_one_normal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/change" android:gravity="center" android:paddingTop="29px" android:background="@drawable/change" /> </LinearLayout> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/line" /> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="80px" android:id="@+id/more" android:layout_height="wrap_content" android:background="@drawable/tab_one_normal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/more" android:gravity="center" android:paddingTop="29px" android:background="@drawable/more" /> </LinearLayout> </LinearLayout>