实现自定义dialog样式

article/2025/11/6 4:33:15

在这里插入图片描述

1定义弹出的dialog样式

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="wrap_content"><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"style="@style/mbtn"android:text="拨号"/><Viewandroid:layout_width="match_parent"android:layout_height="10sp"android:background="#8E8989"/><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"style="@style/mbtn"android:text="10086"/><Viewandroid:layout_width="match_parent"android:layout_height="10sp"android:background="#8E8989"/><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"style="@style/mbtn"android:text="取消"/><Viewandroid:layout_width="match_parent"android:layout_height="10sp"android:background="#8E8989"/></LinearLayout>

在这里插入图片描述

2自定义dialog类，继承自Dialog，并加载自定义dialog的布局

package com.njupt.animinationimport android.app.Dialog
import android.content.Context
import android.os.Bundle
import android.view.Gravity
import android.view.ViewGroupclass MyDiaglog:Dialog {constructor(context: Context?):this(context,0){}constructor(context: Context?,themId:Int):super(context!!,themId){//在此方法里面加载布局setContentView(R.layout.my_dialog)//设置在下面弹出window?.setGravity(Gravity.BOTTOM)//设置弹出的大小window?.setLayout(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT)}}

3在anim资源文件中定义出dialog的进出动画

入场位置dialog_enter.xml

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

出场位置dialog_exit.xml

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

4在style文件中指定这两种进出动画，并且将窗口的背景设为透明#00000000

<?xml version="1.0" encoding="utf-8"?>
<resources><!--指定dialog的样式--><style name="dialog" parent="@android:style/Theme.Dialog"><!--指定dialog的动画--><item name="windowNoTitle">true</item><item name="android:windowAnimationStyle">@style/dialog_anim</item><item name="android:windowBackground">@drawable/transparent</item></style><!--动画的央视--><style name="dialog_anim" parent="@android:style/Animation.Dialog"><item name="android:windowEnterAnimation">@anim/dialog_enter</item><item name="android:windowExitAnimation">@anim/dialog_exit</item></style><style name="mbtn"><item name="android:textColor">@color/white</item><item name="android:textSize">16sp</item></style>
</resources>

其中透明颜色在color.xml布局中

<resources><drawable name="transparent">#00000000</drawable>
</resources>

5在主程序中调用显示dialog

package com.njupt.animinationimport androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Buttonclass MainActivity : AppCompatActivity() {private val mdialog:MyDiaglog by lazy {MyDiaglog(this,R.style.dialog)}override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)val btn=findViewById<Button>(R.id.btn1)btn.setOnClickListener(){mdialog.show()}}
}