微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下。
不知道微信是用什么实现的,我使用popupwindow来实现,主要分为几块内容:
1、窗口布局文件:popwin_share.xml
<?xml version="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" style="@style/fill_width" android:orientation="horizontal" android:background="@drawable/menu_left_item_selector" android:padding="5dp"> <ImageView android:layout_marginLeft="7dp" style="@style/wrap" android:scaleType="fitCenter" android:src="@drawable/share" /> <TextView style="@style/wrap" android:textColor="@color/white" android:textSize="@dimen/text18" android:layout_marginLeft="5dp" android:text="分享内容" /> </LinearLayout> <LinearLayout android:id="@+id/layout_copy" style="@style/fill_width" android:orientation="horizontal" android:background="@drawable/menu_left_item_selector" android:padding="5dp"> <ImageView android:layout_marginLeft="5dp" style="@style/wrap" android:scaleType="fitCenter" android:src="@drawable/copy_pressed" /> <TextView style="@style/wrap" 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
<?xml version="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
<?xml version="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仿微信右上角弹出菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
android自定义PopupWindow,实现类似微信弹框类别选项。
本Demo高仿微信朋友圈评论点赞弹出框动画效果,自定义popupwindow实现,可助你快速学习自定义popupwindow.
主要为大家详细介绍了Android自定义仿微信PopupWindow效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
最近公司项目需要实现类似微信的浮层弹出框。研究发现是用PopupWindow实现的。而且可以自定义位置以及出现和退出时的动画,由于太晚了就不实现动画了,需要得同学请自己研究下。由于本人新手其中的不足和缺点请见谅...
通过ListView + PopupWindow的方式实现了仿微信的侧滑删除、取消关注功能。
android使用popupwindow仿照qq和微信实现好几种的弹框效果,可以自定义界面,并且控制动画效果
自定义的弹出菜单是继承的popwin,并不是view 因为没有必要重复造车轮,如果想要实现某种特殊的效果另说。首先创建类MyPopWindow继承Popwindow。 public class MyPopWindow extends PopupWindow implements View....
先来看看效果图 如何使用 示例代码 PromptViewHelper pvHelper = new PromptViewHelper(mActivity); pvHelper.setPromptViewManager(new ChatPromptViewManager(mActivity)); pvHelper.addPrompt(...
图文排列是用的RecyclerView实现的,弹窗效果是用的自定义的PopupWindow,点赞应该是在本地请求数据库,设置一个flag,获取当前用户的id后,带着id向服务器post一个flag,评论就比较简单了,也是获取当前朋友id(或者...
贡献/下载源码:https://github.com/mmlovesyy/PopupWindowDemo 本文简单模仿微信朋友圈的点赞和评论弹出框,布局等细节请忽略,着重实现弹出框、发评论,及弹出位置的控制。 1. 微信弹出框 ...自定义 Ad
此篇综合运用自定义ActionBar、ContextMenu、PopupWindow、Fragment、ViewPager 以及RecyclerView等实现微信页面效果。 同时这也是中国大学慕课移动终端应用开发的网课作业15,我会持续更新我的作业 说明 说明1 这个...
本文实例为大家分享了PopupWindow实现自定义overflow的具体代码,供大家参考,具体内容如下 当Action Bar的Action放不下时,系统会将其收集在overflow中。 用hierarchyviewer查看系统自己生成的Overflow,发现它本身...
先来一张微信功能截图看看要做什么 其实就是有一个目的地,点击目的地的时候弹出可选择的应用进行导航。 大脑动一下,要实现这个功能应该大体分成两步: 底部弹出可选的地图菜单进行展示 点击具体菜单某一项的...
此篇综合运用自定义ActionBar、ContextMenu、PopupWindow、Fragment、ViewPager 以及RecyclerView等实现微信页面效果。 同时这也是中国大学慕课移动终端应用开发的网课作业15,我会持续更新我的作业 说明 说明1 这个...
仿微信popupwindow.zip 仿米赚带两侧slidingmenu和自动banner的一个应用.rar 关于Frangment 的实现 仿网易.zip 原来PATH的菜单效果如此简单。布局+TranslateAnimation搞定.zip 基于百度地图实现的定位功能.rar 安卓...
本公司提供全行业(即时通讯,直播,商城等)的软件扩展服务,网站和系统定制,APP开发,微信小程序和公众号开发等,价格美丽。公司官网: : 中文| 内置几种了常用的弹窗,几种良好的动画,将弹窗和动画的自定义...