Android 自定义弹出菜单和对话框

Android 开发当中，可能会存在许多自定义布局的需求，比如自定义弹出菜单（popupWindow），以及自定义对话框（Dialog）。

先讲第一种，自定义PopUpWindow
1.popupWindow

protected void showPopWindow(View view, final int pos){        WindowManager wm= (WindowManager) myContext.getSystemService(Context.WINDOW_SERVICE);        int width=wm.getDefaultDisplay().getWidth();        LayoutInflater layoutInflater=(LayoutInflater)myContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);        View popView=layoutInflater.inflate(R.layout.layout_shoucang_popupwindow,null);        //加载弹出菜单的布局文件        final ListView lvpop= (ListView) popView.findViewById(R.id.lvShouCangPop);        List strData=new ArrayList<>();        strData.add("删除");        strData.add("分享");        popView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);        popupWindow=new PopupWindow(popView,3*width/10, ViewGroup.LayoutParams.WRAP_CONTENT); //设置popupWindow 的大小        lvpop.setAdapter(new AdapterShouCangDeletePop(myContext,strData));        lvpop.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                if(position==0){                    //点击删除按钮的逻辑//                  ToastUtil.toastButtom(myContext,"点击删除按钮");//                  datas.remove(pos);  //remove掉这行数据                    toActivityPos=pos;//                  notifyDataSetChanged();                    sendDeleteBoardCast();  //发送一条广播                    popupWindow.dismiss();                }else if(position ==1){                    //点击分享的逻辑                    String title=datas.get(position).ucDesc;                    String photoUrl=datas.get(position).ucIcon;                    String contentUrl=datas.get(position).ucUrl;                    DialogShouCangShare dialogShouCangShare=new DialogShouCangShare(myContext,title,photoUrl,contentUrl);  //弹出分享对话框                    dialogShouCangShare.show();                    popupWindow.dismiss();                }            }        });        int[] location=new int[2];        view.getLocationOnScreen(location);        popupWindow.setFocusable(true);        popupWindow.setBackgroundDrawable(new BitmapDrawable());//最好加上这一句，因为他可以取消显示这个弹出菜单，不加的话，弹出菜单很难消失        //下方：popupWindow.showAsDropDown(v);        //popupWindow.showAtLocation(v, Gravity.NO_GRAVITY, location[0]+v.getWidth(), location[1]);  显示在右边        //popupWindow显示在左边        popupWindow.showAtLocation(view, Gravity.NO_GRAVITY                , location[0]-popupWindow.getWidth(),location[1]);  //这里的view是传进来的view，比如点击事件中的view，就把它传进来，popupwindow的位置可以自行调整    }

填充popupWindow中listView的adapter代码

/** * Created by cx on 2017/8/8. */public class AdapterShouCangDeletePop extends BaseAdapter{    public Context mContext;    private List data;    public AdapterShouCangDeletePop(Context context,List data){        this.mContext=context;        this.data=data;    }    @Override    public int getCount() {        return data.size();    }    @Override    public Object getItem(int position) {        return data.get(position);    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        ViewHolder holder=null;        if(convertView==null){            holder=new ViewHolder();            convertView= LayoutInflater.from(mContext).inflate(R.layout.lv_shoucang_pop_item,null);            holder.tv= (TextView) convertView.findViewById(R.id.tvShouCangPop);            convertView.setTag(holder);        }else{            holder= (ViewHolder) convertView.getTag();        }        holder.tv.setText(data.get(position).toString());        return convertView;    }    class ViewHolder{        TextView tv;    }}

弹出菜单的布局，用listView 填充，然后由于要加圆角的背景，所以更改background

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <ListView        android:id="@+id/lvShouCangPop"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:padding="2dp"        android:background="@drawable/bg_shoucang_popup_bg"        android:listSelector="@drawable/izd_shoucang_delete_selector_pop"        />LinearLayout>

listView的圆角背景图片

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item>        <shape            xmlns:android="http://schemas.android.com/apk/res/android"            android:shape="rectangle"  >            <solid android:color="#eeeeee"/>            <corners android:radius="8.0dip"/>        shape>    item>selector>

然后你只要在你的逻辑代码中调用showPopWindow（）这个方法就行了，是不是很简单！

紧接着开始讲自定义对话框了，因为很多app中都有这个功能，而且效果还不错！

public class DialogShouCangShare extends Dialog{    private Context myContext;    private RelativeLayout rlCancle;    private GridView gridView;    //那些图片    private int[] data=new int[]{R.drawable.izd_shoucang_wechat,R.drawable.izd_shoucang_friend,R.drawable.izd_shoucang_qq,            R.drawable.izd_shoucang_weibo,R.drawable.izd_shoucang_qzone,R.drawable.izd_shoucang_email};    public DialogShouCangShare(Context context,String title,String photoUrl,String contentUrl) {        super(context);    }    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        super.setContentView(R.layout.izd_shoucang_dialog_share);        ShareSDK.initSDK(myContext);        gridView = (GridView) super.findViewById(R.id.gv_share);        gridView.setSelector(new ColorDrawable(Color.TRANSPARENT));        AdapterSCShareGridView adapter=new AdapterSCShareGridView(myContext,data);        gridView.setAdapter(adapter);        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> parent, View view,                                    int position, long id) {                switch (position) {                    //对于GridView中的item的点击事件                }                DialogShouCangShare.this.dismiss();            }        });        rlCancle = (RelativeLayout) findViewById(R.id.shoucang_rlCancle);        rlCancle.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                DialogShouCangShare.this.dismiss();            }        });    @Override    public void show()    {        this.requestWindowFeature(Window.FEATURE_NO_TITLE);        this.requestWindowFeature(Window.FEATURE_ACTION_BAR_OVERLAY);        this.setCanceledOnTouchOutside(true);        Window  dialogWindow = this.getWindow(); //得到对话框        dialogWindow.setGravity(Gravity.LEFT | Gravity.BOTTOM);        dialogWindow.getDecorView().setPadding(0, 0, 0, 0);        WindowManager.LayoutParams lp = dialogWindow.getAttributes();        lp.width = WindowManager.LayoutParams.MATCH_PARENT;        lp.height = WindowManager.LayoutParams.WRAP_CONTENT;        dialogWindow.setAttributes(lp);        dialogWindow.setWindowAnimations(R.style.izd_dialogWindowAnim); //设置窗口弹出动画 ,由styles配置，有进入和退出动画        //dialogWindow.setWindowAnimations(R.anim.dialog_enter_anim);        //        //        WindowManager.LayoutParams lp = dialogWindow.getAttributes();        //        lp.width = 100; // 宽度        //        lp.height = 300; // 高度        //        //lp.alpha = 0.7f; // 透明度        //        //dialogWindow.setAttributes(lp);        dialogWindow.setBackgroundDrawableResource(R.drawable.radius_shoucang_share_nopadding); //设置对话框背景//        dialogWindow.setBackgroundDrawableResource(R.color.izd_white); //设置对话框背景        super.show();    }}

填充对话框中GridView的adapter

public class AdapterSCShareGridView extends BaseAdapter{    private Context mContext;    private int[] data;    public AdapterSCShareGridView(Context mContext, int[] data) {        super();        this.mContext = mContext;        this.data = data;    }    @Override    public int getCount() {        return data.length;    }    @Override    public Object getItem(int position) {        return data[position];    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        ViewHolder holder=null;        if(convertView==null){            holder=new ViewHolder();            convertView=View.inflate(mContext, R.layout.adapter_shoucang_share_gridview, null);            holder.ivLogo=(ImageView) convertView.findViewById(R.id.ivLogo);            holder.tvName=(TextView)convertView.findViewById(R.id.tvName);            convertView.setTag(holder);        }else{            holder=(ViewHolder) convertView.getTag();        }        holder.ivLogo.setImageResource(data[position]);        if(position==0){            holder.tvName.setText("微信");        }else if(position==1){            holder.tvName.setText("朋友圈");        }else if(position==2){            holder.tvName.setText("QQ好友");        }else if(position==3){            holder.tvName.setText("新浪微博");        }else if(position==4){            holder.tvName.setText("QQ空间");        }else if(position==5){            holder.tvName.setText("邮箱");        }        return convertView;    }    class ViewHolder{        ImageView ivLogo;        TextView tvName;    }}

再看下该对话框的布局文件：只有一个gridView 和relativeLayout

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:layout_marginTop="10dp"    android:layout_marginLeft="10dp"    android:layout_marginRight="10dp"    android:layout_marginBottom="8dp"    android:background="@color/transparent"    >    <LinearLayout        android:layout_width="match_parent"        android:orientation="vertical"        android:layout_height="match_parent">        <GridView            android:id="@+id/gv_share"            android:layout_width="match_parent"            android:layout_height="0dp"            android:layout_weight="1"            android:numColumns="3"            android:verticalSpacing="-36dp"            android:background="@drawable/bg_share_shoucang">        GridView>        <RelativeLayout            android:id="@+id/shoucang_rlCancle"            android:layout_width="match_parent"            android:layout_height="48dp"            android:layout_marginTop="8dp"            android:background="@drawable/bg_share_shoucang"            >            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="取消"                android:textColor="#009688"                android:textSize="16sp"                android:layout_centerInParent="true"/>        RelativeLayout>    LinearLayout>LinearLayout>

这是设置对话框的背景的布局文件，其实主要设置对话框的圆角，以及对话框颜色为透明就行了！

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <solid android:color="#ffffff"/>    <corners android:radius="4dp" />    <gradient android:startColor="#00000000" android:endColor="#00000000"/>shape>

再次声明，这里使用GridView是为了，方便以后填充更多的数据，如果用相对布局加线性布局，写死的话，以后若要再次添加数据的话，就要再去修改布局，比较麻烦！因为有前车之鉴的我，下面就是我之前不用GridView去写的布局文件！新手如果想练手的话，可以尝试！

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical">        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal">            <RelativeLayout                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_weight="1">                <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:orientation="vertical"                    android:layout_centerInParent="true">                <ImageView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_marginTop="32dp"                    android:src="@drawable/izd_shoucang_wechat"                    android:layout_centerHorizontal="true"/>                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="微信"                    android:layout_gravity="center"                    android:layout_marginTop="9dp"                    android:layout_centerHorizontal="true"/>                LinearLayout>            RelativeLayout>            <RelativeLayout                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_weight="1">                <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:orientation="vertical"                    android:layout_centerInParent="true">                    <ImageView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginTop="32dp"                        android:src="@drawable/izd_shoucang_friend"                        android:layout_centerHorizontal="true"/>                    <TextView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:text="朋友圈"                        android:layout_gravity="center"                        android:layout_marginTop="9dp"                        android:layout_centerHorizontal="true"/>                LinearLayout>            RelativeLayout>            <RelativeLayout                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_weight="1">                <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:orientation="vertical"                    android:layout_centerInParent="true">                    <ImageView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginTop="32dp"                        android:src="@drawable/izd_shoucang_qq"                        android:layout_centerHorizontal="true"/>                    <TextView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:text="QQ好友"                        android:layout_gravity="center"                        android:layout_marginTop="9dp"                        android:layout_centerHorizontal="true"/>                LinearLayout>            RelativeLayout>        LinearLayout>        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal">            <RelativeLayout                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_weight="1">                <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:orientation="vertical"                    android:layout_centerInParent="true">                    <ImageView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginTop="24dp"                        android:src="@drawable/izd_shoucang_weibo"                        android:layout_centerHorizontal="true"/>                    <TextView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:text="微博"                        android:layout_gravity="center"                        android:layout_marginTop="9dp"                        android:layout_centerHorizontal="true"/>                LinearLayout>            RelativeLayout>            <RelativeLayout                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_weight="1">                <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:orientation="vertical"                    android:layout_centerInParent="true">                    <ImageView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginTop="24dp"                        android:src="@drawable/izd_shoucang_qzone"                        android:layout_centerHorizontal="true"/>                    <TextView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:text="QQ空间"                        android:layout_gravity="center"                        android:layout_marginTop="9dp"                        android:layout_centerHorizontal="true"/>                LinearLayout>            RelativeLayout>            <RelativeLayout                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_weight="1">                <LinearLayout                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:orientation="vertical"                    android:layout_centerInParent="true">                    <ImageView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:layout_marginTop="24dp"                        android:src="@drawable/izd_shoucang_email"                        android:layout_centerHorizontal="true"/>                    <TextView                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:text="邮箱"                        android:layout_gravity="center"                        android:layout_marginTop="9dp"                        android:layout_centerHorizontal="true"/>                LinearLayout>            RelativeLayout>        LinearLayout>    LinearLayout>    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="48dp"        android:layout_marginTop="8dp"        >        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="取消"            android:textColor="#009688"            android:textSize="16sp"            android:layout_centerInParent="true"/>    RelativeLayout>LinearLayout>

效果也是一样的！

然后你要使用该对话框的话，只要新建对话框就可以了！
DialogShouCangShare dialogShouCangShare=new DialogShouCangShare(myContext); //弹出分享对话框
dialogShouCangShare.show();
到此，总算写完了，各位Android童鞋们，可以回去练下手吧！

更多相关文章

随机推荐