Dialog弹出的动画

最新推荐文章于 2024-05-07 09:50:13 发布
最新推荐文章于 2024-05-07 09:50:13 发布
阅读量1.5k 收藏 1
点赞数
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxb52306/article/details/117122343
版权

Dialog的弹出动画(上下左右的弹出)

class CustomDialog(context: Context) : Dialog(context, R.style.user_default_dialog) {

    private var mList = ArrayList<String>()

    init {
        init()
    }

    fun init() {
        setContentView(R.layout.custom_dialog)

        for (index in 0..100) {
            mList.add("动画上下左右都有自己设置，就是玩$index")
        }
        recyclerView.layoutManager = LinearLayoutManager(context)
        val mAdapter = CustomDialogAdapter(R.layout.custom_dialog_item)
        mAdapter.setNewInstance(mList)
        recyclerView.adapter = mAdapter
    }
}

 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:background="@color/white"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:text="自定义dialog动画弹出"
        android:textColor="@color/black"
        android:textSize="18sp"
        tools:ignore="HardcodedText,MissingConstraints" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@+id/tv" />

</androidx.constraintlayout.widget.ConstraintLayout>

class CustomDialogAdapter(layoutRestId: Int) : BaseQuickAdapter<String, BaseViewHolder>(layoutRestId) {

    override fun convert(holder: BaseViewHolder, item: String) {
        item.run {
            holder.setText(R.id.tv, 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">

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:text="动画快出来"
        android:textColor="@color/black"
        android:textSize="16sp" />

    <View
        android:id="@+id/view"
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#ECEBE8" />

</LinearLayout>

<resources>

 <style name="user_default_dialog" parent="@style/Theme.AppCompat.Dialog">
        <item name="android:windowFrame">@null</item>
        <!-- 边框 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 是否浮现在activity之上 -->
        <item name="android:windowIsTranslucent">true</item>
        <!-- 半透明 -->
        <item name="android:windowNoTitle">true</item>
        <!-- 无标题 -->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!-- 背景透明 -->
        <item name="android:backgroundDimEnabled">false</item>
        <!-- 模糊 -->
        <item name="android:backgroundDimAmount">0.4</item>
        <!-- 设置窗口的透明度， 0.0~1.0，1表示不透明-->
    </style>

    <!--    从上往下弹出-->
    <style name="AnimTop" parent="@android:style/Animation">
        <!--进入动画-->
        <item name="android:windowEnterAnimation">@anim/dialog_top_in</item>
        <!--退出动画-->
        <item name="android:windowExitAnimation">@anim/dialog_top_out</item>
    </style>
    <!--    .从下往上弹出:-->
    <style name="AnimBottom" parent="@android:style/Animation">
        <item name="android:windowEnterAnimation">@anim/dialog_bottom_in</item>
        <item name="android:windowExitAnimation">@anim/dialog_bottom_out</item>
    </style>

    <!--    .从左往右弹出:-->
    <style name="AnimLeft" parent="@android:style/Animation">
        <item name="android:windowEnterAnimation">@anim/dialog_left_in</item>
        <item name="android:windowExitAnimation">@anim/dialog_left_out</item>
    </style>

    <!--    从右往左弹出:-->
    <style name="AnimRight" parent="@android:style/Animation">
        <item name="android:windowEnterAnimation">@anim/dialog_right_in</item>
        <item name="android:windowExitAnimation">@anim/dialog_right_out</item>
    </style>

    <!--    从中间弹出:-->
    <style name="AnimCenter" parent="@android:style/Animation">
        <item name="android:windowEnterAnimation">@anim/dialog_center_in</item>
        <item name="android:windowExitAnimation">@anim/dialog_center_out</item>
    </style>

</resources>
<!--    从上往下弹出-->
<style name="AnimTop" parent="@android:style/Animation">
    <!--进入动画-->
    <item name="android:windowEnterAnimation">@anim/dialog_top_in</item>
    <!--退出动画-->
    <item name="android:windowExitAnimation">@anim/dialog_top_out</item>
</style>
 //dialog_top_in
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fillAfter="true">
    <scale
        android:fromXScale="1"
        android:toXScale="1"
        android:fromYScale="0"
        android:toYScale="1"
        android:pivotX="0"
        android:pivotY="0"/>

</set>

//dialog_top_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fillAfter="false">
    <scale
        android:fromXScale="1"
        android:toXScale="1"
        android:fromYScale="1"
        android:toYScale="0"
        android:pivotX="0"
        android:pivotY="0" />
   
</set>
<!--    .从下往上弹出:-->
<style name="AnimBottom" parent="@android:style/Animation">
    <item name="android:windowEnterAnimation">@anim/dialog_bottom_in</item>
    <item name="android:windowExitAnimation">@anim/dialog_bottom_out</item>
</style>

//dialog_bottom_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200">
   
    <scale
        android:fromXScale="1"
        android:fromYScale="0"
        android:pivotX="0"
        android:pivotY="100%"
        android:toXScale="1"
        android:toYScale="1" />

</set>

//dialog_bottom_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200">
   
    <scale
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="0"
        android:pivotY="100%"
        android:toXScale="1"
        android:toYScale="0" />
</set>
<!--    .从左往右弹出:-->
<style name="AnimLeft" parent="@android:style/Animation">
    <item name="android:windowEnterAnimation">@anim/dialog_left_in</item>
    <item name="android:windowExitAnimation">@anim/dialog_left_out</item>
</style>

//dialog_left_in

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

</set>

//dialog_left_out

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

    <translate
        android:fromXDelta="0"
        android:toXDelta="-100%p" />

</set>
<!--    从右往左弹出:-->
<style name="AnimRight" parent="@android:style/Animation">
    <item name="android:windowEnterAnimation">@anim/dialog_right_in</item>
    <item name="android:windowExitAnimation">@anim/dialog_right_out</item>
</style>

//dialog_right_in

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

</set>

/dialog_right_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:fromXDelta="0"
        android:toXDelta="100%p"
        android:duration="300"/>

</set>
<!--    从中间弹出:-->
<style name="AnimCenter" parent="@android:style/Animation">
    <item name="android:windowEnterAnimation">@anim/dialog_center_in</item>
    <item name="android:windowExitAnimation">@anim/dialog_center_out</item>
</style>

//dialog_center_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200">
    <scale
        android:fromXScale="0"
        android:fromYScale="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1"
        android:toYScale="1" />
</set>

//dialog_center_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200">
    <scale
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0"
        android:toYScale="0" />
</set>

 

 

//调用

public class ScreenUtil {
    //px转dp
    public static int dp2px(Context context, float dp) {
        return (int) (dp * context.getResources().getDisplayMetrics().density + 0.5f);
    }

    //获取屏幕的宽度
    public static int getScreenWidth(Context context) {
        WindowManager manager = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);
        Display display = manager.getDefaultDisplay();
        return display.getWidth();
    }
}
class MainActivity : AppCompatActivity() {

    private val mUrl: String = "https://productimg.xbiao.com/25/600_900/4366916153456432.jpg"
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //Dialog全屏,去掉状态栏的方式 https://www.jb51.net/article/183394.htm
        window.setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN)//全屏
        val dialog = CustomDialog(this)
        dialog.window?.setGravity(Gravity.END)
//        dialog.window?.clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND) //去掉dialog蒙层
        dialog.window?.setDimAmount(0f)//核心代码 解决了无法去除遮罩问题
        dialog.window?.setDimAmount(0.4f)
        dialog.window?.setLayout(
            ScreenUtil.getScreenWidth(this) - ScreenUtil.dp2px(
                this,
                100F
            ), ViewGroup.LayoutParams.MATCH_PARENT
        )

        bt_top_dialog.setOnClickListener {
            dialog.window?.setWindowAnimations(R.style.AnimTop)
            dialog.show()
        }

        bt_bottom_dialog.setOnClickListener {
            dialog.window?.setWindowAnimations(R.style.AnimBottom)
            dialog.show()
        }

        bt_center_dialog.setOnClickListener {
            dialog.window?.setWindowAnimations(R.style.AnimCenter)
            dialog.show()
        }

        bt_left_dialog.setOnClickListener {
            dialog.window?.setWindowAnimations(R.style.AnimLeft)
            dialog.show()
        }

        bt_right_dialog.setOnClickListener {
            dialog.window?.setWindowAnimations(R.style.AnimRight)
            dialog.show()
        }

        dialog.setOnCancelListener {
            Toast.makeText(this, "点外面，干哈呀", Toast.LENGTH_SHORT).show()
        }
    }

 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/const_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/bt_right_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Dialog右侧弹出"
        tools:ignore="MissingConstraints" />

    <Button
        android:id="@+id/bt_left_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Dialog左侧弹出"
        app:layout_constraintStart_toEndOf="@+id/bt_right_dialog"
        tools:ignore="MissingConstraints" />

    <Button
        android:id="@+id/bt_top_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Dialog上面弹出"
        app:layout_constraintStart_toEndOf="@+id/bt_left_dialog"
        tools:ignore="MissingConstraints" />

    <Button
        android:id="@+id/bt_bottom_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginLeft="20dp"
        android:text="Dialog下面弹出"
        app:layout_constraintTop_toBottomOf="@+id/bt_right_dialog"
        tools:ignore="MissingConstraints" />

    <Button
        android:id="@+id/bt_center_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginLeft="20dp"
        android:text="Dialog中间弹出"
        app:layout_constraintTop_toBottomOf="@+id/bt_right_dialog"
        app:layout_constraintStart_toEndOf="@+id/bt_bottom_dialog"
        tools:ignore="MissingConstraints" />

</androidx.constraintlayout.widget.ConstraintLayout>
小胖胖哈
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dialog设置动画及属性动画的部分说明
秋名山小尼玛的博客
03-21 1986
最近做了一个新需求，在屏幕中间弹出一个dialog，然后dialog缩放并移动到某个指定的位置。 常见于进入一个界面，然后弹出一个提示弹框，然后弹框消失的时候，移动到左上角，告诉用户弹框在这个地方。也有点类似于购物车那种，点击购买了某样东西，然后抛物线进入购物车，购物车用的是贝塞尔曲线，我这个就简单一点直接一个平移动画。 先说一下碰到的问题： 怎么给dialog设置动画。 属性动画的说明。...
Android 底部弹出dialog+动画
09-09
底部弹出dialog 添加简单的进入 退出动画
Dialog弹出动画
m0_61442059的博客
05-06 730
打开时从底部弹出，出现到屏幕中间。关闭时从屏幕中间回到底部。1.先在资源文件res的anim中创建动画设定XML。退出动画 dialog_out_anim。进入动画 dialog_in_anim。动画样式 style。最后就是 简单调用了。
2024年安卓最全Android 自定义加载动画Dialog弹窗(1)，2024年最新android自定义控件面试
最新发布
2401_84545618的博客
05-07 938
UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！
Android动画弹窗
weixin_53760974的博客
02-09 1178
动画弹窗就是用来在我们调用接口或者是加载数据的时候给用户呈现出一个等待效果的弹窗 代码如下（示例）： 这时会有报错,但是大家别急,我这就给大家解决报错我们现在要做的就是在res文件夹的layout文件夹中创建一个 dialog_loading布局文件 然后在res文件夹下的values中的themes或者style中创建一个弹窗的主题 到目前为止,我们已经把这个弹窗已经写完了,我们来看一下怎么引用,在你的activity或者fragment中创建两个按钮,一个显示,一个隐藏,就可以测试了
Dialog
paomian2的博客
05-22 386
1.Dialog添加暗影。添加以下风格 <style name="car_dialog_style" parent="@android:style/Theme.Holo.DialogWhenLarge" > <item name="android:windowFrame">@null</item> <item name="android:windowIsFloa
Dialog动画相关
backer
10-18 320
最近需求一个问题，想要在dialog消失时增加动画，之前如上一个文章中遇到的，但是最后改了实现方式，要求在特定的地方缩放，原来的dialog高度是wrap_content的，这样是无法实现的，因此首先需要将dialog的layout文件从wrap_content，改成match_parent，同时设置最外层布局背景透明。紧接着我们就可以使用动画了，尤其是平移动画，原来dialog是wrap_content的时候，如何平移超过view，就会消失。思路：根据位置计算平移的距离进行平移，同时缩放。
自定义Dialog以动画方式从底部弹出
04-27
通过dialog解析自定义的布局文件，点击触发后以动画方式从底部弹出，类似点击分享底部弹出微信，qq等内容
dialog 弹出窗和底部弹出窗的实现和动画效果
12-18
本文将深入探讨如何实现`Dialog`弹出窗以及底部弹出窗的效果，包括中间弹出和底部弹出这两种常见场景。 首先，让我们了解`Dialog`的基本用法。在Android中，`Dialog`是基于`Window`的，通常表现为一个浮于当前...
Dialog底部弹出自定义view并且伴随动画弹出和消失
08-31
在Android开发中，有时我们需要创建一个自定义的Dialog，使其从屏幕底部以动画形式弹出和消失，以提供更丰富的用户体验。以下是如何实现这一功能的详细步骤和关键知识点： 首先，我们创建一个自定义布局（如`...
dialog动画进入退出的动画
03-30
dialog动画进入退出的动画及怎么样去除dialog的标题
Dialog的简单封装以及动画Animation四种动画类型的简单使用
qq_37994553的博客
07-30 1362
1、Dialog的简单封装 Dialog类： public class NotifyDialog { private AlertDialog dialog; private String positiveButton; private String negativeButton; private String title; private St...
android 自定义Dialog提示+动画效果（完整版）
u013752594的博客
07-15 4415
一个可以直接使用的自定义AlertDialog，封装的很完整的一个Demo，可以灵活使用，里面提示图标还额外添加了动画效果，希望可以帮到大家。
Android 关于设置Dialog大小宽高和动画详解
Android爬坑牛奶糖的博客
01-08 9456
近期有的小伙伴需要对Dialog设置一些属性，例如它的宽高，是否全屏，位置，包括动画等，我最近的项目中刚好用到了这些，下面就将这些功能贴出来分享给大家 设置dialog对象的宽高 public void setDialogWidthAndHeight(Dialog dialog,int widthDp,int heightDp){ WindowManager wm = (Windo...
自定义加载动画Dialog弹窗效果
chuyouyinghe的专栏
08-24 493
这个文件一定要放在anim文件夹下(PS：什么？你说你没有这个文件夹？没有你就创建一个啊，我的天！链接：https://www.jianshu.com/p/523462dd9d49。然后就是创建一个弹窗的样式(values文件夹下的Style.xml)商业转载请联系作者获得授权，非商业转载请注明出处。因为有一个是白色的所以你看不见，但是依然可以保存到你本地文件夹下。为例，其他的三个无非就是里面的颜色不一样而已。下面就要创建一个显示内容的布局。的值改变不同的弹窗背景。首先是创建弹窗的背景。
Android 底部滑上滑下动画的Dialog及它的WindowManager.LayoutParams设置
打渔还是晒网 —— stone
11-19 3751
/** * @Description: * @author stone * @email aa86799@163.com */ public class MyDialog extends Dialog { private Animation mShowAnim; private Animation mHideAnim; private View mMainLayout
Android dialog使用详解，设置dialog位置，设置dialog尺寸大小，设置dialog进出动画，设置加载动画
meixi_android的博客
11-30 3456
1、自定义My_LoadingDialog /** * 作者：created by meixi * 邮箱：13164716840@163.com * 日期：2018/11/30 09 */ public class My_LoadingDialog extends Dialog { private static Context mContext; private st...
dialog 滑动弹出
06-13
您可以使用`QPropertyAnimation`类来实现Dialog滑动弹出的效果。以下是一个实现Dialog从底部滑动弹出的例子： ```cpp // 创建Dialog对象 QDialog* dialog = new QDialog(parent); // parent为父窗口指针 // 设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值