当前位置：首页 > news >正文

Flutter组件————AppBar

news 来源：原创 2025/5/31 15:39:27

AppBar 是 Flutter 中用于创建应用程序顶部栏的组件，它遵循 Material Design 规范。

参数：

参数名称	类型	描述
`title`	`Widget`	设置 `AppBar` 中的标题文本或自定义标题小部件。
`automaticallyImplyLeading`	`bool`	决定是否自动添加返回按钮（如果页面不是首页）。
`leading`	`Widget`	设置 `AppBar` 左侧的控件，如菜单图标或自定义小部件。
`actions`	`List<Widget>`	设置 `AppBar` 右侧的操作按钮列表。
`elevation`	`double`	定义 `AppBar` 下方阴影的高度。
`centerTitle`	`bool`	决定 `title` 是否居中显示，默认值根据平台而异。
`backgroundColor`	`Color`	设置 `AppBar` 的背景颜色。
`foregroundColor`	`Color`	设置 `AppBar` 内部元素的颜色，例如标题和操作按钮的颜色。
`shadowColor`	`Color`	设置 `AppBar` 阴影的颜色。
`surfaceTintColor`	`Color`	设置 `AppBar` 表面高光的颜色。
`toolbarHeight`	`double`	设置 `AppBar` 的总高度。
`bottom`	`PreferredSizeWidget`	设置 `AppBar` 底部的小部件，如 `TabBar`。
`shape`	`ShapeBorder`	定义 `AppBar` 的形状，例如圆角矩形等。
`iconTheme`	`IconThemeData`	用于定义 `AppBar` 内部图标的样式。
`primary`	`bool`	指示此 `AppBar` 是否是屏幕的主要工具栏。
`titleSpacing`	`double`	定义 `title` 周围的间距。

代码示例

class MyHomePage extends StatefulWidget {const MyHomePage({super.key});@overrideState<MyHomePage> createState() => _MyHomePageState();
}class _MyHomePageState extends State<MyHomePage> {//所有右侧行为按钮List<Widget> actionList = const [Icon(Icons.social_distance),SizedBox(width: 30,),Icon(Icons.cyclone),SizedBox(width: 30,),Icon(Icons.manage_accounts),SizedBox(width: 40,)];@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(backgroundColor: Theme.of(context).colorScheme.inversePrimary, //背景颜色foregroundColor: const Color.fromARGB(135, 226, 5, 255),leading: const Icon(Icons.accessibility_new_rounded), //左侧按钮title: const Text("Flutter 示例"), //标题actions: actionList, //右侧按钮elevation: 10, //下方阴影shadowColor: const Color.fromARGB(136, 0, 225, 255), //阴影颜色centerTitle: true, // 标题是否居中（ios默认居中，Android默认居左）surfaceTintColor: const Color.fromARGB(172, 249, 128, 0), //表面颜色toolbarHeight: 45, //顶部栏高度iconTheme: const IconThemeData(size: 30, color: Color.fromARGB(207, 255, 251, 0)), //控制内部元素样式primary: true, // 是否显示主要按钮titleSpacing: 100, //标题内边距bottom: const TabBar(tabs: [Tab(icon: Icon(Icons.directions_car)),Tab(icon: Icon(Icons.directions_transit)),Tab(icon: Icon(Icons.directions_bike)),]), //顶部栏底部按钮shape:const  RoundedRectangleBorder(borderRadius: BorderRadius.vertical(bottom: Radius.circular(15))  //顶部栏底部按钮样式),), //顶部栏body: Center(child: ListView(children: [],),),);}
}

效果

在这里插入图片描述

Flutter组件————AppBar

AppBar 是 Flutter 中用于创建应用程序顶部栏的组件，它遵循 Material Design 规范。参数： 参数名称类型描述titleWidget设置 AppBar 中的标题文本或自定义标题小部件。automaticallyImplyLeadingbool决定是否自动添加返回按钮（如果页面不是…...

编程日记 2025/5/31 15:39:27

LabVIEW在电液比例控制与伺服控制中的应用

LabVIEW作为一种图形化编程环境，广泛应用于各类控制系统中，包括电液比例控制和伺服控制领域。在这些高精度、高动态要求的控制系统中，LabVIEW的优势尤为突出。以下从多个角度探讨其应用与优势： 1. 灵活的控制架构 LabVIEW为电…...

编程日记 2025/5/30 15:37:46

Jenkins

1.安装需要先安装jdk11 yum install -y java-11 yum localinstall -y jenkins-2.361.4-1.1.noarch.rpm 启动服务 systemctl enable --now jenkins.service 开始安装进入下一步，关掉即可下一步，点击开始使用Jenkins 2.插件的安装 1.方式一&…...

编程日记 2025/5/27 7:38:52

Sigrity System Explorer Snip Via Pattern From Layout模式从其它设计中截取过孔模型和仿真分析操作指导

Sigrity System Explorer Snip Via Pattern From Layout模式从其它设计中截取过孔模型和仿真分析操作指导 Sigrity System Explorer Snip Via Pattern From Layout模式支持从其它设计中截取过孔模型用于仿真分析，同样以差分模板为例具体操作如下双击打开System Explorer软件…...

编程日记 2025/5/30 12:42:53

Redux使用教程

Redux使用教程一、安装依赖安装ReduxToolkit、react-redux，命令行输入 npm i reduxjs/toolkit react-redux二、创建目录结构创建标准的store目录结构，当然这一步不是必须的 ① 在src下创建store文件夹 ② 在store文件夹中创建一个modules文…...

编程日记 2025/5/29 11:42:21

gpu硬件架构

1.简介 NVIDIA在视觉计算和人工智能（AI）领域处于领先地位；其旗舰GPU已成为解决包括高性能计算和人工智能在内的各个领域复杂计算挑战所不可或缺的。虽然它们的规格经常被讨论，但很难掌握各种组件的清晰完整的图景。这些GPU的高性…...

编程日记 2025/5/28 13:06:50

volatility2工具的使用vol2工具篇

vol2工具命令格式：vol.py -f [image] --profile[profile] [plugin] 1、查看系统的操作版本，系统镜像信息 2.查看用户名密码信息，当前操作系统中的password hash，例如SAM文件内容 3.从注册表提取LSA密钥信息（已解密&…...

编程日记 2025/5/28 16:02:58

LeetCode：104.二叉树的最大深度

跟着carl学算法，本系列博客仅做个人记录，建议大家都去看carl本人的博客，写的真的很好的！ 代码随想录 LeetCode：104.二叉树的最大深度给定一个二叉树 root ，返回其最大深度。二叉树的最大深度是指从根节…...

编程日记 2025/5/27 5:00:12

【游戏设计原理】19 - 得益

一、学习与分析核心概念总结： 得益（Payoff）：玩家在游戏中通过决策获得的产出，包括正面和负面。它可以以分数、等级、货币等形式体现。玩家差异：不同玩家追求不同类型的回报，有些人重视分数或…...

编程日记 2025/5/30 22:17:14

简单配置，全面保护：HZERO审计服务让安全触手可及

HZERO技术平台，凭借多年企业资源管理实施经验，深入理解企业痛点，为您提供了一套高效易用的审计解决方案。这套方案旨在帮助您轻松应对企业开发中的审计挑战，确保业务流程的合规性和透明度。接下来，我将为大家详细介绍…...

编程日记 2025/5/29 19:27:40

day5，数据结构，单向，双向，循环链表

1】思维导图 2】完成单向循环链表的所有操作【创建、判空、尾插、遍历、尾删、销毁】创建： LooplinkPtr caerte() {LooplinkPtr h(LooplinkPtr)malloc(sizeof(Looplink));if(NULLh){printf("创建失败\n");return NULL;}h->len0;h->data0;h->…...

编程日记 2025/5/26 14:15:28

构建高性能异步任务引擎：FastAPI + Celery + Redis

在现代应用开发中，异步任务处理是一个常见的需求。无论是数据处理、图像生成，还是复杂的计算任务，异步执行都能显著提升系统的响应速度和吞吐量。今天，我们将通过一个实际项目，探索如何使用 FastAPI、Celery 和 Redis …...

编程日记 2025/5/27 7:50:00

Linux 中检查 Apache Web Server (httpd) 正常运行时间的 4 种方法

注：机翻，未校。 4 Ways To Check Uptime of Apache Web Server (httpd) on Linux November 28, 2019 by Magesh Maruthamuthu We all know about the purpose of uptime command in Linux. 我们都知道 Linux 中 uptime 命令的目的。 It is used to c…...

编程日记 2025/5/31 9:21:49

简易CPU设计入门：内存初始化文件（三）

项目代码下载请大家首先准备好本项目所用的源代码。如果已经下载了，那就不用重复下载了。如果还没有下载，那么，请大家点击下方链接，来了解下载本项目的CPU源代码的方法。下载本项目代码准备好了项目源代码以后，我…...

编程日记 2025/5/29 11:25:53

深度解析Meta最新发布的虚拟试穿技术：一键试衣的革命性进展

随着电子商务的发展，消费者对在线购物体验的要求越来越高。为了满足这一需求，Meta最近发布了一款面向电商人群的一键试衣工具，它不仅能够实现精确控制人物的外观（虚拟试衣）和姿态（姿态迁移），还能保持参考图像中的细节纹理特征，避免失真。这项技术通过引入基于注意力机…...

编程日记 2025/5/29 13:01:48

Apache Solr RCE(CVE-2017-12629)--vulhub

Apache Solr 远程命令执行漏洞（CVE-2017-12629） Apache Solr 是一个开源的搜索服务器。Solr 使用 Java 语言开发，主要基于 HTTP 和 Apache Lucene 实现。原理大致是文档通过Http利用XML加到一个搜索集合中。查询该集合也是通过 http收到一个…...

编程日记 2025/5/29 22:51:36

使用二分查找法找出给定点距离给定点集合距离最近的点

1、场景描述给定点Point A （x,y）和直线点集合 Points [(x1,y1),(x2,y2),(x3,y3),(x4,y4),(x5,y5)......],计算出集合中距离点A最近的一个点 （如果集合中的两个点距离A点最近且相等，则只取其中一个） 2、代码&#x…...

编程日记 2025/5/29 11:14:21

凯酷全科技抖音电商服务的卓越践行者

在数字经济蓬勃发展的今天，电子商务已成为企业增长的新引擎。随着短视频平台的崛起，抖音作为全球领先的短视频社交平台，不仅改变了人们的娱乐方式，也为品牌和商家提供了全新的营销渠道。厦门凯酷全科技有限公司（以下简…...

编程日记 2025/5/29 6:14:45

复盘：“辩论赛”复盘

这个小活动整个下来，我是按照“策划-执行-总结-复盘“这个顺序来过的； 在策划上： 首先，针对这个论题，我其实很清楚有很多问题，比如引起逆反心理，没想到还有不少人参与。其次，针对这…...

编程日记 2025/5/25 20:16:04

SSD目标检测算法

SSD（Single Shot MultiBox Detector）是一种基于深度学习的目标检测算法，它结合了高效的检测策略和准确的检测结果。相比于传统的目标检测算法，SSD能够在保持较高准确性的同时快速地进行目标检测。 SSD算法的主要特点包括以下几个…...

编程日记 2025/5/29 20:58:52

MyBatis通过注解配置执行SQL语句原理源码分析

文章目录前置准备流程简要分析配置文件解析加载 Mapper 接口MapperAnnotationBuilder解析接口方法注解parseStatement 方法详解MapperBuilderAssistant 前置准备创建一个mybatis-config.xml文件，配置mapper接口 <mappers><mapper…...

编程日记 2025/5/30 23:35:31

12_HTML5 Video(视频) --[HTML5 API 学习之旅]

HTML5 引入了 <video> 标签，使得在网页中嵌入和控制视频变得非常简单。<video> 元素允许你直接在 HTML 中指定视频文件，并提供了多种属性和方法来控制视频的播放、暂停、音量等。基本用法 HTML5 的 <video> 标签让嵌入和控制视频变…...

编程日记 2025/5/30 16:57:25

JaxaFx学习（三）

目录： （1）JavaFx MVVM架构实现 （2）javaFX知识点 （3）JavaFx的MVC架构 （4）JavaFx事件处理机制 （5）多窗体编程 （6）数据…...

编程日记 2025/5/29 16:21:37

视频点播系统｜Java｜SSM｜VUE｜前后端分离

【技术栈】 1⃣️：架构: B/S、MVC 2⃣️：系统环境：Windowsh/Mac 3⃣️：开发环境：IDEA、JDK1.8、Maven、Mysql5.7 4⃣️：技术栈：Java、Mysql、SSM、Mybatis-Plus、VUE、jquery,html 5⃣️数据库可…...

编程日记 2025/5/29 21:33:46

Springboot 学习之 logback-spring.xml 日志压缩 .tmp 临时文件问题

文章目录前言功能简述1. 自定义日志文件名2. 归档规则 && 压缩2.1. 归档配置2.2. 归档压缩2.3. 日志格式 && 编码现象原因解决办法前言在 Springboot 应用中，默认使用 logback-spring.xml 配置日志相关功能简述 1. 自定义日志文件名 <fi…...

编程日记 2025/5/30 4:13:18

智慧工地整体解决方案

智慧工地背景与需求智慧工地解决方案的提出，源于建筑行业面临的诸多挑战。安全事故频发、环保体系不健全、建筑信息化水平低以及施工现场管理难度大等问题，迫切需要通过智能化手段来提升工地管理的效率与安全性。智慧工地利用现代信息技术&#xff0c…...

编程日记 2025/5/28 7:40:53

【读书打卡版】【读书笔记】半小时漫画中国地理3

一如果全中国是个班级，江南五省各不同继续跟随长江的脚步，认识坐在长江中下游平原上的省份：安徽、江苏、江西、浙江、上海。他们同属于一个美丽又富饶的大区——江南。那么问题来了，一提到江南，你会想到什么&#…...

编程日记 2025/5/28 15:05:15

harmony UI组件学习（1）

Image 图片组件 string格式，通常用来加载网络图片，需要申请网络访问权限:ohos.permission.INTERNET Image(https://xxx.png) PixelMap格式，可以加载像素图，常用在图片编辑中 Image(pixelMapobject) Resource格式，加…...

编程日记 2025/5/29 15:06:54

ECharts热力图-笛卡尔坐标系上的热力图，附视频讲解与代码下载

引言： 热力图（Heatmap）是一种数据可视化技术，它通过颜色的深浅变化来表示数据在不同区域的分布密集程度。在二维平面上，热力图将数据值映射为颜色，通常颜色越深表示数据值越大，颜色越浅表示数…...

编程日记 2025/5/27 17:39:50

React状态管理常见面试题目（一）

1. Redux 如何实现多个组件之间的通信?多个组件使用相同状态时如何进行管理? Redux 实现组件通信 Redux 是一个集中式的状态管理工具，通过共享一个全局 store 来实现多个组件之间的通信。通信机制： 所有状态保存在 Redux 的全局 store 中。使用 ma…...

编程日记 2025/5/29 22:35:41

.NET周刊【12月第2期 2024-12-08】

国内文章终于解决了.net在线客服系统总是被360误报的问题（对软件进行数字签名） https://www.cnblogs.com/sheng_chao/p/18581139 升讯威在线客服与营销系统由.net core和WPF开发，旨在开放、开源、共享。开发者为解决360与其他国产管家的误…...

编程日记 2025/5/29 21:40:04

YOLOv8目标检测(七)_AB压力测试

YOLOv8目标检测(一)_检测流程梳理：YOLOv8目标检测(一)_检测流程梳理_yolo检测流程-CSDN博客 YOLOv8目标检测(二)_准备数据集：YOLOv8目标检测(二)_准备数据集_yolov8 数据集准备-CSDN博客 YOLOv8目标检测(三)_训练模型：YOLOv8目标检测(三)_训…...

编程日记 2025/5/30 8:30:12

多个图片转换为PDF文件

将多个图片转换为PDF文件在Python中可以通过多个库来实现，其中最常用的库之一是Pillow（用于图像处理）和reportlab（用于生成PDF）。不过，对于直接图片转PDF的操作，更推荐使用Pillow配合PyMuPDF&am…...

编程日记 2025/5/28 2:24:10

【递归，搜索与回溯算法综合练习】深入理解暴搜决策树：递归，搜索与回溯算法综合小专题（一）

找出所有子集的异或总和再求和题目解析算法原理解法决策树这种决策使得每一次递归都是有效的递归，每一个节点都是最终的结果，所以这棵决策树是不用剪枝的，也没有递归出口的； 注意决策树执行添加元素…...

编程日记 2025/5/27 22:55:24

对 MYSQL 架构的了解

MySQL 是一种广泛使用的关系型数据库管理系统，其架构主要包括以下几个关键部分： 一、连接层客户端连接管理：MySQL 服务器可以同时处理多个客户端的连接请求。当客户端应用程序（如使用 Java、Python 等语言编写的程序）…...

编程日记 2025/5/29 13:28:57

深入解析 StarRocks 物化视图：全方位的查询改写机制

小编导读： 本文将重点介绍如何利用物化视图进行查询改写。文章将全面介绍物化视图的基本原理、关键特性、应用案例、使用场景、代码细节以及主流大数据产品的物化视图改写能力对比。物化视图在 StarRocks 中扮演着至关重要的角色，它是进行数据建模和加速…...

编程日记 2025/5/24 5:01:58

k8s常见问题及debug

ERROR1 ErrImagePull pod pending 外网无法方位集群服务 kubectl 命令失败 Pod Error 进入容器失败 pod重启 Running not ready CrashLoopBackOff PV/PVC helm install...

编程日记 2025/5/29 13:12:27

Winnows基础（2）

Target 了解常见端口及服务，熟练cmd命令，编写简单的 .bat 病毒程序。 Trail 常见服务及端口 80 web 80-89 可能是web 443 ssl心脏滴血漏洞以及一些web漏洞测试 445 smb 1433 mssql 1521 oracle 2082/2083 cpanel主机管理系统登陆（国外用的…...

编程日记 2025/5/30 13:02:04

（14）D-FINE网络，爆锤yolo系列

yolo过时了？传统的yolo算法在小目标检测方面总是不行，最新算法DEIM爆锤yolo，已经替yolo解决。一、创新点这个算法名为DEIM，全称是DETR with Improved Matching for Fast Convergence，其主要创新点在于提出了一…...

编程日记 2025/5/31 10:30:00

关于数据流图绘制和使用上的一些个人经验

假设我们需要开发一个项目进度管理系统，在这个项目进度管理系统之中，我们需要开发一个功能：项目成员的列表。我们具有这样的业务需求： 在项目进度管理系统中，我们需要知道参与项目的人员到底有哪些，并且项目…...

编程日记 2025/5/30 2:42:37

Leetcode Hot 100 【二叉树】104. 二叉树的最大深度

104. 二叉树的最大深度已解答简单相关标签相关企业给定一个二叉树 root ，返回其最大深度。二叉树的最大深度是指从根节点到最远叶子节点的最长路径上的节点数。示例 1： 输入：root [3,9,20,null,null,15,7] 输出：3…...

编程日记 2025/5/29 17:08:04

雅思真题短语梳理（八）

126员工流动率高 high staff turnover 127(多)负担一些工作任务 cover some duties / an increased workload 128不满 feel upset and resentful 129偏向性待遇 preferential treatment 130介入帮忙 step in and help 131切实的好处 tangible benefits 132挽留 staff retention…...

编程日记 2025/5/31 7:56:21

Codeforces Round 993 (Div. 4)个人训练记录

Codeforces Round 993 (Div. 4) 只选择对我有价值的题目记录 E. Insane Problem 题目描述给定五个整数 k k k， l 1 l_1 l1， r 1 r_1 r1， l 2 l_2 l2 和 r 2 r_2 r2，Wave 希望你帮助她计算满足以下所有条件的有序对 …...

编程日记 2025/5/29 17:53:15

java-io流

根据流的方向： 输入流（InputStream/Reader）：从数据源读取数据到程序中。输出流（OutputStream/Writer）：将数据从程序写入到目的地。根据流处理信息的大小： 字节流（Byte S…...

编程日记 2025/5/31 14:36:58

数据可视化

数据可视化数据可视化数据可视化主要目的：借助于图形化手段，清晰有效地传达与沟通信息。数据可视化可以把冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。常用的数据可视化库： D3.js 目前 Web 端评价最高的 Javascri…...

编程日记 2025/5/28 7:39:39

CompletableFuture使用详解

一、 CompletableFuture介绍平时多线程开发一般就是使用Runnable，Callable，Thread，FutureTask，ThreadPoolExecutor这些内容和并发编程息息相关。相对来对来说成本都不高，多多使用是可以熟悉这些内容。这些内容组合在…...

编程日记 2025/5/30 0:39:09

【长期有效】短链接生成-短链接-短网址-短链接生成接口-短链接转换接口-短网址URL生成-短链接-短网址-短域名-短链接

短链接API接口的作用主要体现在以下几个方面： 一、链接缩短与分享优化短链接API接口的主要功能是将长链接转换为短链接。这种转换使得链接更加简洁、易读和易分享，尤其在社交媒体、电子邮件、短信等字符受限或按字符计费的场合中，短链接能…...

编程日记 2025/5/31 0:27:09

使用Idea自带的git功能进行分支合并

文章目录 1.背景描述2.分支切换3.分支合并的具体操作4.将在local环境下，从dev合并到qas分支上的代码，推送到远端 1.背景描述目前在开发的当前项目有四个分支，master(主分支)、pre(预生产分支)、qas(测试分支)、dev(开发分支)； …...

编程日记 2025/5/30 0:19:24

工业摄像机基于电荷耦合器件的相机

工业摄像机系列产品及其识别技术的详细介绍： 一、工业摄像机概述工业摄像机是利用光学成像技术获取视觉信息，并通过图像处理算法分析这些信息的设备。它通常具有高图像稳定性、高传输能力和高抗干扰能力等特性，适用于各种复杂的工业环境。 …...

编程日记 2025/5/29 9:58:24

【期末大作业】使用Python熟练掌握面向对象

引言在编程学习过程中，构建项目是一个非常有效的方式，不仅能巩固和应用所学的知识，还能通过实践来解决实际问题。本文将通过几个经典的项目示例来展示如何用面向对象的方式设计和实现一个完整的系统，包括学生成绩管理系统、图书…...

编程日记 2025/5/29 11:45:34

AppBar 是 Flutter 中用于创建应用程序顶部栏的组件，它遵循 Material Design 规范。

参数：

代码示例

效果

相关文章：