手机
当前位置:查字典教程网 >编程开发 >安卓软件开发 >android自定义popupwindow仿微信右上角弹出菜单效果
android自定义popupwindow仿微信右上角弹出菜单效果
摘要:微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下。不知道微信是用什么实现...

微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下。

不知道微信是用什么实现的,我使用popupwindow来实现,主要分为几块内容:

1、窗口布局文件:popwin_share.xml

<"1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/title_tools_bg" android:orientation="vertical" > <LinearLayout android:id="@+id/layout_share" android:orientation="horizontal" android:background="@drawable/menu_left_item_selector" android:padding="5dp"> <ImageView android:layout_marginLeft="7dp" android:scaleType="fitCenter" android:src="@drawable/share" /> <TextView android:textColor="@color/white" android:textSize="@dimen/text18" android:layout_marginLeft="5dp" android:text="分享内容" /> </LinearLayout> <LinearLayout android:id="@+id/layout_copy" android:orientation="horizontal" android:background="@drawable/menu_left_item_selector" android:padding="5dp"> <ImageView android:layout_marginLeft="5dp" android:scaleType="fitCenter" android:src="@drawable/copy_pressed" /> <TextView android:textColor="@color/white" android:textSize="@dimen/text18" android:layout_marginLeft="5dp" android:text="复制结果" /> </LinearLayout> </LinearLayout>

采用线性布局,因为里面是一行一行竖排的菜单,线性布局更容易控制。大布局里面放了两个垂直排列的线性布局,每个线性布局中分别有横向排列的imageview和textview,很简单的布局。大布局的背景用了一个图片,当然也可以自定义一些其他颜色。

2、popupwindow代码,我这里是自定义一个popupwindows类,继承自PopupWindow:

package com.xjw.view; import com.xjw.translate.R; import android.app.Activity; import android.graphics.drawable.ColorDrawable; import android.view.LayoutInflater; import android.view.View; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.LinearLayout; import android.widget.ListView; import android.widget.PopupWindow; /** * 项目名称:translate * 实现功能: 翻译详情界面,分享弹出窗口 * 类名称:PopWinShare * 类描述:(该类的主要功能) * 创建人:徐纪伟 * E-mail: xujiwei558@126.com * 创建时间:2014年10月18日 下午4:37:25 * @version */ public class PopWinShare extends PopupWindow{ private View mainView; private LinearLayout layoutShare, layoutCopy; public PopWinShare(Activity paramActivity, View.OnClickListener paramOnClickListener, int paramInt1, int paramInt2){ super(paramActivity); //窗口布局 mainView = LayoutInflater.from(paramActivity).inflate(R.layout.popwin_share, null); //分享布局 layoutShare = ((LinearLayout)mainView.findViewById(R.id.layout_share)); //复制布局 layoutCopy = (LinearLayout)mainView.findViewById(R.id.layout_copy); //设置每个子布局的事件监听器 if (paramOnClickListener != null){ layoutShare.setOnClickListener(paramOnClickListener); layoutCopy.setOnClickListener(paramOnClickListener); } setContentView(mainView); //设置宽度 setWidth(paramInt1); //设置高度 setHeight(paramInt2); //设置显示隐藏动画 setAnimationStyle(R.style.AnimTools); //设置背景透明 setBackgroundDrawable(new ColorDrawable(0)); } }

里面提供了一个构造方法,包含四个参数,第一个参数是上下文的activity,第二个是菜单的点击事件,从外边传递进来的,要绑定给每一行的菜单,具体的事件实现当然要写在activity中,后面两个分别是弹出窗口的宽度和高度。里面还包含了一个动画样式,窗口打开和关闭时出现动画的样式。

3、动画样式,显示动画,缩放动画:push_in.xml

<"1.0" encoding="utf-8"?> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXScale="1.0" android:toXScale="1.0" android:fromYScale="0" android:toYScale="1.0" android:pivotX="0" android:pivotY="10%" android:duration="200" />

关闭动画,也是缩放动画:push_out.xml

<"1.0" encoding="utf-8"?> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXScale="1.0" android:toXScale="1.0" android:fromYScale="1.0" android:toYScale="0" android:pivotX="0" android:pivotY="10%" android:duration="200" />

style样式定义:

<style name="AnimTools" parent="@android:style/Animation"> <item name="android:windowEnterAnimation">@anim/push_in</item> <item name="android:windowExitAnimation">@anim/push_out</item> </style>

到此为止我们的自定义窗口已经定义好了。接下来看使用。

if (popWinShare == null) { //自定义的单击事件 OnClickLintener paramOnClickListener = new OnClickLintener(); popWinShare = new PopWinShare(TranslateDataContentActivity.this, paramOnClickListener, DisplayUtil.dip2px(context, 160), DisplayUtil.dip2px(context, 160)); //监听窗口的焦点事件,点击窗口外面则取消显示 popWinShare.getContentView().setOnFocusChangeListener(new View.OnFocusChangeListener() { @Override public void onFocusChange(View v, boolean hasFocus) { if (!hasFocus) { popWinShare.dismiss(); } } }); } //设置默认获取焦点 popWinShare.setFocusable(true); //以某个控件的x和y的偏移量位置开始显示窗口 popWinShare.showAsDropDown(btnTools, 0, 0); //如果窗口存在,则更新 popWinShare.update();

每个子菜单的单击事件自定义内部类,在里面就可以写每个子菜单的单击事件啦,

class OnClickLintener implements OnClickListener{ @Override public void onClick(View v) { switch (v.getId()) { case R.id.layout_share: break; case R.id.layout_copy: break; default: break; } } }

效果预览:

android自定义popupwindow仿微信右上角弹出菜单效果1

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持查字典教程网。

【android自定义popupwindow仿微信右上角弹出菜单效果】相关文章:

android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍

Android实现宫格图片连续滑动效果

android 自定义控件 自定义属性详细介绍

Android的文本和输入之创建输入法教程

android获取手机cpu并判断是单核还是多核

android自动更新软件版本

Android读取对应的键值

Android中的Button自定义点击效果实例代码

android 仿微信聊天气泡效果实现思路

Android自定义Custom Dialog对话框

精品推荐
分类导航