android自定义popupwindow仿微信右上角弹出菜单效果
发布于 2017-10-05 01:29:01 | 152 次阅读 | 评论: 0 | 来源: 网友投递
Android移动端操作系统
Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一中文名称，中国大陆地区较多人使用“安卓”或“安致”。
这篇文章主要为大家详细介绍了android自定义popupwindow仿微信右上角弹出菜单效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信右上角的操作菜单看起来很好用，就照着仿了一下，不过是旧版微信的，手里刚好有一些旧版微信的资源图标，给大家分享一下。
不知道微信是用什么实现的，我使用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;
}
}
}
效果预览：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持PHPERZ。
推荐阅读
最新资讯