仿UC底部菜单栏实例源码

相关的链接：

Android 底部菜单栏实现
http://www.eoeandroid.com/thread-211510-1-1.html

android锁定底部菜单栏实现
http://www.eoeandroid.com/thread-232563-1-1.html

Android实现底部菜单栏
http://www.eoeandroid.com/thread-66152-1-1.html

自定义底部菜单栏（附源码）
http://www.eoeandroid.com/thread-49199-1-1.html

-----------------帖子正文---------------

最近刚看完ViewPager，就想到做这样一个Demo，当然也参考了高手们的实例
里边的网格菜单，开始我打算用自定义的imgBtn，但是发现放在pager选项卡中不好排版，所以最好选了GridView，简单实用

一、

先主界面xml

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@drawable/bg"    tools:context=".MainActivity" >    <Button        android:id="@+id/btn_menu"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentTop="true"        android:layout_centerHorizontal="true"        android:text="show/hide Menu" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_below="@+id/btn_menu"        android:gravity="center"        android:orientation="horizontal" >        <com.example.myMenu.MyImgBtn            android:id="@+id/main_btn1"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_margin="15dp"            android:layout_weight="1" />        <com.example.myMenu.MyImgBtn            android:id="@+id/main_btn2"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_margin="15dp"            android:layout_weight="1" />        <com.example.myMenu.MyImgBtn            android:id="@+id/main_btn3"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_margin="15dp"            android:layout_weight="1" />        <com.example.myMenu.MyImgBtn            android:id="@+id/main_btn4"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_margin="15dp"            android:layout_weight="1" />    </LinearLayout>    <RelativeLayout        android:id="@+id/layout_menu"        android:layout_width="match_parent"        android:layout_height="200dp"        android:layout_alignParentBottom="true" >        <LinearLayout            android:id="@+id/menu"            android:layout_width="match_parent"            android:layout_height="40dp"            android:background="#dd000000"            android:gravity="center" >            <TextView                android:id="@+id/tv_main"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center"                android:text="常用"                android:textColor="#ffffffff" />            <TextView                android:id="@+id/tv_utils"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center"                android:text="工具"                android:textColor="#ffffffff" />            <TextView                android:id="@+id/tv_set"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center"                android:text="设置"                android:textColor="#ffffffff" />        </LinearLayout>        <LinearLayout            android:id="@+id/layout_anim"            android:layout_width="fill_parent"            android:layout_height="wrap_content"            android:layout_below="@+id/menu"            android:background="#eeff8c00" >            <ImageView                android:id="@+id/iv_cursor"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:scaleType="matrix"                android:src="@drawable/img_cursor" />        </LinearLayout>        <android.support.v4.view.ViewPager            android:id="@+id/myPager"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_below="@+id/layout_anim"            android:flipInterval="30"            android:persistentDrawingCache="animation" />    </RelativeLayout></RelativeLayout>

ViewPager中的三个选项卡xml

view_main.xml,view_set.xml,view_utils.xml<?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:background="#77ff0000"    android:orientation="vertical" >       <GridView        android:id="@+id/myGridView"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:numColumns="4"        android:layout_margin="10dp"        android:horizontalSpacing="20dp"        android:gravity="center"        android:verticalSpacing="20dp"        ></GridView></LinearLayout>

这是选项卡一view_main.xml，后面的两个和这个一样，就不发了

最后就是还有一个GirdView的适配器xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <ImageView        android:id="@+id/imgbtn_img"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"             />    <TextView        android:id="@+id/imgbtn_text"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@+id/imgbtn_img"        android:layout_centerHorizontal="true"        android:text="Text"        android:textColor="#ff0000ff"        android:textSize="10sp" />   </RelativeLayout>xml布局部分就这么多了

原文：

仿UC底部菜单栏
http://www.eoeandroid.com/thread-247377-1-1.html

更多相关文章

随机推荐