微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下。
不知道微信是用什么实现的,我使用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;
- }
- }
- }
效果预览:
部分图像资源