Android开发学习（14）Popupwindow右上角弹出菜单

很多安卓app的右上角都有弹出菜单，今天我们继续丰富我们的计算机app，前几篇博客我们为他增加了历史记录的功能，今天我们使用Popupwindow做一个右上角弹出的按钮。

效果：

布局

按钮主界面

menu_popwindow.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
android:layout_width="18sp"
android:src="@drawable/ic_up"
android:layout_gravity="right"
android:layout_marginBottom="-3sp"
android:layout_marginRight="10sp"
android:layout_height="18sp"/>
<ListView
android:id="@+id/lv_toptitle_menu"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/background_ground" />

</LinearLayout>

menu_popwindow_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
android:id="@+id/iv_menu_item"
android:layout_width="18dp"
android:layout_height="18dp"
android:layout_gravity="center_vertical"
android:layout_marginRight="10dp"
android:layout_marginLeft="10dp"
android:src="@drawable/ic_setting" />
<TextView
android:id="@+id/tv_menu_item"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_gravity="center_vertical"
android:text="测试"
android:textColor="@color/background_ground"
android:textSize="18sp" />

</LinearLayout>

按钮动画

style.xml

<style name="PopupAnimation" parent="android:Animation" mce_bogus="1">
<item name="android:windowEnterAnimation">@anim/popup_enter</item>
<item name="android:windowExitAnimation">@anim/popup_exit</item>
</style>

弹出：

popup_enter.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:fromXScale="0.6" android:toXScale="1.0"
android:fromYScale="0.6" android:toYScale="1.0" android:pivotX="50%"
android:pivotY="50%" android:duration="150" />
<alpha android:interpolator="@android:anim/decelerate_interpolator"
android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="50" />
</set>

退出：

popup_exit.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:fromXScale="1.0"
android:toXScale="0.5"
android:fromYScale="1.0"
android:toYScale="0.5"
android:pivotX="50%"
android:pivotY="50%"
android:duration="150" />
<alpha
android:interpolator="@android:anim/accelerate_interpolator"
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:duration="150" />
</set>

自定义Popupwindow

MenuPopwindow：

package com.xvshu.android.window;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.*;
import com.xvshu.android.R;
import com.xvshu.android.model.MenuPopwindowBean;

import java.util.List;

/**
* Created by xvshu on 2017/8/21.
*/
public class MenuPopwindow extends PopupWindow {
private View conentView;
private ListView lvContent;
public MenuPopwindow(Activity context, List<MenuPopwindowBean> list) {
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
conentView = inflater.inflate(R.layout.menu_popwindow, null);
lvContent = (ListView) conentView.findViewById(R.id.lv_toptitle_menu);
lvContent.setAdapter(new MyAdapter(context, list));
int h = context.getWindowManager().getDefaultDisplay().getHeight();
int w = context.getWindowManager().getDefaultDisplay().getWidth();
// 设置SelectPicPopupWindow的View
this.setContentView(conentView);
// 设置SelectPicPopupWindow弹出窗体的宽
this.setWidth(w / 3-30);
// 设置SelectPicPopupWindow弹出窗体的高
this.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
// 设置SelectPicPopupWindow弹出窗体可点击
this.setFocusable(true);
this.setOutsideTouchable(true);
// 刷新状态
this.update();
// 实例化一个ColorDrawable颜色为半透明
ColorDrawable dw = new ColorDrawable(0000000000);
// 点back键和其他地方使其消失,设置了这个才能触发OnDismisslistener ，设置其他控件变化等操作
this.setBackgroundDrawable(dw);
// 设置SelectPicPopupWindow弹出窗体动画效果
this.setAnimationStyle(R.style.PopupAnimation);
}

public void setOnItemClick(AdapterView.OnItemClickListener myOnItemClickListener) {
lvContent.setOnItemClickListener(myOnItemClickListener);
}

class MyAdapter extends BaseAdapter {
private List<MenuPopwindowBean> list;
private LayoutInflater inflater;
public MyAdapter(Context context, List<MenuPopwindowBean> list) {
inflater = LayoutInflater.from(context);
this.list = list;
}
@Override
public int getCount() {
return list == null ? 0 : list.size();
}
@Override
public Object getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Holder holder = null;
if (convertView == null) {
convertView = inflater.inflate(R.layout.menu_popwindow_item, null);
holder = new Holder();
holder.ivItem = (ImageView) convertView.findViewById(R.id.iv_menu_item);
holder.tvItem = (TextView) convertView.findViewById(R.id.tv_menu_item);
convertView.setTag(holder);
} else {
holder = (Holder) convertView.getTag();
}
holder.ivItem.setImageResource(list.get(position).getIcon());
holder.tvItem.setText(list.get(position).getText());
return convertView;
}
class Holder {
ImageView ivItem;
TextView tvItem;
}
}
/**
* 显示popupWindow
*
* @param parent
*/
public void showPopupWindow(View parent) {
if (!this.isShowing()) {
// 以下拉方式显示popupwindow
this.showAsDropDown(parent);
} else {
this.dismiss();
}
}
}

绑定

CalcActivity.java

public void  more(View view){
int[] icons = {R.drawable.ic_setting, R.drawable.ic_delete};
String[] texts = {"编辑", "删除"};
List<MenuPopwindowBean> list = new ArrayList<MenuPopwindowBean>();
MenuPopwindowBean bean = null;
for (int i = 0; i < icons.length; i++) {
bean = new MenuPopwindowBean();
bean.setIcon(icons[i]);
bean.setText(texts[i]);
list.add(bean);
}
MenuPopwindow pw = new MenuPopwindow(this, list);
pw.setOnItemClick(new AdapterView.OnItemClickListener(){
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
Adapter adapter=parent.getAdapter();
MenuPopwindowBean thisBean = (MenuPopwindowBean)adapter.getItem(position);
Log.i("more", "onItemClick: "+thisBean.getText());
}

});
pw.showPopupWindow(findViewById(R.id.button_forward));
}

点击图片后日志：



源码地址：

git_xvshu_android_test

总结

非常感慨，安卓的资源真丰富，也非常感触自己生活的时代，为我们自学提供了当下最好的土壤，最近从朋友圈听到了一句，自己感觉说到了当下这个时代人面临的问题“这个时代正在惩罚不学习的人”，仔细想想，个人感觉这句话，放到哪个时代都是合适的，不断学习，不断更新自己我们才能飞翔的更自由。