
本文要实现微信6.1中点击顶部菜单栏的“+”号按钮时,会d出一个列表框。这里用的了Activity实现,其实最好的方法可以用Actionbar,不过这货好像只支持3.0以后的版本。本文的接上文Android仿微信底部菜单栏+顶部菜单栏。
效果
一、仿微信下拉列表布局pop_dialog.xml
<?xml version="1.0" enCoding="UTF-8"?> <relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" > <relativeLayout androID:layout_wIDth="fill_parent" androID:layout_height="fill_parent" androID:layout_margintop="45dp" androID:layout_marginRight="20dp"> <linearLayout androID:ID="@+ID/ID_pop_dialog_layout" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_alignParentRight="true" androID:layout_alignParenttop="true" androID:background="@drawable/pop_item_normal" androID:orIEntation="vertical" > <linearLayout androID:ID="@+ID/ID_groupchat" androID:layout_wIDth="fill_parent" androID:layout_height="wrap_content" androID:layout_marginleft="5dp" androID:layout_marginRight="5dp" androID:layout_margintop="5dp" androID:background="@drawable/pop_List_selector" > <ImageVIEw androID:ID="@+ID/ID_imageVIEw1" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_gravity="center_vertical" androID:layout_marginleft="8dp" androID:src="@drawable/pop_group" /> <TextVIEw androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:padding="8dp" androID:text="发起聊天" androID:layout_gravity="center_vertical" androID:textcolor="#fff" androID:textSize="16sp" /> </linearLayout> <ImageVIEw androID:ID="@+ID/ID_imageVIEw5" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:src="@drawable/pop_line" /> <linearLayout androID:ID="@+ID/ID_addfrd" androID:layout_wIDth="fill_parent" androID:layout_height="wrap_content" androID:layout_marginleft="5dp" androID:layout_marginRight="5dp" androID:background="@drawable/pop_List_selector" > <ImageVIEw androID:ID="@+ID/ID_imageVIEw2" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_gravity="center_vertical" androID:layout_marginleft="8dp" androID:src="@drawable/pop_add" /> <TextVIEw androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:padding="8dp" androID:text="添加朋友" androID:layout_gravity="center_vertical" androID:textcolor="#fff" androID:textSize="16sp" /> </linearLayout> <ImageVIEw androID:ID="@+ID/ID_imageVIEw5" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:src="@drawable/pop_line" /> <linearLayout androID:ID="@+ID/ID_find" androID:layout_wIDth="fill_parent" androID:layout_height="wrap_content" androID:layout_marginleft="5dp" androID:layout_marginRight="5dp" androID:background="@drawable/pop_List_selector" > <ImageVIEw androID:ID="@+ID/ID_imageVIEw3" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_gravity="center_vertical" androID:layout_marginleft="8dp" androID:src="@drawable/pop_qrcode" /> <TextVIEw androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:padding="8dp" androID:text="扫一扫" androID:layout_gravity="center_vertical" androID:textcolor="#fff" androID:textSize="16sp" /> </linearLayout> <ImageVIEw androID:ID="@+ID/ID_imageVIEw5" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:src="@drawable/pop_line" /> <linearLayout androID:ID="@+ID/ID_Feedback" androID:layout_wIDth="fill_parent" androID:layout_height="wrap_content" androID:layout_marginBottom="3dp" androID:layout_marginleft="5dp" androID:layout_marginRight="5dp" androID:background="@drawable/pop_List_selector" > <ImageVIEw androID:ID="@+ID/ID_imageVIEw4" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_gravity="center_vertical" androID:layout_marginleft="8dp" androID:src="@drawable/pop_Feedback" /> <TextVIEw androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:padding="8dp" androID:text="帮助与反馈" androID:layout_gravity="center_vertical" androID:textcolor="#fff" androID:textSize="16sp" /> </linearLayout> </linearLayout> </relativeLayout> </relativeLayout>
其中,按下图片后变换颜色:
androID:background="@drawable/pop_List_selector" >
pop_List_selector.xml如下
<?xml version="1.0" enCoding="UTF-8"?> <selector xmlns:androID="http://schemas.androID.com/apk/res/androID"> <item androID:drawable="@drawable/pop_item_pressed" androID:state_focused="true"/> <item androID:drawable="@drawable/pop_item_pressed" androID:state_pressed="true"/> <item androID:drawable="@drawable/pop_item_pressed" androID:state_selected="true"/> <item androID:drawable="@drawable/pop_item_normal"/> </selector>
看看效果,这是去掉标题栏后的(也可以用代码去掉)
去掉标题栏的方法:
二、对应代码
pop_dialog.xml对应的代码为PopDialogActivity.java
如下:
package com.example.tabexample; import androID.app.Activity; import androID.os.Bundle; import androID.vIEw.MotionEvent; import androID.vIEw.VIEw; import androID.vIEw.Window; import androID.vIEw.VIEw.OnClickListener; import androID.Widget.linearLayout; public class PopDialogActivity extends Activity implements OnClickListener{ //定义四个按钮区域 private linearLayout mGroupChat; private linearLayout mAddFrd; private linearLayout mFind; private linearLayout mFeedBack; @OverrIDe protected voID onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestwindowFeature(Window.FEATURE_NO_Title); setContentVIEw(R.layout.pop_dialog); initVIEw(); } /** * 初始化组件 */ private voID initVIEw(){ //得到布局组件对象并设置监听事件 mGroupChat = (linearLayout)findVIEwByID(R.ID.ID_groupchat); mAddFrd = (linearLayout)findVIEwByID(R.ID.ID_addfrd); mFind = (linearLayout)findVIEwByID(R.ID.ID_find); mFeedBack = (linearLayout)findVIEwByID(R.ID.ID_Feedback); mGroupChat.setonClickListener(this); mAddFrd.setonClickListener(this); mFind.setonClickListener(this); mFeedBack.setonClickListener(this); } @OverrIDe public boolean ontouchEvent(MotionEvent event){ finish(); return true; } @OverrIDe public voID onClick(VIEw v) { } } 三、设置背景透明
如果单这样,当这个Activity出来后,就会把之前的Activity覆盖,但是如果把它背景设置成透明的不就可以了么?方法如下:
在AndroIDManifest.xml中添加:
<!-- 这里一定要注册上这个activity,否则跳转将会失败,因为系统找不到这个activity --> t;activity androID:name="com.example.tabexample.PopDialogActivity" androID:label="@string/app_name" androID:theme="@style/MyDialogStyletop"> t;/activity>
其中
"@style/MyDialogStyletop"
是我自己定义的格式,在value/style下添加:
<style name="MyDialogStyletop" parent="androID:theme.Dialog"> <item name="androID:windowFrame">@null</item><!-- 边框 --> <item name="androID:windowIsfloating">true</item> <!-- 是否浮现在activity之上 --> <item name="androID:windowIsTranslucent">false</item><!-- 半透明 --> <item name="androID:windowNoTitle">true</item> <!-- 无标题 --> <item name="androID:windowBackground">@androID:color/transparent</item><!-- 背景透明 --> <item name="androID:backgroundDimEnabled">false</item><!-- 模糊 --> </style>
四、使用
其实使用就是Activity的跳转了,方法很简单,一句:
startActivity(new Intent(MainActivity.this,PopDialogActivity.class));
把这句放在“+”按钮的点击事件当中去,这里添加点击事件就不用说了,很简单,然后最终的效果如下:
本文已被整理到了《Android微信开发教程汇总》,欢迎大家学习阅读。
以上就是本文的全部内容,希望对大家学习AndroID软件编程有所帮助。
总结以上是内存溢出为你收集整理的Android仿微信实现下拉列表全部内容,希望文章能够帮你解决Android仿微信实现下拉列表所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)