Android实现简单的popupwindow提示框

2019-10-21 21:36:54

字体：大中小

来源：转载

供稿：网友

Popupwindow大家肯定都特别熟悉了像一般的提示框的话我们会用Dialog来做但是随着设计要求的不断提高,App中各式各样的提示框都有,很明显普通的Dialog实现起来就比较吃力了所以用Popupwindow来实现是最好不过了 ,于是我也自己写了一个popupwindow弹出的一个方法,代码量少简单灵活先看一下效果图

Android,popupwindow,提示框

大致效果就是这样当然你也可以将layout中的布局换成自己的布局接下来是代码

private void ejectPopup() {     View parent = ((ViewGroup) this.findViewById(android.R.id.content)).getChildAt(0);    View popView = View.inflate(this, R.layout.details_share, null);      int width = getResources().getDisplayMetrics().widthPixels;    int height = getResources().getDisplayMetrics().heightPixels;//    int i = height /5*2;     popWindow = new PopupWindow(popView, width, ViewGroup.LayoutParams.WRAP_CONTENT);    popWindow.setAnimationStyle(R.style.Search_PopupWindowAnimation);    popWindow.setFocusable(true);    popWindow.setOutsideTouchable(false);// 设置同意在外点击消失    ColorDrawable dw = new ColorDrawable(0x30000000);    popWindow.setBackgroundDrawable(dw);    popWindow.showAtLocation(parent, Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);    popWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);//被home键挡住    //给popup中的按钮做监听    WindowManager.LayoutParams lp = getWindow().getAttributes();    lp.alpha = (float) 0.7; //0.0-1.0    getWindow().setAttributes(lp);    popWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {      @Override      public void onDismiss() {        WindowManager.LayoutParams lp = getWindow().getAttributes();        lp.alpha = (float) 1; //0.0-1.0        getWindow().setAttributes(lp);      }    });}

这个就是调用的方法背景变暗可以通过这段代码来实现

 popWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {      @Override      public void onDismiss() {        WindowManager.LayoutParams lp = getWindow().getAttributes();        lp.alpha = (float) 1; //0.0-1.0        getWindow().setAttributes(lp);      }    });

当让也可以让ui妹子给你切一个透明的背景图片
最后是layout中的代码

<?xml version="1.0" encoding="utf-8"?><com.zhy.autolayout.AutoLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:app="http://schemas.android.com/apk/res-auto"  android:orientation="vertical" android:layout_width="match_parent"  android:background="#fff"  android:layout_height="239dp">   <com.zhy.autolayout.AutoLinearLayout    android:gravity="center"    android:layout_width="match_parent"    android:layout_height="51dp">     <TextView      android:text="请选择分享平台"      android:textColor="#29292a"      android:textSize="18sp"      android:layout_width="wrap_content"      android:layout_height="wrap_content" />  </com.zhy.autolayout.AutoLinearLayout>   <TextView    android:background="@color/divider_color"    android:layout_width="match_parent"    android:layout_height="1dp" />    <com.zhy.autolayout.AutoLinearLayout    android:layout_marginBottom="10dp"    android:layout_width="match_parent"    android:layout_height="132dp">    <com.zhy.autolayout.AutoRelativeLayout      android:id="@+id/share_WX"      android:layout_marginLeft="13dp"      android:layout_width="0dp"      android:layout_weight="1"      android:layout_height="match_parent">       <ImageView        android:id="@+id/share_WX_icon"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_centerVertical="true"        app:srcCompat="@drawable/wechat" />       <TextView        android:text="微信"        android:layout_marginTop="6dp"        android:layout_below="@id/share_WX_icon"        android:layout_centerHorizontal="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    </com.zhy.autolayout.AutoRelativeLayout>    <com.zhy.autolayout.AutoRelativeLayout      android:id="@+id/share_WXPYQ"      android:layout_width="0dp"      android:layout_weight="1"      android:layout_height="match_parent">       <ImageView        android:id="@+id/share_WXPYQ_icon"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_centerVertical="true"        app:srcCompat="@drawable/circleoffriends" />       <TextView        android:text="朋友圈"        android:layout_marginTop="6dp"        android:layout_below="@id/share_WXPYQ_icon"        android:layout_centerHorizontal="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    </com.zhy.autolayout.AutoRelativeLayout>    <com.zhy.autolayout.AutoRelativeLayout      android:layout_width="0dp"      android:id="@+id/share_QQ"      android:layout_weight="1"      android:layout_height="match_parent">       <ImageView        android:id="@+id/share_QQ_icon"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_centerVertical="true"        app:srcCompat="@drawable/qq" />       <TextView        android:text="QQ"        android:layout_marginTop="6dp"        android:layout_below="@id/share_QQ_icon"        android:layout_centerHorizontal="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    </com.zhy.autolayout.AutoRelativeLayout>    <com.zhy.autolayout.AutoRelativeLayout      android:layout_width="0dp"      android:layout_weight="1"      android:id="@+id/share_QQKJ"      android:layout_height="match_parent">       <ImageView        android:id="@+id/share_QQKJ_icon"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_centerVertical="true"        app:srcCompat="@drawable/zone" />       <TextView        android:text="空间"        android:layout_marginTop="6dp"        android:layout_below="@id/share_QQKJ_icon"        android:layout_centerHorizontal="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    </com.zhy.autolayout.AutoRelativeLayout>     <com.zhy.autolayout.AutoRelativeLayout      android:id="@+id/share_WB"      android:layout_width="0dp"      android:layout_height="match_parent"      android:layout_marginRight="13dp"      android:layout_weight="1">       <ImageView        android:id="@+id/share_WB_icon"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_centerVertical="true"        app:srcCompat="@drawable/weibo" />       <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@id/share_WB_icon"        android:layout_centerHorizontal="true"        android:layout_marginTop="6dp"        android:text="微博" />    </com.zhy.autolayout.AutoRelativeLayout>   </com.zhy.autolayout.AutoLinearLayout>  <TextView    android:background="@color/divider_color"    android:layout_width="match_parent"    android:layout_height="1dp" />  <com.zhy.autolayout.AutoLinearLayout    android:id="@+id/share_cancel"    android:gravity="center"    android:layout_width="match_parent"    android:layout_height="50dp">    <TextView      android:gravity="center"      android:textSize="15sp"      android:textColor="#2d2d2d"      android:text="取消"      android:layout_width="wrap_content"      android:layout_height="match_parent" />  </com.zhy.autolayout.AutoLinearLayout></com.zhy.autolayout.AutoLinearLayout>

ok 没了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持VEVB武林网。

注：相关教程知识阅读请移步到Android开发频道。

上一篇：Android使用popUpWindow带遮罩层的弹出框

下一篇：Android 彩色Toast的实现代码