安卓开发构造底部菜单

随着APP的数据越来越大，一块屏幕已经不够用了，于是就有了类似Windows选项卡一样的东西。实现这种效果方法很多，经过我多方百度，发现网友提供的方法比较麻烦，还是自定义构造比较简单，（源码见文章末尾）效果如下：

布局：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="50dip" android:background="#00B28C" android:orientation="horizontal" > <RelativeLayout android:layout_width="0px" android:layout_height="match_parent" android:layout_weight="3" > <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:clickable="false" android:text="美 图 集" android:textColor="@android:color/white" android:textSize="20dp" /> </RelativeLayout> </LinearLayout> <FrameLayout android:id="@+id/conter" android:layout_width="match_parent" android:layout_height="313dp" android:layout_weight="0.99" > </FrameLayout><View android:layout_width="match_parent" android:layout_height="1dp" android:background="#000000"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/shouye" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/shouye2" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="最新" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/pic" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/pic1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="套图" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/vido" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/viode1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="视频" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/set" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/settiing1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="设置" /> </LinearLayout> </LinearLayout></LinearLayout>

切换逻辑是在Java代码中实现的：

package com.daimadog.pictuji;

import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageView;
import android.widget.TextView;

public class ZhuActivity extends Activity implements OnClickListener{
 private ImageView shouyeImageView;
 private ImageView picImageView;
 private ImageView vidoImageView;
 private ImageView setImageView;
 private TextView titleTextView;
 private FragmentManager fragmentManager;
 private FragmentTransaction fragmentTransaction;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 requestWindowFeature(Window.FEATURE_NO_TITLE);
 setContentView(R.layout.zhu_layout);
 //初始化ui
 insertui();
 fragmentManager=getFragmentManager();
 fragmentTransaction=fragmentManager.beginTransaction();
 zuixin_fragment zuixinfragment=new zuixin_fragment();
 fragmentTransaction.add(R.id.conter, zuixinfragment);
 fragmentTransaction.commit();
 }
 
 ////初始化ui函数
public void insertui() {
 shouyeImageView=(ImageView) this.findViewById(R.id.shouye);
 picImageView=(ImageView) this.findViewById(R.id.pic);
 vidoImageView=(ImageView) this.findViewById(R.id.vido);
 setImageView=(ImageView) this.findViewById(R.id.set);
 titleTextView=(TextView) this.findViewById(R.id.title);
 shouyeImageView.setOnClickListener(this);
 picImageView.setOnClickListener(this);
 vidoImageView.setOnClickListener(this);
 setImageView.setOnClickListener(this);
}

 @Override
 public void onClick(View v) {
 // TODO Auto-generated method stub
 if (v==shouyeImageView) {
 if (!titleTextView.getText().toString().equals("最新")) {
 shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye2));
 picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic1));
 vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode1));
 setImageView.setImageDrawable(getResources().getDrawable(R.drawable.settiing1));
 titleTextView.setText("美图集");
 fragmentManager=getFragmentManager();
 fragmentTransaction=fragmentManager.beginTransaction();
 zuixin_fragment zuixinfragment=new zuixin_fragment();
 fragmentTransaction.replace(R.id.conter, zuixinfragment);
 fragmentTransaction.commit();
 }
 }
if (v==picImageView) {
 if (!titleTextView.getText().toString().equals("套图")) {
 picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic2));
 shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye1));
 vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode1));
 setImageView.setImageDrawable(getResources().getDrawable(R.drawable.settiing1));
 titleTextView.setText("套图");
 fragmentManager=getFragmentManager();
 fragmentTransaction=fragmentManager.beginTransaction();
 pic_fragment picfragment=new pic_fragment();
 fragmentTransaction.replace(R.id.conter, picfragment);
 fragmentTransaction.commit();
 }
 }
if (v==vidoImageView) {
 if (!titleTextView.getText().toString().equals("视频")) {
 vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode2));
 shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye1));
 picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic1));
 setImageView.setImageDrawable(getResources().getDrawable(R.drawable.settiing1));
 titleTextView.setText("视频");
 fragmentManager=getFragmentManager();
 fragmentTransaction=fragmentManager.beginTransaction();
 vido_fragment vidofragment=new vido_fragment();
 fragmentTransaction.replace(R.id.conter, vidofragment);
 fragmentTransaction.commit();
 } 
}
if (v==setImageView) {
 if (!titleTextView.getText().toString().equals("设置")) {
 setImageView.setImageDrawable(getResources().getDrawable(R.drawable.setting2));
 shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye1));
 picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic1));
 vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode1));
 titleTextView.setText("设置");
 fragmentManager=getFragmentManager();
 fragmentTransaction=fragmentManager.beginTransaction();
 set_fragment setFragment=new set_fragment();
 fragmentTransaction.replace(R.id.conter,setFragment );
 fragmentTransaction.commit();
 }
}
 }
}

页面切换是用的fragment。