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; @Override public 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() { //@Override public 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() { //@Override public 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() { //@Override public 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() { //@Override public 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>