Android实现简单的popupwindow提示框

Popupwindow大家肯定都特别熟悉了 像一般的提示框的话我们会用Dialog来做 但是随着设计要求的不断提高,App中各式各样的提示框都有,很明显普通的Dialog实现起来就比较吃力了 所以用Popupwindow来实现是最好不过了 ,于是我也自己写了一个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  没了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android编程之自定义AlertDialog(退出提示框)用法实例

    本文实例讲述了Android编程自定义AlertDialog(退出提示框)用法,分享给大家供大家参考,具体如下: 有时候我们需要在游戏或应用中用一些符合我们样式的提示框(AlertDialog) 以下是我在开发一个小游戏中总结出来的.希望对大家有用. 先上效果图: 下面是用到的背景图或按钮的图片 经过查找资料和参考了一下例子后才知道,要实现这种效果很简单.就是在设置alertDialog的contentView. 以下的代码是写在Activity下的,代码如下: public boolean o

  • Android中仿IOS提示框的实现方法

    前言 在Android开发中,我们有时需要实现类似IOS的对话框.今天我就来总结下,如何通过自定义的开发来实现类似的功能. 自定义Dialog 我们知道Android中最常用的对话框就是Dialog及其派生类.这次我们通过组合的方式来实现一个类似IOS对话框的效果.我们先来看一下布局效果,这个相信大家都能弄出来,在这里我就贴一下最后的效果图(注意:对话框的边缘是圆角的). 效果图如下: 我们看到,这个和IOS的对话框已经非常相似了,后面我们需要做的就是将其作为一个组件封装起来,实现AlertDi

  • Android超实用的Toast提示框优化分享

    前言 相信每位Android开发者都用过Toast,都知道是弹出消息的.类似于js里面的alert,C#里面的MesageBox.当然android里面也有dialog,dialog是有焦点的,可与用户交互.而toast是没有焦点的,时间到了自动消失,不能回应用户的交互,下面就跟大家分享下Android中Toast提示框的优化方法. 先看下源码: public class Toast { public static final int LENGTH_SHORT = 0; public stati

  • Android使用Toast显示消息提示框

    在前面的实例中,已经应用过Toast类来显示一个简单的提示框了.这次将对Toast进行详细介绍.Toast类用于在屏幕中显示一个消息提示框,该消息提示框没有任何控制按钮,并且不会获得焦点,经过一段时间后自动消失.通常用于显示一些快速提示信息,应用范围非常广泛. 使用Toast来显示消息提示框非常简单,只需要一下三个步骤: (1).创建一个Toast对象.通常有两种方法:一种是使用构造方式进行创建: Toast toast=new Toast(this); 另一种是调用Toast类的makeTex

  • IOS 仿Android吐司提示框的实例(分享)

    直接上代码 #import <UIKit/UIKit.h> @interface ShowToastView : UIView +(void)showToastView:(UIView *)uiview WithMessage:(NSString *)message; +(void)showToastViewShort:(UIView *)uiview WithMessage:(NSString *)message; +(void)showToastViewWithCostUpload:(UI

  • flutter Toast实现消息提示框

    本文实例为大家分享了flutter Toast实现消息提示框的具体代码,供大家参考,具体内容如下 使用方法 //默认是显示在中间的 Toast.toast(context,msg: "中间显示的 "); Toast.toast(context,msg: "中间显示的 ",position: ToastPostion.center); Toast.toast(context,msg: "顶部显示的 Toast $_count",position:

  • Android仿QQ、微信聊天界面长按提示框效果

    先来看看效果图 如何使用 示例代码 PromptViewHelper pvHelper = new PromptViewHelper(mActivity); pvHelper.setPromptViewManager(new ChatPromptViewManager(mActivity)); pvHelper.addPrompt(holder.itemView.findViewById(R.id.textview_content)); 使用起来还是很简单的 首先new一个PromptViewH

  • Android仿百度谷歌搜索自动提示框AutoCompleteTextView简单应用示例

    本文实例讲述了Android仿百度谷歌搜索自动提示框AutoCompleteTextView简单应用.分享给大家供大家参考,具体如下: 现在我们上网几乎都会用百度或者谷歌搜索信息,当我们在输入框里输入一两个字后,就会自动提示我们想要的信息,这种效果在Android 里是如何实现的呢? 事实上,Android 的AutoCompleteTextView Widget ,只要搭配ArrayAdapter 就能设计同类似Google 搜索提示的效果. 本例子先在Layout 当中布局一个AutoCom

  • Android 自定义一套 Dialog通用提示框 (代码库)

    做Android开发五年了,期间做做停停(去做后台开发,服务器管理),当回来做Android的时候,发现很生疏,好些控件以前写得很顺手,现在好像忘记些什么了,总要打开这个项目,打开那个项目,有时未必还找得到. 总结起来,还是源于没有好好做一个属于自己的代码库,把平时开发项目中一些自定义的控件,或一些耦合性很低的模块封装起来,或者平时比较少写博客.如果你是一个刚学会开发的程序猿,或者是有过好几年开发经验的大鸟,也该开始整理整理自己的代码,这也不枉此生敲代码的岁月,同时在面试中,也会给你带来不少印象

  • Android仿IOS自定义AlertDialog提示框

    本文介绍的仿IOS对话框的实现,先来看一下效果图 具体代码如下: public class AlertDialog { private Context context; private Dialog dialog; private LinearLayout lLayout_bg; private TextView txt_title; private TextView txt_msg; private Button btn_neg; private Button btn_pos; private

  • Android实现Toast提示框图文并存的方法

    本文实例讲述了Android实现Toast提示框图文并存的方法.分享给大家供大家参考,具体如下: 程序如下: import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.text.util.Linkify; import android.view.Gravity; import android.view.View; import android.view.

随机推荐