Android UI设计与开发 底部菜单.docxVIP

\【Android UI设计与开发】第09期：底部菜单栏（四）Fragment+PopupWindow仿QQ空间最新版底部菜单栏分类：Android UI设计与开发 2013-06-04 17:43 1996人阅读评论(30) 收藏举报FragmentPopupWindowAndroid底部菜单栏高仿QQ空间转载请注明出处：/yangyarticle/details/9023451 ? ? ? ??? ? ?在今天的这篇文章当中，我依然会以实战加理论结合的方式教大家如何设计出自己觉得很炫的UI界面。好的，话不多说，进入正题。今天的这篇文章主要是以仿QQ空间的底部菜单栏效果为主，实现的效果有：1实现了点击按钮时的切换图片效果；2实现了点击按钮时的切换界面效果；3实现了点击中间圆形按钮时弹出菜单以及按钮图片切换效果；4实现了点击空白处和返回键按钮来关闭弹出菜单。? ? ? ? ? 有个地方需要注意的是，弹出菜单栏后，点击里面的选项按钮会导致中间的圆形按钮切换为普通状态，这是因为在实际的项目中，点击菜单选项按钮之后会进入别的界面，所以也就不存在点击了之后圆形的按钮切换为普通的状态效果了，所以这里也不需要太在意。为了实现效果，这里只适配了480x800 hdpi的屏幕大小。一、效果图?有图才有真相二、项目结构图三、代码详细编写1、主布局界面，activity_main.xml：[html] view plaincopyprint?SPAN?style=FONT-SIZE:?12pxRelativeLayout?xmlns:android=/apk/res/android??????xmlns:tools=/tools??????android:layout_width=fill_parent??????android:layout_height=fill_parent?????????FrameLayout??????????android:id=@+id/frame_content??????????android:layout_width=wrap_content??????????android:layout_height=wrap_content??????????android:layout_above=@+id/frameLayout1??????????android:layout_alignParentLeft=true??????????android:layout_alignParentRight=true??????????android:layout_alignParentTop=true??????????android:background=#ffffff???????/FrameLayout????????FrameLayout??????????android:id=@+id/frameLayout1??????????android:layout_width=wrap_content??????????android:layout_height=wrap_content??????????android:layout_alignParentBottom=true??????????android:layout_alignParentLeft=true??????????android:background=@drawable/toolbar_bg_normal?????????????LinearLayout??????????????android:layout_width=fill_parent??????????????android:layout_height=fill_parent??????????????android:layout_marginTop=1dp??????????????android:gravity=center_horizontal?????????????????FrameLayout??????????????????android:id=@+id/layout_friendfeed??????????????????android:layout_width=fill_parent??????????????????android:layout_height=48dp??????????????????android:layout_weight=1???????????????????android:background=@drawable/tab_btn_background????????????????????ImageView?????