Android 自定义弹出菜单和对话框功能实例代码

2024-04-07 13:24:08

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<String> 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的位置可以自行调整
 }

弹出菜单的布局，用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 和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 自定义弹出菜单和对话框功能实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

Android中AlertDialog各种对话框的用法实例详解

目标效果: 程序运行,显示图一的几个按钮,点击按钮分别显示图二到图六的对话框,点击对话框的某一项或者按钮,也会显示相应的吐司输出. 1.activity_main.xml页面存放五个按钮. activity_main.xml页面: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools&
Android AlertDialog实现分享对话框/退出对话框/下载对话框

一.摘要弹窗通常用于提示用户进行某种操作,比如:点击分享按钮,弹窗分享对话框:双击返回按钮,弹窗退出对话框:下载文件,提示下载对话框等等,分享对话框/退出对话框/下载对话框,都可以直接使用AlertDialog实现,类似的效果如下图: 二.AlertDialog基础知识 AlertDialog无法直接通过new关键字获取对象,调用方法:new AlertDialog.Builder.create()获取AlertDialog对象,这个时候容易让人疑惑的是:如何设置对话框的属性?比如:对话框标题
Android ListView长按弹出菜单二种实现方式示例

复制代码代码如下: /** * 知识点1:ListView item:两种长按弹出菜单方式* 知识点2:ListView SimpleAdapter的使用* 知识点 3:在java代码中创建一个ListView*/ public class ListOnLongClickActivity extends Activity { private LinearLayout myListViewlayout; private ListView mListView;
Android中制作自定义dialog对话框的实例分享

自定义dialog基础版很多时候,我们在使用android sdk提供的alerdialog的时候,会因为你的系统的不同而产生不同的效果,就好比如你刷的是MIUI的系统,弹出框都会在顶部显示!这里简单的介绍自定义弹出框的应用. 首先创建布局文件dialog: 代码: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.and
Android实现底部对话框BottomDialog弹出实例代码

最近项目上需要实现一个底部对话框,要实现这样的功能其实很简单,先看代码: private void show1() { Dialog bottomDialog = new Dialog(this, R.style.BottomDialog); View contentView = LayoutInflater.from(this).inflate(R.layout.dialog_content_normal, null); bottomDialog.setContentView(contentV
android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍

PopupWindow可以实现浮层效果,主要方法有:可以自定义view,通过LayoutInflator方法:可以出现和退出时显示动画:可以指定显示位置等. 为了将PopupWindow的多个功能展现并力求用简单的代码实现,编写了一个点击按钮左侧弹出菜单的功能,实现出现和退出时显示动画效果并点击其他区域时弹出层自动消失,效果图如下: 源码: 1.PopwindowOnLeftActivity.java 复制代码代码如下: package com.pop.main; import android
android自定义popupwindow仿微信右上角弹出菜单效果

微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下. 不知道微信是用什么实现的,我使用popupwindow来实现,主要分为几块内容: 1.窗口布局文件:popwin_share.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com
简单实现Android弹出菜单效果

本文实例为大家分享了Android弹出菜单效果的具体代码,供大家参考,具体内容如下功能描述:用户单击按钮弹出菜单.当用户选择一个菜单项,会触发MenuItemClick事件并让弹出的菜单消失:如果用户在菜单外单击,则直接消失弹出的菜单.当菜单消失时,会引发DismissEvent事件(利用此事件可在菜单消失时做一些后续处理). 1.运行效果 2.添加菜单项在Resources文件夹下添加一个menu子文件夹,然后在此子文件夹下添加一个名为demo07_popup_menu.xml的文件: <
Android仿QQ消息提示实现弹出式对话框

本文在<7种形式的Android Dialog使用实例>在这篇文章的基础进行学习,具体内容如下 1.概述 android原生控件向来以丑著称(新推出的Material Design当另说),因此几乎所有的应用都会特殊定制自己的UI样式.而其中弹出式提示框的定制尤为常见,本篇我们将从模仿QQ退出提示框来看一下常见的几种自定义提示框的实现方式. 这里使用的几种弹出框实现方法概括为以下几种: 自定义Dialog 自定义PopupWindow 自定义Layout View Activity的Dialo
Android之用PopupWindow实现弹出菜单的方法详解

在使用UC-WebBrowser时,你会发现它的弹出菜单跟系统自带的菜单不一样.它实现更多菜单选项的显示和分栏.其实,它的本身是PopupWindow或者是AlertDialog对话框,在里面添加两个GridView控件,一个是菜单标题栏,一个是菜单选项.菜单选项视图的切换可以通过适配器的变换,轻松地实现.点击下载该实例:一.运行截图: 二.实现要点:(1)屏蔽系统弹出的菜单:1.首先创建至少一个系统的菜单选项复制代码代码如下: @Override public bool
Android实现类似于PC中的右键弹出菜单效果

Android系统中的ContextMenu(上下文菜单)类似于PC中的右键弹出菜单,当一个视图注册到一个上下文菜单时,执行一个在该对象上的"长按"动作,将出现一个提供相关功能的浮动菜单.上下文菜单可以被注册到任何视图对象中,不过,最常见的是用于列表视图ListView的item,在按中列表项时,会转换其背景色而提示将呈现上下文菜单. 注意:上下文菜单不支持图标和快捷键. 为了创建一个上下文菜单,你必须重写这个活动的上下文菜单回调函数:onCreateContextMenu() 和

Android 自定义弹出菜单和对话框功能实例代码

相关推荐

随机推荐