Android-自定义popupwindow详解（包含动画简单讲解）

最新推荐文章于 2024-04-19 14:15:00 发布

Jack__Frost

最新推荐文章于 2024-04-19 14:15:00 发布

阅读量9.7k

点赞数 2

分类专栏： Android 文章标签：对话框 popupwindo 自定义自定义view android

本文链接：https://blog.csdn.net/Jack__Frost/article/details/52207125

版权

Android 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

我们知道在很多需求的时候都要求有对话框的，我们也知道dialog和popupwindow都可以实现。但是，popupwindow是弹框的万能之法，当然dialog的集成度，所继承的相关方法也给予一定便利。关于dialog的自定义上篇文章有详细介绍，本篇文章将详解popupwindow的自定义（糅合动画）。

先上图，就是做成这个带有弹出的动画的popupwindow

下面将进行代码的详解

大体思路：就是继承popupwindow，获得构造器，接入自定义布局，设置弹框属性

1.popupwindow的java文件：


import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.PopupWindow;

import com.android.administrator.childrensittingposture.R;
import com.android.administrator.childrensittingposture.activity.HistoryActivity;
import com.android.administrator.childrensittingposture.activity.SettingActivity;

/**
 * Created by 符柱成 on 2016/7/24.
 */
public class MyPopWindow extends PopupWindow {
    private View conentView;
    private Activity context;

    public MyPopWindow(final Activity context) {
        super(context);
        this.context = context;
        this.initPopupWindow();

    }

    private void initPopupWindow() {
    //使用view来引入布局
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        conentView = inflater.inflate(R.layout.popuo_dialog, null);
        //获取popupwindow的高度与宽度
        int h = context.getWindowManager().getDefaultDisplay().getHeight();
        int w = context.getWindowManager().getDefaultDisplay().getWidth();
        // 设置SelectPicPopupWindow的View
        this.setContentView(conentView);
        // 设置SelectPicPopupWindow弹出窗体的宽
        this.setWidth(w / 2 + 50);
        // 设置SelectPicPopupWindow弹出窗体的高
        this.setHeight(LinearLayout.LayoutParams.WRAP_CONTENT);
        // 设置SelectPicPopupWindow弹出窗体可点击
        this.setFocusable(true);
        this.setOutsideTouchable(true);
        // 刷新状态
        this.update();
        // 实例化一个ColorDrawable颜色为半透明
        ColorDrawable dw = new ColorDrawable(0000000000);
        // 点back键和其他地方使其消失,设置了这个才能触发OnDismisslistener ，设置其他控件变化等操作
        this.setBackgroundDrawable(dw);
        // mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
        // 设置SelectPicPopupWindow弹出窗体动画效果，设置动画，一会会讲解
        this.setAnimationStyle(R.style.AnimationPreview);
        //布局控件初始化与监听设置
        LinearLayout llayout_remind = (LinearLayout) conentView
                .findViewById(R.id.llayout_remind);
        LinearLayout llayout_history = (LinearLayout) conentView
                .findViewById(R.id.llayout_history);
        llayout_remind.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View arg0) {
     
            }
        });

        llayout_history.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
               
            }
        });
    }

    /**
     * 显示popupWindow的方式设置，当然可以有别的方式。
     *一会会列出其他方法
     * @param parent
     */
    public void showPopupWindow(View parent) {
        if (!this.isShowing()) {
            // 以下拉方式显示popupwindow
            this.showAsDropDown(parent, parent.getLayoutParams().width / 2, 18);
        } else {
            this.dismiss();
        }
    }
}

列出其他的popupwindow显示方法：都是封装好了的方法，尽情使用吧

     /**
     * 第一种
     * 显示在控件的下右方
     *
     * @param parent parent
     */
    public void showAtDropDownRight(View parent) {
        if (parent.getVisibility() == View.GONE) {
            this.showAtLocation(parent, 0, 0, 0);
        } else {
            // x y
            int[] location = new int[2];
            //获取在整个屏幕内的绝对坐标
            parent.getLocationOnScreen(location);
            this.showAtLocation(parent, 0, location[0] + parent.getWidth() - this.width, location[1] + parent.getHeight());
        }
    }


    /**  第二种
     * 显示在控件的下中方
     *
     * @param parent parent
     */
    public void showAtDropDownCenter(View parent) {
        if (parent.getVisibility() == View.GONE) {
            this.showAtLocation(parent, 0, 0, 0);
        } else {
            // x y
            int[] location = new int[2];
            //获取在整个屏幕内的绝对坐标
            parent.getLocationOnScreen(location);
            this.showAtLocation(parent, 0, location[0] / 2 + parent.getWidth() / 2 - this.width / 6, location[1] + parent.getHeight());
        }
    }



 /**   第三种
     * 显示在控件的下左方
     *
     * @param parent parent
     */
    public void showAtDropDownLeft(View parent) {
        if (parent.getVisibility() == View.GONE) {
            this.showAtLocation(parent, 0, 0, 0);
        } else {
            // x y
            int[] location = new int[2];
            //获取在整个屏幕内的绝对坐标
            parent.getLocationOnScreen(location);
            this.showAtLocation(parent, 0, location[0], location[1] + parent.getHeight());
        }
    }

popupwindow的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:background="@color/blue">

    <LinearLayout
        android:id="@+id/pop_layout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:background="@color/white"
        android:gravity="center_horizontal"
        android:orientation="vertical" >

        <LinearLayout
            android:id="@+id/llayout_remind"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="8dp" >

            <ImageView
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:scaleType="fitCenter"
                android:src="@drawable/remind" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_marginLeft="10dp"
                android:gravity="center"
                android:text="自动提醒设置"
                android:textColor="@color/white"
                android:textSize="15dip" />
        </LinearLayout>

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="0.2dp"
            android:background="@color/white" />

        <LinearLayout
            android:id="@+id/llayout_history"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="8dp" >

            <ImageView
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:scaleType="fitCenter"
                android:src="@drawable/history" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_marginLeft="10dp"
                android:gravity="center"
                android:text="历史记录统计"
                android:textColor="@color/white"
                android:textSize="15dip" />
        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

此外我们不要忘了，我们是给这个popupwindow设置了动画的喔：style文件：这里作为资源来自定义样式

<style name="AnimationPreview">
        <item name="android:windowEnterAnimation">@anim/in</item>
        <item name="android:windowExitAnimation">@anim/out</item>
    </style>

保存动画的文件在另一个地方

用图说明在这里插入图片描述

下面就给出动画文件的代码啦：

<?xml version="1.0" encoding="utf-8"?>
<!-- 对话框出来时的动画-->
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromXScale="0.001"
    android:toXScale="1.0"
    android:fromYScale="0.001"
    android:toYScale="1.0"
    android:pivotX="100%"
    android:pivotY="10%"
    android:duration="200" />

<!--fromXScale与toXScale是指一开始的时候在x方向上的缩放比例和在结束时候的比例，1.0就是原本的样子。同理fromYScale和 toYScale-->
<!--pivotX和pivotY是指动画开始的位置 起始动画的x和y位置-->

<?xml version="1.0" encoding="utf-8"?>
<!-- 对话框消失时的动画-->
<scale
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromXScale="1.0"
    android:toXScale="0.001"
    android:fromYScale="1.0"
    android:toYScale="0.001"
    android:pivotX="100%"
    android:pivotY="10%"
    android:duration="200" />

好了，popupwindow的自定义思路详解完成，并且在期间列出一些扩展性的可能和讲解了这个动画的实现。

本文参考了：老妖的博客http://blog.csdn.net/wwj_748/article/details/25653409
欢迎在下方指出错误，共同学习！
转载请注明：【JackFrost的博客】

Jack__Frost

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
Android-自定义popupwindow详解（包含动画简单讲解）

我们知道在很多需求的时候都要求有对话框的，我们也知道dialog和popupwindow都可以实现。但是，popupwindow是弹框的万能之法，当然dialog的集成度，所继承的相关方法也给予一定便利。关于dialog的自定义上篇文章有详细介绍，本篇文章将详解popupwindow的自定义（糅合动画）。整体实现思路是：继承popupwindow，获得构造器，接入自定义布局，设置属性。
复制链接

扫一扫