安徽智能网站建设推荐,要制作网站,做设计图的软件,深圳市宝安区教育局官网文章目录 1 概念介绍2 使用方法3 示例代码 我们在上一章回中介绍了AlertDialog Widget相关的内容,本章回中将介绍AboutDialog Widget.闲话休提#xff0c;让我们一起Talk Flutter吧。 1 概念介绍
我们在这里说的AboutDialog是一种弹出式窗口#xff0c;和上一章回中介绍的Al… 文章目录 1 概念介绍2 使用方法3 示例代码 我们在上一章回中介绍了AlertDialog Widget相关的内容,本章回中将介绍AboutDialog Widget.闲话休提让我们一起Talk Flutter吧。 1 概念介绍
我们在这里说的AboutDialog是一种弹出式窗口和上一章回中介绍的AlertDialog类似它主要用来显示应用程序信息比如程序的名称、版本号、版权信息等。从 源代码上看它是对AlertDialog的封装可以看作是一种特殊的AlertDialog本章回中将详细介绍它的使用方法。
2 使用方法
和其它的Widget一样AboutDialog提供了相关的属性来控制自己接下来我们将介绍一些常用的属性
applicationName属性: 主要用来在弹出窗口中显示App的名字;applicationVersion属性: 主要用来在弹出窗口中显示App的版本信息;applicationIcon属性:主要用来在弹出窗口中显示App的图标;children属性: 主要用来在弹出窗口中添加其它组件。 AboutDialog需要配合showDialog()方法才能使用该方法中包含两个重要的参数一个是上下文的环境context一个是builder该参数主要用来构造对话框。 这个方法我们在上一章回中使用过。除此之外我们还可以直接使用showAboutDialog()方法显示AboutDialog.使用该方法时必须添加context类型的参数其它 的参数和AboutDialog的属性完全一样我们就不列出了。下面是示例代码
3 示例代码 //通过showDialog方法弹出窗口
_showAboutDialog() {showDialog(context: context,builder: (BuildContext context){return AboutDialog(applicationName: App Name,applicationVersion: v1.0,applicationIcon: const Icon(Icons.android),children: [//可以不添加Buttonm,因为已经自带了两个ButtonTextButton(onPressed: () {print(ok selected);Navigator.of(context).pop();},child: const Text(Ok),)],);},);
}//直接使用系统封装好的方法showAboutDialog()
_showSystemAboutDialog() {showAboutDialog(context: context,applicationName: app,applicationVersion: v111,children: [Text(Item 1),Text(Item 2),Text(Item 3),],);
}上面的代码中包含两种显示AboutDialog的方法一种是ShowDialog()方法和AboutDialog组件配合使用另外一种是直接使用ShowAboutDialog()方法。从代 码上可以看来showAboutDialog方法使用更加方便。此外AboutDialog会自带两个按钮:VIEW LICENSES和CLOSE,点击VIEW LICENSES会跳转一个Flutter Licenses的网页点击CLOSE会关闭窗口这两个按钮是默认添加的无法删除这个可以从AboutDialog的源代码中看出来。如果大家不理解的话可以自己动手 去运行程序我在这里就不演示了。 看官们关于AboutDialog Widget相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
