Android 动画效果弹出PopupWindow,同时屏幕背景变暗

news/2024/10/17 16:36:29/

最近做项目的时候,希望弹出一个PopupWindow,但是效果并不美观,所以自己写了个效果,动画弹出PopupWindow,是飞入/飞出,加上渐变的效果。在弹出PopupWindow的同时,改变屏幕背景的透明度,使屏幕背景变暗。实现效果如下



主页面布局只添加了一个Button,然后设置Button的点击事件来弹出PopupWindow

PopupWindow布局添加了一个TextView和三个Button,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical" ><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="这是一个PopupWindow" /><Buttonandroid:id="@+id/bt_item1"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="Item1" /><Buttonandroid:id="@+id/bt_item2"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="Item2" /><Buttonandroid:id="@+id/bt_item3"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:text="Item3" /></LinearLayout>


因为PopupWindow必须设置背景图片,我用XML文件写了个背景图

在res文件夹下新建drawable文件夹,里面添加popupwindow_background.xml文件,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><solid android:color="#e1859e" /><corners android:radius="5dip" /><strokeandroid:width="2dip"android:color="#1cb0ba" /></shape>


添加动画效果
在res文件夹下新建anim文件夹,里面添加动画文件

PopupWindow隐藏动画popupwindow_hidden_anim.xml,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" ><translateandroid:duration="1000"android:fromYDelta="0"android:toYDelta="10%p" /><alphaandroid:duration="1000"android:fromAlpha="1.0"android:toAlpha="0.0" /></set>

PopupWindow显示动画popupwindow_hidden_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" ><translateandroid:duration="1000"android:fromYDelta="10%p"android:toYDelta="0" /><alphaandroid:duration="1000"android:fromAlpha="0.0"android:toAlpha="1.0" /></set>

最后,我们还需要在res/values文件夹下的style.xml文件里添加如下代码,用来设置PopupWindow显示/隐藏的动画效果

<!-- PopupWindow弹出/隐藏动画 --><style name="MyPopupWindow_anim_style"><item name="android:windowEnterAnimation">@anim/popupwindow_show_anim</item><item name="android:windowExitAnimation">@anim/popupwindow_hidden_anim</item></style>
至此便完成了PopupWindow的动画设置


MainActivity代码,主要是设置PopupWindow的一些参数,具体见注释:

public class MainActivity extends Activity {private Button bt;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);bt = (Button) findViewById(R.id.button1);bt.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {showpopupWindow(v);// 显示PopupWindow}});}@SuppressLint("InlinedApi")private void showpopupWindow(View v) {Button btItem1, btItem2, btItem3;LayoutInflater layoutInflater = LayoutInflater.from(MainActivity.this);View view = layoutInflater.inflate(R.layout.popwindow_layout, null);final PopupWindow popupWindow = new PopupWindow(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);// 如果不设置PopupWindow的背景,无论是点击外部区域还是Back键都无法dismiss弹框popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.popupwindow_background));popupWindow.setOutsideTouchable(true);popupWindow.setAnimationStyle(R.style.MyPopupWindow_anim_style);btItem1 = (Button) view.findViewById(R.id.bt_item1);btItem1.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "Item1被点击", Toast.LENGTH_SHORT).show();popupWindow.dismiss();}});btItem2 = (Button) view.findViewById(R.id.bt_item2);btItem2.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "Item2被点击", Toast.LENGTH_SHORT).show();popupWindow.dismiss();}});btItem3 = (Button) view.findViewById(R.id.bt_item3);btItem3.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "Item3被点击", Toast.LENGTH_SHORT).show();popupWindow.dismiss();}});// PopupWindow弹出位置popupWindow.showAtLocation(v, Gravity.CENTER, 0, 0);backgroundAlpha(0.5f);popupWindow.setOnDismissListener(new OnDismissListener() {@Overridepublic void onDismiss() {backgroundAlpha(1f);}});}// 设置屏幕透明度public void backgroundAlpha(float bgAlpha) {WindowManager.LayoutParams lp = getWindow().getAttributes();lp.alpha = bgAlpha; // 0.0~1.0getWindow().setAttributes(lp);}}


参考文章: Android PopupWindow的使用和分析, android 之popupWindow 在指定位置上的显示


源代码下载:Android 动画效果弹出PopupWindow,同时屏幕背景变暗



http://www.ppmy.cn/news/479522.html

相关文章

iOS 截图 截取屏幕 背景透明

UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale) 第二个参数&#xff0c;NO&#xff0c;YES 控制是否透明 背景透明时&#xff0c;如果保存图像到相册&#xff0c;会自动添加白色背景。所以需要保存图像为文件&#xff0c;然后通过SHERE方…

解决移动端软键盘弹起底部固定布局被顶上去问题和屏幕背景被压缩问题

1&#xff1a;解决移动端软键盘弹起底部固定布局被顶上去问题 在前端页面布局中经常会把一些按钮通过fixed或absolute固定到底部&#xff0c;但如果页面上有input或textarea被点击获取焦点时&#xff0c;在移动端上软键盘弹起时就会把这些固定到底部的布局顶上去&#xff0c;有…

css背景颜色占全部屏幕,css怎样让背景充满整个屏幕

炫酷时钟 body{height: 100%;color: #51555c; background: url("./img/bg1.png") no-repeat; /* 背景图垂直、水平均居中 */ background-position: center center; /* 背景图不平铺 */ background-repeat: no-repeat; /* 当内容高度大于图片高度时,背景图像的位置相…

html5 video 背景透明,你能将HTML5 video显示为全屏幕背景吗?

我可能有点迟&#xff0c;以回答这个问题&#xff0c;但这对于寻找答案的新人很有用。 上面的答案很好&#xff0c;但要获得完美的视频背景&#xff0c;您必须检查宽高比&#xff0c;因为在调整屏幕大小或在不同的屏幕尺寸上使用屏幕时&#xff0c;视频可能会剪切或画布四周变形…

计算机如何更改用户名的背景,Win10系统下如何更改登录屏幕背景?

在Win10系统中&#xff0c;有两个屏幕&#xff0c;一个是登录屏幕&#xff0c;另一个是锁定屏幕。这两个屏幕很容易理解。 登录屏幕和锁定屏幕之间的区别 登录屏幕&#xff1a;它还表示登录屏幕。当您第一次重新启动计算机时&#xff0c;您将进入一个具有用户名的屏幕&#xff…

【Vue】13.解决安卓手机上调出软键盘,屏幕背景被压缩的问题

在移动项目开发中遇到了一个这样的问题&#xff0c;我这里用的flex布局&#xff0c;因为flex布局是根据页面宽高度进行变化的&#xff0c;因此&#xff0c;当底部弹出手机软键盘的时候&#xff0c;因页面高度变化导致页面因而变化。 解决办法&#xff1a; 我们只需要在app这个…

14-2利用遗传算法求解BP神经网络初始化权值和阈值的最优问题(附matlab程序)

1.简述 核心问题&#xff1a; BP网络是前向网络的核心部分&#xff0c;是神经网络中的最精华、最完美的部分&#xff0c;由于其简单的结构&#xff0c;可调整的参数多&#xff0c;训练算法也多&#xff0c;而且可操作性好&#xff0c;BP神经网络获得了非常广泛的应用&#xff0…

MySQL面试题--聚簇索引,非聚簇索引,回表查询

目录 概念 聚集索引选取规则: 面试回答 大纲 回答 概念 分类 含义 特点 聚集索引(Clustered Index) 将数据存储与索引放到了一块&#xff0c;索引结构的叶子节点保存了行数据 必须有,而且只有一个 二级索引(Secondary Index) 将数据与索引分开存储&#xff0c;索引…