Flutter的RawMaterialButton按钮

news/2024/11/16 23:33:17/

RawMaterialButton介绍

简介

Flutter的RawMaterialButton是一个具有原始材料样式的可点击的按钮控件。它可以用于创建自定义的按钮和交互元素,具有许多可自定义的属性。自定义更灵活。

重要属性

以下是RawMaterialButton的一些常用属性:

  • onPressed:必需属性,指定按钮按下时的回调函数。
  • elevation:按钮的海拔高度,控制阴影的大小。默认值为2.0。
  • highlightElevation:按钮被按下时的海拔高度,控制阴影的大小。默认值为8.0。
  • fillColor:按钮的背景颜色。
  • splashColor:水波纹的颜色。
  • highlightColor:按钮被按下时的颜色。
  • disabledColor:按钮被禁用时的颜色。
  • padding:按钮的内边距。
  • shape:按钮的形状,如圆形、矩形等。
  • clipBehavior:裁剪行为,用于指定如何裁剪溢出的内容。

shape

RawMaterialButtonshape属性可以接受多种形状,包括以下几种:

  1. BoxShape.circle:圆形按钮。
  2. RoundedRectangleBorder:圆角矩形按钮。可以通过设置borderRadius属性来控制圆角的大小。
  3. StadiumBorder:体育场形状的按钮。可以通过设置borderRadius属性来控制圆角的大小。
  4. BeveledRectangleBorder:斜角矩形按钮。可以通过设置borderRadius属性来控制斜角的大小。
  5. ContinuousRectangleBorder:普通矩形按钮。

可以根据实际需求选择合适的形状来创建自定义的按钮。例如,如果需要创建一个圆形按钮,可以这样写:

RawMaterialButton(onPressed: () {// 按钮被按下时执行的操作},shape: CircleBorder(),child: Text('Click me'),
)

如果需要创建一个圆角矩形按钮,可以这样写:

RawMaterialButton(onPressed: () {// 按钮被按下时执行的操作  },shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),),child: Text('Click me'),
)

需要注意的是,shape属性必须是ShapeBorder类型的对象,因此可以使用继承自ShapeBorder的任何形状类来设置按钮的形状。

例子

下面是一个示例代码,展示了如何使用RawMaterialButton创建一个简单的按钮:

RawMaterialButton(onPressed: () {// 按钮被按下时执行的操作},elevation: 2.0,fillColor: Colors.blue,splashColor: Colors.lightBlue,child: Text('Click me'),
)

效果如下图:
image.png
在上面的代码中,我们创建了一个RawMaterialButton,它有一个简单的文本标签Click me,被设置为按钮的子元素。当按钮被按下时,指定的回调函数将会被执行。

我们还可以使用其他的属性来自定义按钮的外观和行为,例如使用shape属性来定义按钮的形状:

RawMaterialButton(onPressed: () {// 按钮被按下时执行的操作},elevation: 2.0,fillColor: Colors.red,splashColor: Colors.pink,shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),),child: Text('Click me'),
)

效果如下图:

在上面的代码中,我们使用RoundedRectangleBorder来设置按钮的形状为圆角矩形,并通过borderRadius属性指定了圆角的大小。
image.png


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

相关文章

photoshop矫正扫描图片的倾斜问题以及修改图片内容

由于工程原因,资料需要重新梳理 1.扫描工程表格到电脑中 2.在ps中导入表格内容(表格有时候是倾斜的) 需要修正为正常状态,即垂直状态 设置步骤: 1.调整ps的背景颜色与所在图片的背景颜色一致 用吸管工具&#xff…

git关闭ssl验证

方式一: 进入git安装目录,双击运行git-cmd.exe命令框 输入以下命令,可解除ssl验证: git config --global http.sslverify "false" 方式二: 在C:\Users\XXXXXX\目录下(xxxxx为你的用户名)打开.gitconfig 添…

TF卡被格式化后要如何找到照片

TF卡在日常使用时,具有体积小存储大的优势而被我们用来存储一些重要的照片,但由于内存比较小,TF卡用户需要经常对TF卡中的照片进行清理,避免内存不足等问题,接下来讲下TF卡被格式化后要如何找到照片。TF卡被格式化后要…

提权神器:WindowsVulnScan

简介 这是一款基于主机的漏洞扫描工具,采用多线程确保可以快速的请求数据,采用线程锁可以在向sqlite数据库中写入数据避免database is locked的错误,采用md5哈希算法确保数据不重复插入。 它可以实现自动化对目标主机操作系统信息收集&…

TOOM舆情监控黑科技:AI破解人心,预测社会未来!

近年来,随着人工智能技术的快速发展,舆情监控正逐渐进入一个全新的时代。利用人工智能技术,舆情监控能够洞察人心,预测社会未来的走向,这项黑科技引发了广泛的关注和探讨。 舆情监控是通过对社会舆论的搜集、分析和评…

谋划高质量增长,拼多多打破电商平台传统路径依赖

经历组织架构调整后,市场格外关注拼多多的最新动向。5月26日,拼多多发布2023年一季度财报,多项财务指标显著超出预期,更激发了市场对拼多多会有哪些战略变动的好奇心。 事实上,自4月初新任联席CEO赵佳臻上任至今&…

Linux:centos:修改临时ip永久ip

使用 ifconfig 查看网卡信息以及ip 临时配置ip 找到要修改ip的网卡的名称(我这里使用名称为:ens33网卡) # ifconfig 网卡名 ip /子网掩码 ifconfig ens33 192.168.1.2/24 配置永久ip 去配置网卡文件 vi /vim 或 nano vim /etc/s…

中国民营快递:战事永不休

【潮汐商业评论/原创】 在中国,没有一个任何行业的“战争”在时间和烈度上可以与快递业相比。这是一场持续长达20年,融合了规模战、价格战、资本战等你能想象到的所有形态的立体化“战争”。 更令人难以置信的是,眼下这场以人力、技术为武器…