很多应用都用到底部菜单，微信、大众点评。
效果图
思路：
1.建立一个FrameActivity继承ActivityGroup。此FrameActivity将作为框架，布局实现v4包下viewpage。而viewpage的主要任务是实现将Activity放入。
1.1初始化控件。findviewbyid
1.2把viewpager里面要显示的view实例化出来，并且把相关的view添加到一个list当中。
1.3为pageAdapter添加适配器，此设配器注意：运行完一个，就将ViewGroup中的view删除，实现，每次只显示一个view。
1.4为每个菜单按钮添加监听器。
1.4.1将viewpage设置到此菜单对应的栏目。
1.4.2初始化底部菜单控件，使菜单初始化。
1.4.3将底部菜单显示到选中状态。
1.5为viewpage添加滑动监听器。
1.5.1在onPageSelect中，首先初始化底部菜单。
1.5.2设置当前栏目菜单选中状态。
主要代码： View view = this.getLocalActivityManager().startActivity("search",new Intent(FrameActivity.this, SearchActivity.class)).getDecorView();
实现，将Activity转为View对象放到ViewPage中。
public class FrameActivity extends ActivityGroup { private LinearLayout mMyBottemSearchBtn, mMyBottemTuanBtn, mMyBottemCheckinBtn, mMyBottemMyBtn, mMyBottemMoreBtn; private ImageView mMyBottemSearchImg, mMyBottemTuanImg, mMyBottemCheckinImg, mMyBottemMyImg, mMyBottemMoreImg; private TextView mMyBottemSearchTxt, mMyBottemTuanTxt, mMyBottemCheckinTxt, mMyBottemMyTxt, mMyBottemMoreTxt; private List<View> list = new ArrayList<View>();// 相当于数据源 private View view = null; private View view1 = null; private View view2 = null; private View view3 = null; private View view4 = null; private android.support.v4.view.ViewPager mViewPager; private PagerAdapter pagerAdapter = null;// 数据源和viewpager之间的桥梁 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_frame); initView(); } // 初始化控件 private void initView() { mViewPager = (ViewPager) findViewById(R.id.FramePager); // 查找以linearlayout为按钮作用的控件 mMyBottemSearchBtn = (LinearLayout) findViewById(R.id.MyBottemSearchBtn); mMyBottemTuanBtn = (LinearLayout) findViewById(R.id.MyBottemTuanBtn); mMyBottemCheckinBtn = (LinearLayout) findViewById(R.id.MyBottemCheckinBtn); mMyBottemMyBtn = (LinearLayout) findViewById(R.id.MyBottemMyBtn); mMyBottemMoreBtn = (LinearLayout) findViewById(R.id.MyBottemMoreBtn); // 查找linearlayout中的imageview mMyBottemSearchImg = (ImageView) findViewById(R.id.MyBottemSearchImg); mMyBottemTuanImg = (ImageView) findViewById(R.id.MyBottemTuanImg); mMyBottemCheckinImg = (ImageView) findViewById(R.id.MyBottemCheckinImg); mMyBottemMyImg = (ImageView) findViewById(R.id.MyBottemMyImg); mMyBottemMoreImg = (ImageView) findViewById(R.id.MyBottemMoreImg); // 查找linearlayout中的textview mMyBottemSearchTxt = (TextView) findViewById(R.id.MyBottemSearchTxt); mMyBottemTuanTxt = (TextView) findViewById(R.id.MyBottemTuanTxt); mMyBottemCheckinTxt = (TextView) findViewById(R.id.MyBottemCheckinTxt); mMyBottemMyTxt = (TextView) findViewById(R.id.MyBottemMyTxt); mMyBottemMoreTxt = (TextView) findViewById(R.id.MyBottemMoreTxt); createView(); // 写一个内部类pageradapter pagerAdapter = new PagerAdapter() { // 判断再次添加的view和之前的view 是否是同一个view // arg0新添加的view，arg1之前的 @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } // 返回数据源长度 @Override public int getCount() { return list.size(); } // 销毁被滑动走的view /** * ViewGroup 代表了我们的viewpager 相当于activitygroup当中的view容器， 添加之前先移除。 * position 第几条数据 Object 被移出的view * */ @Override public void destroyItem(ViewGroup container, int position, Object object) { // 移除view container.removeView(list.get(position)); } /** * instantiateItem viewpager要现实的view ViewGroup viewpager position * 第几条数据 * */ @Override public Object instantiateItem(ViewGroup container, int position) { // 获取view添加到容器当中，并返回 View v = list.get(position); container.addView(v); return v; } }; // 设置我们的adapter mViewPager.setAdapter(pagerAdapter); MyBtnOnclick mytouchlistener = new MyBtnOnclick(); mMyBottemSearchBtn.setOnClickListener(mytouchlistener); mMyBottemTuanBtn.setOnClickListener(mytouchlistener); mMyBottemCheckinBtn.setOnClickListener(mytouchlistener); mMyBottemMyBtn.setOnClickListener(mytouchlistener); mMyBottemMoreBtn.setOnClickListener(mytouchlistener); // 设置viewpager界面切换监听,监听viewpager切换第几个界面以及滑动的 mViewPager.setOnPageChangeListener(new OnPageChangeListener() { // arg0 获取 viewpager里面的界面切换到第几个的 @Override public void onPageSelected(int arg0) { // 先清除按钮样式 initBottemBtn(); // 按照对应的view的tag来判断到底切换到哪个界面。 // 更改对应的button状态 int flag = (Integer) list.get((arg0)).getTag(); if (flag == 0) { mMyBottemSearchImg .setImageResource(R.drawable.main_index_search_pressed); mMyBottemSearchTxt.setTextColor(Color.parseColor("#FF8C00")); } else if (flag == 1) { mMyBottemTuanImg .setImageResource(R.drawable.main_index_tuan_pressed); mMyBottemTuanTxt.setTextColor(Color.parseColor("#FF8C00")); } else if (flag == 2) { mMyBottemCheckinImg .setImageResource(R.drawable.main_index_checkin_pressed); mMyBottemCheckinTxt.setTextColor(Color .parseColor("#FF8C00")); } else if (flag == 3) { mMyBottemMyImg .setImageResource(R.drawable.main_index_my_pressed); mMyBottemMyTxt.setTextColor(Color.parseColor("#FF8C00")); } else if (flag == 4) { mMyBottemMoreImg .setImageResource(R.drawable.main_index_more_pressed); mMyBottemMoreTxt.setTextColor(Color.parseColor("#FF8C00")); } } /** * 监听页面滑动的 arg0 表示当前滑动的view arg1 表示滑动的百分比 arg2 表示滑动的距离 * */ @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } /** * 监听滑动状态 arg0 表示我们的滑动状态 0:默认状态 1:滑动状态 2:滑动停止 * */ @Override public void onPageScrollStateChanged(int arg0) { } }); } // 把viewpager里面要显示的view实例化出来，并且把相关的view添加到一个list当中 private void createView() { <strong>view = this .getLocalActivityManager() .startActivity("search", new Intent(FrameActivity.this, SearchActivity.class)) .getDecorView();</strong> // 用来更改下面button的样式的标志 view.setTag(0); list.add(view); view1 = FrameActivity.this .getLocalActivityManager() .startActivity("tuan", new Intent(FrameActivity.this, TuanActivity.class)) .getDecorView(); view1.setTag(1); list.add(view1); view2 = FrameActivity.this .getLocalActivityManager() .startActivity("sign", new Intent(FrameActivity.this, CheckinActivity.class)) .getDecorView(); view2.setTag(2); list.add(view2); view3 = FrameActivity.this .getLocalActivityManager() .startActivity("my", new Intent(FrameActivity.this, MyActivity.class)) .getDecorView(); view3.setTag(3); list.add(view3); view4 = FrameActivity.this .getLocalActivityManager() .startActivity("more", new Intent(FrameActivity.this, MoreActivity.class)) .getDecorView(); view4.setTag(4); list.add(view4); } /** * 用linearlayout作为按钮的监听事件 * */ private class MyBtnOnclick implements View.OnClickListener { @Override public void onClick(View arg0) { int mBtnid = arg0.getId(); switch (mBtnid) { case R.id.MyBottemSearchBtn: // //设置我们的viewpager跳转那个界面0这个参数和我们的list相关,相当于list里面的下标 mViewPager.setCurrentItem(0); initBottemBtn(); mMyBottemSearchImg .setImageResource(R.drawable.main_index_search_pressed); mMyBottemSearchTxt.setTextColor(Color.parseColor("#FF8C00")); break; case R.id.MyBottemTuanBtn: mViewPager.setCurrentItem(1); initBottemBtn(); mMyBottemTuanImg .setImageResource(R.drawable.main_index_tuan_pressed); mMyBottemTuanTxt.setTextColor(Color.parseColor("#FF8C00")); break; case R.id.MyBottemCheckinBtn: mViewPager.setCurrentItem(2); initBottemBtn(); mMyBottemCheckinImg .setImageResource(R.drawable.main_index_checkin_pressed); mMyBottemCheckinTxt.setTextColor(Color.parseColor("#FF8C00")); break; case R.id.MyBottemMyBtn: mViewPager.setCurrentItem(3); initBottemBtn(); mMyBottemMyImg .setImageResource(R.drawable.main_index_my_pressed); mMyBottemMyTxt.setTextColor(Color.parseColor("#FF8C00")); break; case R.id.MyBottemMoreBtn: mViewPager.setCurrentItem(4); initBottemBtn(); mMyBottemMoreImg .setImageResource(R.drawable.main_index_more_pressed); mMyBottemMoreTxt.setTextColor(Color.parseColor("#FF8C00")); break; } } } /** * 初始化控件的颜色 * */ private void initBottemBtn() { mMyBottemSearchImg.setImageResource(R.drawable.search_bottem_search); mMyBottemTuanImg.setImageResource(R.drawable.search_bottem_tuan); mMyBottemCheckinImg.setImageResource(R.drawable.search_bottem_checkin); mMyBottemMyImg.setImageResource(R.drawable.search_bottem_my); mMyBottemMoreImg.setImageResource(R.drawable.search_bottem_more); mMyBottemSearchTxt.setTextColor(getResources().getColor( R.color.search_bottem_textcolor)); mMyBottemTuanTxt.setTextColor(getResources().getColor( R.color.search_bottem_textcolor)); mMyBottemCheckinTxt.setTextColor(getResources().getColor( R.color.search_bottem_textcolor)); mMyBottemMyTxt.setTextColor(getResources().getColor( R.color.search_bottem_textcolor)); mMyBottemMoreTxt.setTextColor(getResources().getColor( R.color.search_bottem_textcolor)); } /** * 返回按钮的监听，用来询问用户是否退出程序 * */ @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { if (keyCode == KeyEvent.KEYCODE_BACK) { Builder builder = new Builder(FrameActivity.this); builder.setTitle("提示"); builder.setMessage("你确定要退出吗？"); builder.setIcon(R.drawable.ic_launcher); DialogInterface.OnClickListener dialog = new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface arg0, int arg1) { if (arg1 == DialogInterface.BUTTON_POSITIVE) { arg0.cancel(); } else if (arg1 == DialogInterface.BUTTON_NEGATIVE) { FrameActivity.this.finish(); } } }; builder.setPositiveButton("取消", dialog); builder.setNegativeButton("确定", dialog); AlertDialog alertDialog = builder.create(); alertDialog.show(); } } return false; } }
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" > <LinearLayout android:id="@+id/Frame_BottemView" android:layout_width="match_parent" android:layout_height="60dp" android:layout_alignParentBottom="true" android:background="@drawable/tab_bar_bg" android:orientation="horizontal" > <LinearLayout android:id="@+id/MyBottemSearchBtn" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_vertical|center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/MyBottemSearchImg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/main_index_search_pressed" /> <TextView android:id="@+id/MyBottemSearchTxt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="查找" android:textColor="#FF8C00" android:textSize="13dp" /> </LinearLayout> <LinearLayout android:id="@+id/MyBottemTuanBtn" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_vertical|center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/MyBottemTuanImg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/search_bottem_tuan" /> <TextView android:id="@+id/MyBottemTuanTxt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="团购" android:textColor="@color/search_bottem_textcolor" android:textSize="13dp" /> </LinearLayout> <LinearLayout android:id="@+id/MyBottemCheckinBtn" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_vertical|center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/MyBottemCheckinImg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/search_bottem_checkin" /> <TextView android:id="@+id/MyBottemCheckinTxt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="签到" android:textColor="@color/search_bottem_textcolor" android:textSize="13dp" /> </LinearLayout> <LinearLayout android:id="@+id/MyBottemMyBtn" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_vertical|center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/MyBottemMyImg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/search_bottem_my" /> <TextView android:id="@+id/MyBottemMyTxt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="我的" android:textColor="@color/search_bottem_textcolor" android:textSize="13dp" /> </LinearLayout> <LinearLayout android:id="@+id/MyBottemMoreBtn" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_vertical|center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/MyBottemMoreImg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/search_bottem_more" /> <TextView android:id="@+id/MyBottemMoreTxt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="更多" android:textColor="@color/search_bottem_textcolor" android:textSize="13dp" /> </LinearLayout> </LinearLayout> <android.support.v4.view.ViewPager android:id="@+id/FramePager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@+id/Frame_BottemView" > </android.support.v4.view.ViewPager> </RelativeLayout>
其他Activity雷同：
public class TuanActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView textView = new TextView(this); textView.setText("TuanActivity"); setContentView(textView); } }
源码下载地址：http://download.csdn.net/detail/u010016914/8197723
扫一扫
1416
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
