ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网络编程 >> Java教程 >> 安卓开发笔记——多种方式实现底部菜单栏(仿微信界面)

安卓开发笔记——多种方式实现底部菜单栏(仿微信界面)

来源:网络整理     时间:2015-04-24     关键词:

本篇文章主要介绍了"安卓开发笔记——多种方式实现底部菜单栏(仿微信界面)",对于Java教程感兴趣的同学可以参考一下: 关于底部菜单是什么,我想没必要介绍了,在市场上的APP里太常见了,这里提供两种方式来实现。记得之前写过几篇关于底部菜单实现的方法,有兴趣的朋友可以看看:1、《安...

关于底部菜单是什么,我想没必要介绍了,在市场上的APP里太常见了,这里提供两种方式来实现。

记得之前写过几篇关于底部菜单实现的方法,有兴趣的朋友可以看看:

1、《安卓开发复习笔记——TabHost组件(一)(实现底部菜单导航)》

2、《安卓开发复习笔记——TabHost组件(二)(实现底部菜单导航)》

3、《安卓开发笔记——Fragment+FragmentTabHost组件(实现新浪微博底部菜单)》

 

今天带来种相对更通俗易懂的写法,不再和过去一样去沿用TabHost了,这次我们直接用LinearLayout布局来实现,先来看下实现效果图:

中间内容区域有两种实现方式:

1、ViewPager  --可滑动界面      2、Fragment  --固定界面

               

 

1、界面分析

 这里有个小技巧,把底部菜单栏的每一个小的LinearLayout的宽度都设置成0dp,然后用weight权重去分配它,中间内容区域也是把高度设置成0dp,然后用weight权重去分配它。(weight默认是把界面里空闲的位置作为划分位置,所以这里的宽度或者高度要注意设置成0dp)

 

2、具体实现(内容区域为ViewPager可滑动界面)

布局文件:

activity_top.xml(顶部布局)

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  2  xmlns:tools="http://schemas.android.com/tools"  3  android:layout_width="match_parent"  4  android:layout_height="55dp"  5  android:background="@drawable/title_bar">  6  7 <TextView  8 android:layout_width="wrap_content"  9  android:layout_height="wrap_content" 10  android:layout_centerInParent="true" 11  android:text="微信" 12  android:textSize="20dp" 13  android:textColor="#ffffff"/> 14 15 </RelativeLayout>

View Code

activity_bottom.xml(底部布局)

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  2  xmlns:tools="http://schemas.android.com/tools"  3  android:layout_width="match_parent"  4  android:layout_height="wrap_content"  5  android:background="@drawable/bottom_bar" >  6  7 <LinearLayout  8 android:id="@+id/ll_home"  9  android:layout_width="0dp"  10  android:layout_height="wrap_content"  11  android:layout_weight="1"  12  android:gravity="center"  13  android:orientation="vertical" >  14  15 <ImageView  16 android:id="@+id/iv_home"  17  android:layout_width="wrap_content"  18  android:layout_height="wrap_content"  19  android:src="@drawable/tab_weixin_pressed" />  20  21 <TextView  22 android:id="@+id/tv_home"  23  android:layout_width="wrap_content"  24  android:layout_height="wrap_content"  25  android:layout_marginTop="3dp"  26  android:text="首页"  27  android:textColor="#1B940A"  28  android:textStyle="bold" />  29 </LinearLayout>  30  31 <LinearLayout  32 android:id="@+id/ll_address"  33  android:layout_width="0dp"  34  android:layout_height="wrap_content"  35  android:layout_weight="1"  36  android:gravity="center"  37  android:orientation="vertical" >  38  39 <ImageView  40 android:id="@+id/iv_address"  41  android:layout_width="wrap_content"  42  android:layout_height="wrap_content"  43  android:src="@drawable/tab_address_normal" />  44  45 <TextView  46 android:id="@+id/tv_address"  47  android:layout_width="wrap_content"  48  android:layout_height="wrap_content"  49  android:layout_marginTop="3dp"  50  android:text="通讯录"  51  android:textColor="#ffffff"  52  android:textStyle="bold" />  53 </LinearLayout>  54  55 <LinearLayout  56 android:id="@+id/ll_friend"  57  android:layout_width="0dp"  58  android:layout_height="wrap_content"  59  android:layout_weight="1"  60  android:gravity="center"  61  android:orientation="vertical" >  62  63 <ImageView  64 android:id="@+id/iv_friend"  65  android:layout_width="wrap_content"  66  android:layout_height="wrap_content"  67  android:src="@drawable/tab_find_frd_normal" />  68 
                    以上就介绍了安卓开发笔记——多种方式实现底部菜单栏(仿微信界面),包括了方面的内容,希望对Java教程有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_128805.html

相关图片

相关文章