Flutter中边框的种类

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.1k累计阅读 1.1k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄22年

关注

原创最新推荐文章于 2026-09-15 13:51:26 发布 1.1k 阅读 AI 写同款· GEO 优化 ›

Flutter各种虚线实战和虚线边框原理文章目录简介Flutter-Dotted-Border基本使用DottedBorder虚线边框封装核心代码分析思考_DashPainter封装边框的类绘制虚线的核心库path_drawingdash_path.dart绘制虚线核心类CustomPaint的size属性研究有size或child没有size和child总结简介 Flutter中如何使用虚线使用的是第三方库 Flutter-Dotted-Border其中的封装了基本的图形样式，矩形、圆角矩形、圆形、椭圆形，以及自定义虚线框。内部其实是使用阅读详情

用边线指定的宽度和颜色绘制轮廓的形状顺序，有：

BeveledRectangleBorder 斜面矩形边框
CircleBorder 圆形边框
ContinuousRectangleBorder 连续矩形边界
MaterialStateOutlinedBorder
RoundedRectangleBorder 四边形圆角边框
StadiumBorder

收录于

flutter

当前文章被收录于：

flutter

220 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#flutter #Flutter中边框的种类

【Flutter】Flutter 使用 dotted_border 实现添加虚线边框这个包可以让你轻松地为任何小部件添加虚线边框。阅读详情

相关推荐

30分钟搭建AI科研写作工作台：基于WorkBuddy的论文全流程加速实践

在人工智能技术日益普及的今天，如何利用智能工具提升专业领域工作效率成为关键课题。其核心原理在于通过模块化设计，将复杂的任务流程拆解为可复用、可编排的标准化技能单元，并结合精准的指令控制，实现从通用对话到深度任务执行的转变。这一技术价值在于显著降低重复性劳动强度，将人的创造力聚焦于核心决策与创新环节。在科研写作、数据分析、代码开发等场景中，这类智能工作台能有效辅助完成文献调研、内容生成、格式校验等繁琐步骤。本文以科研论文写作为具体应用场景，深入探讨如何利用WorkBuddy这一智能工作台，通过配置核心科研技能

weixin_29032489的博客 1445

【Flutter之旅】基础组件介绍

文本及样式，按钮，图片及 ICON，单选开关和复选框，输入框及表单，进度指示器

胖狗子修行之路的博客 688

MATLAB仿真耗散孤子共振与金兹堡-朗道方程解析

耗散孤子共振(DSR)是非线性光学中的特殊脉冲现象，通过平衡非线性效应、色散与能量耗散实现稳定传输。其核心数学模型金兹堡-朗道方程(GLE)描述了光脉冲在增益介质中的演化规律，采用分步傅里叶方法(SSFM)可高效求解这类非线性偏微分方程。该技术在光纤激光器设计、高速光通信系统优化等领域具有重要价值，特别是在需要高能量脉冲保持稳定传输的场景。MATLAB数值仿真为理解DSR物理机制提供了直观工具，通过参数扫描可验证脉冲能量与宽度的线性关系特征，并为实际器件设计提供预测依据。

weixin_31240035的博客 256

flutter 输入框设置圆角+无边框

相较于css 的圆角和边框是分开的 flutter TextField的圆角是在border 上所以，只能在外面包一层，设置圆角，然后去掉输入框的边框 Container( margin: const EdgeInsets.only(left: 10), decoration: BoxDecoration( color: Colors.white60,

m0_56823974的博客 3539

Win11下USB-Blaster驱动安装全攻略：Quartus用户必看（附常见问题解决）

本文详细介绍了在Windows 11系统下为Intel FPGA开发工具Quartus安装USB-Blaster驱动的完整流程与常见问题解决方案。针对Win11更严格的驱动签名验证机制，提供了从标准安装步骤到高级故障排查（如禁用驱动强制签名、使用测试模式）的实用指南，帮助用户快速解决驱动安装失败问题，确保FPGA编程调试顺利进行。

weixin_29256771的博客 657

S32K3双核实战：手把手教你用EB配置CAN与CANFD（附中断/轮询代码对比）

本文详细解析了NXP S32K3双核处理器在CAN/CANFD通信开发中的实战应用。通过Elektrobit配置工具链，从双核通信架构设计到EB tresos Studio配置全流程，再到中断与轮询模式的代码实现对比，全面指导开发者优化S32K3 FlexCAN模块性能，提升汽车电子系统的通信效率与可靠性。

weixin_30955617的博客 440

Flutter OutlinedButton圆角与边框自定义

OutlinedButton( style: OutlinedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(18.0), ), side: BorderSide(width: 2, color: Colors.green), ), onPressed: () {}, child: Text(‘Button’), ) shape: StadiumBorder(),是体育场外框。 ...

Care iOS技术团队 8658

Qt实战：用QCustomPlot实现毫秒级时间轴数据动态刷新（附完整代码）

本文深入探讨了在Qt框架下，如何利用QCustomPlot库高效实现毫秒级时间轴数据的动态刷新与实时可视化。针对工业物联网等高频数据场景，文章提供了从原理剖析、核心代码实现到性能优化的完整实战指南，包括滑动窗口管理、双定时器策略及坐标轴精确配置，帮助开发者构建稳定、流畅的专业级监控界面。

qsc90123456的博客 757

Flutter - Button样式及参数

Material 组件库中提供了多种按钮组件如`ElevatedButton`、`TextButton`、`OutlineButton`等，它们都是集成于 ButtonStyleButton

a136447572的专栏 4169

基于STM32设计的智能水产养殖系统(2025)_359

本设计提出并实现了一种基于STM32F103RCT6微控制器的智能水产养殖控制系统，针对传统水产养殖中人工依赖高、环境参数监测滞后、控制手段单一等问题，集成了TDS水质检测、水温检测、水位监测、自动喂食、自动充氧、换水控制与加热保温等功能。系统采用ESP8266模块实现WIFI联网，通过MQTT协议将关键数据上传至华为云物联网平台，支持Android手机APP和Windows上位机远程监测与控制。同时，系统具备本地LCD数据显示与蜂鸣器异常报警功能，支持本地按键控制操作。整套系统功能完善，响应灵敏，运行稳定

624

华为用自研的MetaERP替换全球顶级的SAP ERP系统，其难度与风险远超一次普通的技术升级，它是一场战略级的、涉及业务筋骨的系统性工程

华为成功用自研MetaERP替换SAP系统，这是一项极具挑战的战略工程。面临四大难度：业务复杂度高（170多国业务）、数据迁移量大（20年历史数据）、技术集成复杂（重构生态系统）、人员适应周期长。同时伴随四大风险：业务中断、数据失真、成本超支、供应链协同问题。华为成功的关键在于：生存压力驱动的战略决心、强大的软件研发能力、以自身业务为试验场、分步实施策略。这一案例证明中国企业能攻克高端软件壁垒，但对大多数企业而言，核心系统替换需谨慎评估风险，建议采用渐进式替代策略。

金牌架构师 535

Flutter 边框按钮：OutlinedButton 完全手册与设计最佳实践

OutlinedButton 是一种带有边框但无背景色的按钮，适用于强调次要操作。它相比 ElevatedButton 少了背景色，相比 TextButton 多了一个边框，适用于不希望 UI 过于突出的场景，如“取消”按钮或次要操作按钮。本文是关于 OutlinedButton 的文章，包括基本用法、主要属性、自定义样式（颜色、边框、形状等）及示例代码。

帅次的博客 1897

YOLO11改进 | 主干网络 | 添加Hyper-YOLO的MANet混合聚合网络

本文详细介绍了在YOLO11目标检测模型中替换C3k2模块为MANet的具体实现方法。文章首先讲解MANet模块的原理，然后分步骤指导如何在YOLO11中添加该模块，包括代码修改、文件配置和模型注册等关键环节。通过实验对比，改进后的YOLO11_MANet模型在保持8.8GFLOPs计算量的同时，参数数量达到3,820,272，网络层数增加到343层。文章还提供了完整的代码实现和网络结构图，并建议结合其他注意力机制或损失函数进一步提升检测效果。最后推荐了相关的深度学习专栏，包含更多YOLO系列改进方法。

kay_545 658

Flutter开发六、MaterialButton风格按钮以及按钮自适应

MaterialButton import 'package:flutter/material.dart'; MaterialButton buildMaterialButton() { return MaterialButton( ///按钮的背景 color: Colors.blue, child: Text("按钮"), ///点击回调函数 onPressed: (){ print("按钮点击"); }, ///按钮按下时

瑶山的博客 4881

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

浅识Flutter 基本组件之按钮组件 Raisebutton\ FlatButton\ OutlineButton按钮

按钮组件是应用程序中用于交互的最常用的组件之一, MaterialWidget库中提供了多种按钮Widget,如 RaisedButton(凸起按钮组件)、FlatButton(扁平按钮组件）和OutlineButton(带边框按钮组件)等，它们都是直接或间接对RawMaterialButton的包装定制,从而形成不同的外观样式，所以它们的属性和使用方法基本一样.

qq_43336158的博客 2487

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Flutter框架开发鸿蒙项目——OutlinedButton详解

OutlinedButton是介于ElevatedButton和TextButton之间的按钮类型，具有边框但没有背景色。它在视觉上比TextButton突出，但比ElevatedButton低调，适合中等重要性的操作。OutlinedButton通过边框提供视觉边界，让按钮在界面中更加清晰可辨。边框颜色通常与主题色一致，按下或悬停时会有颜色变化和波纹效果，提供交互反馈。OutlinedButton是Material Design推荐的替代旧版OutlineButton的新组件。

2401_83871861的博客 613

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

flutter 虚线边框

使用方式跟BoxDecoration 一致，是根据BoxDecoration修改来的，新增四个参数： this.strokeWidth = 1.0,// 虚线高度 this.gap = 5.0,//虚线的点的长度和间隔 this.dashedColor,//虚线颜色 this.dawDashed = true,//是否画虚线，默认为画虚线不画边框需要注意的是，虚线和边框不能共存，如果不画虚线，dawDashed设为 false。使用： decoration: const DashedD...

xfnbing的专栏 1万+

flutter 自定义虚线边框

最近一直在学习flutter，基本的组件和布局自己也都摸了一遍。随着时间的推移，学习的东西越多，做的东西也就多了，也会有个别组件，在flutter原生中无法实现，比如本文要讲的虚线边框，在网上找了一圈，有是有的，但还是不能满足我的需求，我是希望可以自定义虚线框，除了虚线的间隔，宽度和颜色，我还希望能够某一边的边框可以忽略，于是自己仿照着列子写了一个，顺便学习了flutter的CustomPaint和CustomPainter这两个自定义组件的重要类型。当然有机会会继续改造，将边框的类型更加多样化，我还是先.

lxqiong的专栏 4697

flutter 绘制边框和圆角 BoxDecoration

请看效果：请看代码： Container( margin: EdgeInsets.only(left: 15,top: 15), padding: EdgeInsets.only(left: 12, right: 12, top: 5, bottom: 5), decoration: BoxDecoration( border: Border.all(color: Colors.red, wi...

qq_36071410的博客 2万+

flutter 边框_flutter设置圆角边框

更多文章请查看 flutter从入门到精通在这里使用 Container 容器来实现圆角矩形边框效果1 圆角矩形边框Container2 圆角矩形边框 Container( margin: EdgeInsets.only(left: 40, top: 40), //设置 child 居中 alignment: Alignm...

weixin_39846364的博客 798

Flutter TextField 边框样式以及提示文本、Flutter输入文本TextField

一个文本框默认情况下可编辑（允许输入文本的情况）获取焦点（正在输入文本）下，会有默认的一个下划线，这个下划线的颜色是获取的MaterialApp 组件中 them 配置的 textTheme 主题中的样式。

代码小疯子 8253

Flutter 设置input边框

example 1 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Materia...

weixin_30247781的博客 2165

flutter 圆角登录边框按钮

圆角边框按钮: Container( padding: EdgeInsets.all(6), decoration: BoxDecoration( border: Border.all(color: Color(0xff5f6fff), width: 1), color:...

仰望星空 3443

Flutter TextField边框颜色

监听要销毁 myController.dispose(); TextField 没有height属性，这里用 maxLines 来控制高度，也可以设置 minLines，让高度随输入内容变化 class _FeedbackPageState extends State<FeedbackPage> { final myController = TextEditingControll...

{丸の子} 5747

Flutter 设置圆角，边框

参考 1 圆角矩形边框 Container( margin: EdgeInsets.only(left: 40, top: 40), //设置 child 居中 alignment: Alignment(0, 0), height: 50, width: 300, //边框设置 decoration: new BoxDecoration( //背景 color: Colors.white, //设置四周圆角角度 borderRadius: BorderRadius.all(Radius.circ

weixin_44911775的博客 4554

Flutter ExpansionPanelList阴影边框去除

Flutter ExpansionPanelList阴影边框去除事情是这样的，我写一个界面，需要一个下拉框列表，但是不是所有的样式不是一样的，所以我写了一个Column，然后写了两个ExpansionPanelList，一个是List生成的，另一个是自己加的代码大概长这个样子 child: Column( children: [ ExpansionPanelList( children : _data.asMap().keys.map((index){

GIOPPL的博客 1971

上一篇： Flutter 生命周期，状态类的用法

下一篇： Flutter 组件的显示和隐藏

30分钟搭建AI科研写作工作台：基于WorkBuddy的论文全流程加速实践

weixin_29032489的博客

08-04

1445