Android 弹窗 DialogFragment

2024-06-03 05:48

本文主要是介绍Android 弹窗 DialogFragment,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

一直以来 , 做弹窗功能的时候都是使用的Dialog , 布局复杂的弹窗则使用Activity , 把背景设置成透明, 最近了解到一个DialogFragment , 发现使用起来更加方便, 也是谷歌建议的做法.

简介

DialogFragment 继承自Fragment , 所以它的用法基本跟Fragment一致 , 也包含了一些生命周期和上下文context 和 监听之类的东西. 而且fragment可以定义它的布局, 非常适合我们开发时候用做复杂UI弹窗的实现.

DialogFragment内嵌了一个Dialog , 可以在fragment中管理它的dialog , 比普通的Dialog用起来更加方便 .

因为Fragment中有onCreateView展示自己的布局, 又内嵌了一个dialog来展示布局 , 所以其实重写其中一个方法就够了 , 如果重写两个呢?

DialogFragment优先查找Dialog , 如果实现了onCreateDialog则会展示onCreateDialog中的内容 , 否则才会展示onCreateView中的布局.

使用

创建

首先创建一个集成自DiaglogFragment的类 , 并实现onCreateDialog / onCreateView .

class MyDialogFragment constructor(private var title: String = "", private var msg: String = "") :DialogFragment() {companion object {private const val KEY_TITLE = "key_title_extra"private const val KEY_MSG = "key_msg_extra"fun newInstance(title: String = "", msg: String = ""): MyDialogFragment {val fragment = MyDialogFragment()val bundle = Bundle()bundle.putString(KEY_TITLE, title)bundle.putString(KEY_MSG, msg)fragment.arguments = bundlereturn fragment}}override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)val bundle = argumentstitle = bundle?.getString(KEY_TITLE).toString()msg = bundle?.getString(KEY_MSG).toString()}/*** 有[onCreateDialog]的时候优先显示[onCreateDialog]* 如果没有则显示[onCreateView]*/override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {val builder = context?.let { AlertDialog.Builder(it) }builder?.setTitle(title)builder?.setMessage(msg)return builder?.create()!!}@SuppressLint("InflateParams", "SetTextI18n")override fun onCreateView(inflater: LayoutInflater,container: ViewGroup?,savedInstanceState: Bundle?): View? {val view = LayoutInflater.from(context).inflate(R.layout.dialog_test, null)view.dialog_title.text = titleview.dialog_msg.text = msgreturn view}
}

这里我先写了一个简单的MyDialogFragment , 重写了onCreateDialogonCreateView 两个方法

  • onCreateDialog很简单, 只有一个标题和一个内容, 共两个字符串

  • onCreateView中的layout其实也只有两个textview , 分别显示标题和内容.

标题和内容是由调用的地方传进来的, 所以我写了一个默认的方法 , 用来传入参数 , 并在 onCreate 中接收传来的参数.

调用

因为我们已经封装了一个传入参数的方法, 所以调用的时候就很简单了:

 MyDialogFragment.newInstance("hello title", "hello world").show(supportFragmentManager, "1")

其实这个拆开来就是:

val myDialogFragment = MyDialogFragment.newInstance("hello title", "hello world")
myDialogFragment.show(supportFragmentManager, "1")

先创建了MyDialogFragment的实例 , 然后调用了它的show()方法 .
对应的则是有一个dissmiss方法来关闭弹窗 :

myDialogFragment.dismiss()

代码写完, 我们看一下效果:
在这里插入图片描述
这个布局, 很明显是dialog的默认布局了 ,
而我们实现了onCreateDialogonCreateView两个方法, 也证实了我们上面说的会优先显示dialog的UI.
之后 , 我们注释掉onCreateDialog 再看一下:
在这里插入图片描述
这次 , 就只显示了onCreateView中的UI. 然后我们给这个textview添加一个关闭它自己的方法:

    override fun onCreateView(inflater: LayoutInflater,container: ViewGroup?,savedInstanceState: Bundle?): View? {val view = LayoutInflater.from(context).inflate(R.layout.dialog_test, null)view.dialog_title.text = titleview.dialog_msg.text = msg//add thisview.dialog_msg.setOnClickListener { dismiss() }return view}

这次点击这个msgtextview就会关闭这个弹窗了 .
当然了, 它跟dialog的默认逻辑一样 , 可以点击灰色部分关闭弹窗.

我们也可以设置它是否允许点击外部和返回键来关闭弹窗 :
默认为true , 允许关闭.
在kotlin中只需要一行代码

 isCancelable = false

在onCreate中写即可, 如果你想根据onCreateDiakogonCreateiew中使用不同的逻辑 , 也可以分别在这两个方法中写.

在java中则需要调用setCancelable (boolean)方法

设置弹窗位置和尺寸大小

创建弹窗时 .弹窗的位置和大小是固定的. 始终在中间显示, 并且距离左右两侧有一定的边距 .
有时候UI设计出来的会边距更大/更小, 甚至没有边距, 这时候就要设置它的尺寸了 . 但直接在xml中写是没有效果的, 需要代码来控制.
我们可以在dialogFragment中重写onStart方法:

override fun onStart() {super.onStart()val window = dialog!!.window//设置弹窗的背景色,才能设置弹窗的尺寸和位置window?.setBackgroundDrawableResource(zhuoyuan.li.kotlinstudy.R.color.colorAccent)val attributes = window!!.attributes//获取屏幕数据val displayMetrics = resources.displayMetrics//获取屏幕宽高val widthPixels = displayMetrics.widthPixels//指定弹窗内容宽高attributes.width = widthPixelsattributes.height = 600//默认位置就是居中attributes.gravity = Gravity.CENTERwindow.attributes = attributes}

可以看到, 如果想设置弹窗的大小, 一定要给它设置一个背景色, 不过要注意 ,

  • onCreateDialogonCreateView的背景色都会使用这个.

  • onCreateView创建的弹窗, 如果在 xml中布局设置了背景色是会覆盖掉这个颜色的. 使用xml中的颜色

这篇关于Android 弹窗 DialogFragment的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1026147

相关文章

Android Mainline基础简介

《AndroidMainline基础简介》AndroidMainline是通过模块化更新Android核心组件的框架,可能提高安全性,本文给大家介绍AndroidMainline基础简介,感兴趣的朋... 目录关键要点什么是 android Mainline?Android Mainline 的工作原理关键

如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

《如何解决idea的Module:‘:app‘platform‘android-32‘notfound.问题》:本文主要介绍如何解决idea的Module:‘:app‘platform‘andr... 目录idea的Module:‘:app‘pwww.chinasem.cnlatform‘android-32

Android实现打开本地pdf文件的两种方式

《Android实现打开本地pdf文件的两种方式》在现代应用中,PDF格式因其跨平台、稳定性好、展示内容一致等特点,在Android平台上,如何高效地打开本地PDF文件,不仅关系到用户体验,也直接影响... 目录一、项目概述二、相关知识2.1 PDF文件基本概述2.2 android 文件访问与存储权限2.

Android Studio 配置国内镜像源的实现步骤

《AndroidStudio配置国内镜像源的实现步骤》本文主要介绍了AndroidStudio配置国内镜像源的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、修改 hosts,解决 SDK 下载失败的问题二、修改 gradle 地址,解决 gradle

在Android平台上实现消息推送功能

《在Android平台上实现消息推送功能》随着移动互联网应用的飞速发展,消息推送已成为移动应用中不可或缺的功能,在Android平台上,实现消息推送涉及到服务端的消息发送、客户端的消息接收、通知渠道(... 目录一、项目概述二、相关知识介绍2.1 消息推送的基本原理2.2 Firebase Cloud Me

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D