PopupWindow的使用

最新推荐文章于 2024-06-19 15:44:36 发布
最新推荐文章于 2024-06-19 15:44:36 发布
阅读量268 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq873044564/article/details/105919550
版权

1.png在这里插入图片描述
需要的知识:RecyclerView的使用,本文章是用了一个RecyclerView来做PopWindow的内容部分
整体项目结构

在这里插入图片描述在这里插入图片描述

需要的依赖

implementation 'androidx.recyclerview:recyclerview:1.2.0-alpha02'

全局获取上下文

public class BaseApplication extends Application {
    private static Context sContext = null;

    @Override
    public void onCreate() {
        super.onCreate();
        sContext = getBaseContext();
    }

    public static Context getContext() {
        return sContext;
    }
}

在manifest的application中

android:name=".base.BaseApplication"

动画文件(设置popWindow弹出和消失的动画)

styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="pop_animation">
        <item name="android:windowEnterAnimation">@anim/pop_in</item>
        <item name="android:windowExitAnimation">@anim/pop_out</item>
    </style>

</resources>

pop_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromYDelta="100%"
        android:toYDelta="0"
        android:duration="300"/>
    <alpha
        android:fromAlpha="0.8"
        android:toAlpha="1.0"
        android:duration="300"/>

</set>

pop_out.xml’

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="0"
        android:toYDelta="100%" />

    <alpha
        android:duration="300"
        android:fromAlpha="1.0"
        android:toAlpha="0.8" />

</set>

自定义的PopWindow

public class MyPopWindow extends PopupWindow {

    private final View mPopView;
    private TextView mClose_btn;
    private RecyclerView mPlayListRv;
    private PopListAdapter mPopListAdapter;

    @SuppressLint("InflateParams")
    public MyPopWindow() {
        //调用父类构造函数,设置宽高
        super(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        //先要设置setBackgroundDrawable,然后setOutsideTouchable才有效果
        setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        //点击外部可消失
        setOutsideTouchable(true);
        //不可点击背景之下的其他按钮
        setFocusable(true);
        mPopView = LayoutInflater.from(BaseApplication.getContext()).inflate(R.layout.popview_list, null);
        setContentView(mPopView);
        //设置动画效果
        setAnimationStyle(R.style.pop_animation);
        //初始化View
        initView();
        //初始化点击事件
        initEvent();
    }

    private void initView() {
        mClose_btn = mPopView.findViewById(R.id.play_list_close_btn);
        mPlayListRv = mPopView.findViewById(R.id.play_list_rv);
        //设置RecyclerView的显示为线性
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(BaseApplication.getContext());
        mPlayListRv.setLayoutManager(linearLayoutManager);
        //设置适配器
        mPopListAdapter = new PopListAdapter();
        mPlayListRv.setAdapter(mPopListAdapter);
    }


    private void initEvent() {
        mClose_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //点击消失
                dismiss();
            }
        });
    }

    public void setListData(List<Music> list) {
        if (mPopListAdapter != null) {
            mPopListAdapter.setData(list);
        }
    }

    public void setCurrentIndex(int index) {
        if (mPopListAdapter != null) {
            mPopListAdapter.setCurrentPosition(index);
            mPlayListRv.scrollToPosition(index);
        }
    }

    //点击的监听
    public void setOnItemClickListener(onItemClickListener listener){
        mPopListAdapter.setOnItemClickListener(listener);
    }

    //设置点击接口
    public interface onItemClickListener{
        void onItemClick(int pos);
    }
}

布局代码

popview_list

<?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="wrap_content"
    android:background="#fff"
    android:orientation="vertical">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/play_list_rv"
        android:layout_width="match_parent"
        android:layout_height="400dp"/>


    <TextView
        android:id="@+id/play_list_close_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:paddingTop="8dp"
        android:paddingBottom="8dp"
        android:textColor="#000"
        android:text="关闭"
        android:textSize="18sp" />

</LinearLayout>

popview_item

<?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="wrap_content"
    android:orientation="vertical"
    android:paddingTop="10dp"
    android:paddingBottom="6dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/title_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="20dp"
            android:maxLines="1"
            android:text="我是标题"
            android:textSize="16sp" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:layout_marginTop="10dp"
        android:background="#000" />

</LinearLayout>

activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".activity.MainActivity">

    <Button
        android:id="@+id/clickPop"
        android:text="点击我弹出popWindow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

bean类

public class Music {
    String title;

    public Music(String title){
        this.title = title;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }
}

适配器代码

public class PopListAdapter extends RecyclerView.Adapter<PopListAdapter.InnerViewHolder> {
    List<Music> mData = new ArrayList<>();
    private int mCurrentPosition;
    private MyPopWindow.onItemClickListener mCurrentListener;

    @NonNull
    @Override
    public InnerViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.popview_item, parent, false);
        return new InnerViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull InnerViewHolder holder, final int position) {
        Music music = mData.get(position);
        holder.title.setText(music.getTitle());
        //设置字体颜色
        holder.title.setTextColor(BaseApplication.getContext().getResources().getColor(
                mCurrentPosition == position ? R.color.colorAccent : R.color.colorPrimary));
        //设置item本身的点击事件
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mCurrentListener.onItemClick(position);
                Toast.makeText(BaseApplication.getContext(), "你点击了第"+(mCurrentPosition+1)+"条", Toast.LENGTH_SHORT).show();
            }
        });
    }

    @Override
    public int getItemCount() {
        if (mData != null) {
            return mData.size();
        }
        return 0;
    }

    public void setData(List<Music> list) {
        mData.clear();
        mData.addAll(list);
        notifyDataSetChanged();
    }

    public void setCurrentPosition(int index) {
        mCurrentPosition = index;
        notifyDataSetChanged();
    }

    public void setOnItemClickListener(MyPopWindow.onItemClickListener listener) {
        mCurrentListener = listener;
    }

    public class InnerViewHolder extends RecyclerView.ViewHolder {
        TextView title;

        public InnerViewHolder(@NonNull View itemView) {
            super(itemView);
            title = itemView.findViewById(R.id.title_tv);
        }
    }
}

控件背景颜色变化的一个工具类(使用时的activity中的背景改变)

public class PopWindowBgChange extends Activity {
    public static ValueAnimator mEnterBgAnimator;
    public static ValueAnimator mOutBgAnimator;

    //背景的渐变动画
    public static void initBgAnimation(final Window window) {
        //进入
        mEnterBgAnimator = ValueAnimator.ofFloat(1.0f,0.7f);
        mEnterBgAnimator.setDuration(300);
        mEnterBgAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                //LogUtil.e(TAG,"value -> " + animation.getAnimatedValue());
                //背景透明度变化
                upDateBgAlpha((Float) animation.getAnimatedValue(),window);
            }
        });
        //退出
        mOutBgAnimator = ValueAnimator.ofFloat(0.7f,1.0f);
        mOutBgAnimator.setDuration(300);
        mOutBgAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                upDateBgAlpha((Float) animation.getAnimatedValue(),window);
            }
        });
    }

    private static void upDateBgAlpha(float alpha,Window window) {
        WindowManager.LayoutParams attributes = window.getAttributes();
        attributes.alpha = alpha;
        window.setAttributes(attributes);
    }
}

MainActivity

public class MainActivity extends AppCompatActivity {
    MyPopWindow myPopWindow;
    private Button mClickPop;
    private List<Music> mMusics = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
        PopWindowBgChange.initBgAnimation(getWindow());
    }

    private void initData() {
        //模拟数据
        mMusics.add(new Music("1231231"));
        mMusics.add(new Music("1231232"));
        mMusics.add(new Music("1231233"));
        mMusics.add(new Music("1231234"));
        mMusics.add(new Music("1231235"));
        myPopWindow.setListData(mMusics);
    }

    private void initView() {
        mClickPop = findViewById(R.id.clickPop);
        myPopWindow = new MyPopWindow();
        mClickPop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //从下到上
                myPopWindow.showAtLocation(v, Gravity.BOTTOM,0,0);
                PopWindowBgChange.mEnterBgAnimator.start();

            }
        });

        //item点击
        myPopWindow.setOnItemClickListener(new MyPopWindow.onItemClickListener() {
            @Override
            public void onItemClick(int pos) {
                myPopWindow.setCurrentIndex(pos);
            }
        });

        //消失监听
        myPopWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
            @Override
            public void onDismiss() {
                PopWindowBgChange.mOutBgAnimator.start();
            }
        });
    }
}
_火焰猫
关注
专栏目录
PopupWindow
01-20
PopupWindow
博客《 PopUpWindow使用详解(一)——基本使用》对应源码
10-20
这篇博客《PopUpWindow使用详解(一)——基本使用》及其源码，旨在帮助开发者更好地理解和运用PopupWindow。 首先，PopupWindow的基本概念是关键。它并非一个真正的Android View，而是一个可以显示View的类。通过...
PopupWindow（一）
scyatcs的专栏
08-31 2万+
理论部分 一、PopupWindow和AlertDialog都是Android对话框的内容 二、两者的区别和联系        本质区别为：AlertDialog是非阻塞式对话框：AlertDialog弹出时，后台还可以做事情；而PopupWindow是阻塞式对话框：PopupWindow弹出时，程序会等待，在PopupWindow退出前，程序一直等待，只有当我们调用了dismiss方法的后
PopupWindow 和 Dialog 的区别，我们应该选择哪一个呢？
最新发布
jiet_h的博客
06-19 712
对于临时性的信息提示和选项菜单，`PopupWindow` 更为合适。而对于需要用户明确回应的重要交互，`Dialog` 则是更好的选择。
PopUpWindow使用详解(一)——基本使用
热门推荐
启舰
10-20 17万+
前言：不要嫌前进的慢，只要一直在前进就好。 相关文章： 1、《PopUpWindow使用详解(一)——基本使用》 2、《PopUpWindow使用详解(二)——进阶及答疑》 有同学讲到想要知道PopUpWindow的知识，这里就给大家讲一讲PopUpWindow的基本用法和原理吧。这段时间博客可能会更新比较慢，因为你懂的 !!-_- ，往左看公告，嘿嘿。 先看一下我们要做的效果...
Android中PopupWindow使用方法详解
09-02
下面将详细讲解PopupWindow的使用方法及其相关知识点。 首先，创建PopupWindow的基本步骤如下： 1. **初始化PopupWindow**： 首先需要创建一个PopupWindow实例，传入一个View作为内容视图，以及宽度和高度。例如...
Android PopupWindow使用实例
09-03
【Android PopupWindow 使用详解】 `PopupWindow` 是 Android SDK 提供的一个非常实用的组件，它允许开发者在应用程序中创建可自定义的浮窗，通常用于显示临时的通知或菜单。在这个实例中，我们将深入理解 `...
popupWindow使用Demo
01-19
在标题"popupWindow使用Demo"中，我们关注的是如何利用PopupWindow实现类似于微信中点击右上角加号后弹出添加好友列表的功能，以及在底部弹出的PopupWindow效果。 首先，我们来理解PopupWindow的基本用法。...
popupwindow使用
03-06
本教程将深入探讨PopupWindow的基本使用，并结合ListView展示其实战应用。 首先，我们需要理解PopupWindow的三个核心属性：宽度、高度和背景。在创建PopupWindow时，我们可以指定其尺寸，比如设置为WRAP_CONTENT...
PopupWindow的正确使用（代码实现）
Natty的博客
09-18 989
实现效果：   一、PopupWindow的Xml布局 &lt;android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" ...
android PopupWindow使用
04-05
在Android中，可以使用PopupWindow类来创建弹出窗口。 以下是使用PopupWindow的一般步骤： 1. 创建PopupWindow对象：使用PopupWindow的构造函数创建一个PopupWindow对象。 2. 设置PopupWindow的属性：设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值