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

Flutter TabBar / TabBarView 详解

news 来源：原创 2025/8/16 2:58:56

目录

一、引言

二、基本用法

代码解析

三、主要属性

3.1 TabBar

3.2 TabBarView

四、进阶定制：突破默认样式

4.1 视觉样式深度定制

4.2 自定义指示器与标签

4.3 动态标签管理

五、工程实践关键技巧

5.1 性能优化方案

5.2 复杂手势处理

5.3 响应式布局适配

六、常见问题排查指南

6.1 页面滑动卡顿

6.2 动态标签内容不同步

6.3 指示器位置异常

七、最佳实践建议

7.1 架构设计原则

7.2 交互优化方案

7.3 跨平台适配策略

八、总结

相关推荐

一、引言

        在 Flutter 中，TabBar 和 TabBarView 组件用于实现多个页面的标签导航，类似于 Android 的 ViewPager + TabLayout。TabBar 用于显示标签页，TabBarView 用于切换不同的页面内容。它们通常与 DefaultTabController 结合使用，实现流畅的页面切换效果。

二、基本用法

return MaterialApp(home: DefaultTabController(length: 3, // 选项卡数量child: Scaffold(appBar: AppBar(title: Text('TabBar 示例'),bottom: TabBar(tabs: [Tab(icon: Icon(Icons.home), text: '首页'),Tab(icon: Icon(Icons.search), text: '搜索'),Tab(icon: Icon(Icons.person), text: '我的'),],),),body: TabBarView(children: [Center(child: Text('首页内容')),Center(child: Text('搜索内容')),Center(child: Text('我的内容')),],),),),);

代码解析

  • DefaultTabController(length: 3, child: ...)：定义标签页的数量。
  • TabBar：定义标签，支持文本和图标。
  • TabBarView：对应的内容页，顺序与 TabBar 一致。
  • Scaffold.appBar：包含 TabBar，用于展示选项卡。

三、主要属性

3.1 TabBar

属性说明
tabs选项卡列表，支持 Tab() 组件
isScrollable是否允许滑动
indicatorColor选中指示器颜色
indicatorSize选中指示器的大小（tab / label）
labelColor选中项文字颜色
unselectedLabelColor未选中项文字颜色

示例：

TabBar(isScrollable: true,indicatorColor: Colors.red,labelColor: Colors.blue,unselectedLabelColor: Colors.grey,tabs: [...],
)

3.2 TabBarView

属性说明
children选项卡对应的页面内容
physics允许或禁止滑动 (NeverScrollableScrollPhysics() 可禁用)

示例（禁止滑动）：

TabBarView(physics: NeverScrollableScrollPhysics(),children: [...],
)

四、进阶定制：突破默认样式

4.1 视觉样式深度定制

        通过参数全面修改 TabBar 外观：

TabBar(indicator: BoxDecoration(borderRadius: BorderRadius.circular(8),color: Colors.deepPurple.withOpacity(0.2),),indicatorSize: TabBarIndicatorSize.label,indicatorPadding: EdgeInsets.symmetric(vertical: 6),labelColor: Colors.deepPurple,unselectedLabelColor: Colors.grey,labelStyle: TextStyle(fontWeight: FontWeight.bold,fontSize: 16,shadows: [Shadow(color: Colors.black38, offset: Offset(1,1))]),tabs: [...],
);

4.2 自定义指示器与标签

        完全自定义指示器组件：

TabBar(indicator: _CustomIndicator(),tabs: [Tab(child: _CustomTabItem('动态', Icons.update)),Tab(child: _CustomTabItem('消息', Icons.forum)),],
);class _CustomIndicator extends Decoration {@overrideBoxPainter createBoxPainter([VoidCallback? onChanged]) {return _IndicatorPainter();}
}class _IndicatorPainter extends BoxPainter {@overridevoid paint(Canvas canvas, Offset offset, ImageConfiguration cfg) {final paint = Paint()..color = Colors.amber..style = PaintingStyle.fill;canvas.drawRRect(RRect.fromRectAndRadius(Rect.fromCenter(center: offset + Offset(cfg.size!.width/2, cfg.size!.height - 6),width: 28,height: 4,),Radius.circular(2),),paint);}
}

4.3 动态标签管理

        实现动态增删标签功能：

List<String> categories = ['推荐', '本地', '体育'];void _addTab() {setState(() {categories.add('新增 ${categories.length}');});
}TabBar(isScrollable: true,tabs: categories.map((text) => Tab(text: text)).toList(),
),TabBarView(children: categories.map((_) => NewsFeed()).toList(),
)

五、工程实践关键技巧

5.1 性能优化方案

        解决页面状态保持问题：

TabBarView(children: [KeepAliveWrapper(child: Page1()), // 自定义保持状态组件AutomaticKeepAliveClientMixin(wantKeepAlive: true,child: Page2(),),],
)// KeepAliveWrapper 实现
class KeepAliveWrapper extends StatefulWidget {final Widget child;const KeepAliveWrapper({Key? key, required this.child}) : super(key: key);@override_KeepAliveWrapperState createState() => _KeepAliveWrapperState();
}class _KeepAliveWrapperState extends State<KeepAliveWrapper> with AutomaticKeepAliveClientMixin {@overridebool get wantKeepAlive => true;@overrideWidget build(BuildContext context) {super.build(context);return widget.child;}
}

5.2 复杂手势处理

        与 PageView 嵌套时的滑动冲突解决方案：

PageView(physics: ClampingScrollPhysics(), // 禁用页面滑动controller: _pageController,children: [TabBarViewWrapper( // 自定义嵌套容器tabController: _tabController,child: TabBarView(...),),],
)class TabBarViewWrapper extends StatelessWidget {final TabController tabController;final Widget child;const TabBarViewWrapper({required this.tabController, required this.child});@overrideWidget build(BuildContext context) {return NotificationListener<ScrollNotification>(onNotification: (notification) {if (notification is ScrollUpdateNotification) {// 处理横向滑动逻辑tabController.animateTo(tabController.offset - notification.scrollDelta! / context.size!.width);}return true;},child: child,);}
}

5.3 响应式布局适配

        多设备尺寸下的显示优化：

LayoutBuilder(builder: (context, constraints) {if (constraints.maxWidth > 600) {// 平板端横向布局return Row(children: [SizedBox(width: 200,child: TabBar(isScrollable: true,labelColor: Colors.blue,unselectedLabelColor: Colors.grey,tabs: categories.map((text) => Tab(text: text)).toList(),controller: _tabController,orientation: VerticalTabOrientation(),),),Expanded(child: TabBarView(controller: _tabController,children: [...],),),],);} else {// 手机端标准布局return DefaultTabController(...);}},
)

六、常见问题排查指南

6.1 页面滑动卡顿

解决方案：

  • 对复杂子页面使用 RepaintBoundary 和 Opacity 进行渲染优化

  • 避免在 build 方法中执行耗时操作

  • 使用 PageView 替代 TabBarView 实现懒加载

6.2 动态标签内容不同步

解决方案：

  • 使用 GlobalKey 刷新特定页面

  • 结合 StreamBuilder 实现数据驱动更新

  • 通过 IndexedStack 保持页面状态

6.3 指示器位置异常

解决方案：

  • 检查 TabBar 的 indicatorSize 设置

  • 确认父容器的布局约束

  • 使用 PreferredSizeWidget 包装自定义组件

七、最佳实践建议

7.1 架构设计原则

  • 采用 BLoC 或 Provider 进行状态管理

  • 将 Tab 配置数据与业务逻辑分离

  • 对复杂页面实现按需加载（Lazy Loading）

7.2 交互优化方案

  • 添加滑动过渡动画（使用 AnimatedSwitcher）

  • 实现标签拖拽排序功能

  • 支持标签页的快捷操作菜单

7.3 跨平台适配策略

  • iOS 风格适配：使用 CupertinoSlidingSegmentedControl

  • Web 端优化：支持鼠标悬停效果

  • 桌面端增强：添加键盘导航支持

八、总结

    Flutter 的 TabBar 体系为开发者提供了从简单到复杂场景的完整解决方案。通过深度定制化能力与灵活的控制器机制，开发者可以打造出既符合 Material Design 规范又能满足个性需求的分页导航系统。在实际项目中，应重点关注性能优化与状态管理，结合响应式设计原则，确保在不同平台和设备上都能提供流畅的用户体验。

相关推荐

Flutter AppBar 详解-CSDN博客文章浏览阅读906次，点赞34次，收藏36次。AppBar 是 Flutter 提供的顶栏组件，通常用于应用的导航栏，包含标题、返回按钮、菜单等功能。AppBar 结合 Scaffold 使用，能够增强用户体验，提供一致的导航交互。本文将介绍 AppBar 的基本用法、主要属性及自定义方式。 https://shuaici.blog.csdn.net/article/details/146070214Flutter BottomNavigationBar 详解-CSDN博客文章浏览阅读1.3k次，点赞39次，收藏49次。BottomNavigationBar 是用于实现底部导航栏的组件，适用于具有多个页面或功能的应用，例如社交媒体、购物应用等。用户可以通过底部导航快速切换不同的页面或视图。本文将介绍 BottomNavigationBar 的基本用法、主要属性以及自定义样式。 https://shuaici.blog.csdn.net/article/details/146070241

相关文章：

Flutter TabBar / TabBarView 详解

目录 一、引言 二、基本用法 代码解析 三、主要属性 3.1 TabBar 3.2 TabBarView 四、进阶定制&#xff1a;突破默认样式 4.1 视觉样式深度定制 4.2 自定义指示器与标签 4.3 动态标签管理 五、工程实践关键技巧 5.1 性能优化方案 5.2 复杂手势处理 5.3 响应式布局…...

编程日记 2025/8/16 2:58:56

001 环境搭建

&#x1f984; 个人主页: 小米里的大麦-CSDN博客 &#x1f38f; 所属专栏: Linux_小米里的大麦的博客-CSDN博客 &#x1f381; GitHub主页: 小米里的大麦的 GitHub ⚙️ 操作环境: Visual Studio 2022 文章目录 Linux 环境搭建全解析&#xff1a;从历史到实践一、Linux 的起源与…...

编程日记 2025/8/16 2:58:54

Spark-core-RDD入门

RDD基本概念 Resilient Distributed Dataset 叫做弹性分布式数据集&#xff0c;是Spark中最基本的数据抽象&#xff0c;是分布式计算的实现载体&#xff0c;代表一个不可变&#xff0c;可分区&#xff0c;里面的元素并行计算的集合。 - Dataset&#xff1a; 一个数据集合&…...

编程日记 2025/8/16 2:58:52

在scala中，转换算子和行动算子有什么区别

在Scala结合Spark编程中&#xff0c;转换算子&#xff08;Transformation&#xff09;和行动算子&#xff08;Action&#xff09;有以下区别&#xff1a; 执行机制 **转换算子**&#xff1a; 具有惰性求值&#xff08;延迟计算&#xff09;特性 。它对RDD&#xff08;弹性分布…...

编程日记 2025/8/16 2:58:50

六级阅读---2024.12 卷一 仔细阅读1

文章 Imagine youre an alien sent to Earth to document the behaviour of the mammals inhabiting the planet. You stumble into a movie theatre thats showing the latest Hollywood horror film. Several dozen humans are gathered together in a dark, undercoated r…...

编程日记 2025/8/16 2:58:49

驱动开发硬核特训 · 专题篇：Vivante GPU 与 DRM 图形显示体系全解析（i.MX8MP 平台实战）

视频教程请关注 B 站&#xff1a;“嵌入式Jerry”。 一、背景导读&#xff1a;GPU 与 DRM 到底谁负责“显示”&#xff1f; 在嵌入式 Linux 图形系统中&#xff0c;“画面怎么显示出来”的问题&#xff0c;表面看似简单&#xff0c;实则涉及多个内核子系统与用户态组件的协同&…...

编程日记 2025/8/16 2:58:47

智慧医疗时代下的医疗设备智能控费系统解决方案

—以科技赋能医疗控费&#xff0c;构建精细化管理新生态 一、行业背景与现存痛点 &#xff08;一&#xff09;政策驱动与行业挑战 随着DRG/DIP支付改革全面落地、医保基金监管趋严&#xff0c;医疗机构面临“提质增效”与“成本管控”的双重压力。国家卫健委数据显示&#x…...

编程日记 2025/8/16 17:53:17

软件设计师2025

笔记链接 第5章&#xff1a;软件工程基础知识 第6章&#xff1a;结构化开发方法 第10章&#xff1a;网络和信息安全基础知识...

编程日记 2025/8/16 2:58:43

Umi+React+Xrender+Hsf项目开发总结

一、菜单路由配置 1.umirc.ts 中的路由配置 .umirc.ts 文件是 UmiJS 框架中的一个配置文件&#xff0c;用于配置应用的全局设置&#xff0c;包括但不限于路由、插件、样式等。 import { defineConfig } from umi; import config from ./def/config;export default defineCon…...

编程日记 2025/8/16 2:58:42

【软件设计师：数据结构】1.数据结构基础（一）

一 线性表 1.线性表定义 线性表是n个元素的有限序列，通常记为(a1，a2，…，an)。 特点： 存在惟一的表头和表尾。除了表头外，表中的每一个元素均只有惟一的直接前驱。除了表尾外，表中的每一个元素均只有惟一的直接后继。2.线性表的存储结构 (1)顺序存储 是用一组地址连续…...

编程日记 2025/8/16 2:58:40

linux_进程地址空间（虚拟地址空间）

一、进程地址空间是什么&#xff1f; 先看这样一个具体的例子 #include<stdlib.h> #include <stdio.h> #include<unistd.h> int main() {int a1;pid_t idfork();while(1){if(id0){printf("i am child,pid:%d,ppid:%d,a:%d ,&a:%p\n",getpid(…...

编程日记 2025/8/16 2:58:38

计操第四章存储管理

地址再定位...

编程日记 2025/8/16 2:58:36

尚硅谷-硅谷甄选项目记录

一、Vue3 1 基础配置 1.1 路径别名 vite.config.ts import { defineConfig } from vite import vue from vitejs/plugin-vue// 引入path&#xff0c;node提供的模块&#xff0c;可以获取文件或文件夹的路径 import path from pathexport default defineConfig({plugins: […...

编程日记 2025/8/16 2:58:35

c# LINQ-Query01

文章目录 查询数据源标准查询分两类即时查询已推迟流式处理非流式处理分类表聚合Aggregate<TSource,TAccumulate,TResult>(IEnumerable<TSource>, TAccumulate, Func<TAccumulate,TSource,TAccumulate>, Func<TAccumulate,TResult>)Aggregate<TSour…...

编程日记 2025/8/16 2:58:33

Vue3渲染引擎：虚拟DOM与响应式原理

Vue3渲染引擎&#xff1a;虚拟DOM与响应式原理 在当今的前端开发中&#xff0c;Vue.js作为一种流行的JavaScript框架&#xff0c;经常被用来构建用户界面。而Vue.js 3作为其最新版本&#xff0c;在性能和功能上进行了许多优化和改进。其中&#xff0c;Vue3渲染引擎的核心原理—…...

编程日记 2025/8/15 23:21:32

[dify]官方模板DeepResearch工作流学习笔记

一、功能 根据用户输入的主题进行多轮搜索并生成综合报告 1、流程分析 1.1 初始阶段 Start节点&#xff1a;接收用户输入的"depth"参数&#xff0c;决定搜索的深度/轮数 参数可以不填&#xff0c;不填的时候取默认值3 Create Array节点&#xff1a;根据depth参数…...

编程日记 2025/8/16 2:58:29

大模型系列（四）--- GPT2: Language Models are Unsupervised Multitask Learners​

论文链接&#xff1a; Language Models are Unsupervised Multitask Learners 点评&#xff1a; GPT-2采用了与GPT-1类似的架构&#xff0c;将参数规模增加到了15亿&#xff0c;并使用大规模的网页数据集WebText 进行训练。正如GPT-2 的论文所述&#xff0c;它旨在通过无监督语…...

编程日记 2025/8/16 1:17:51

日语学习-日语知识点小记-构建基础-JLPT-N4阶段（15）：何と どういう

日语学习-日语知识点小记-构建基础-JLPT-N4阶段&#xff08;15&#xff09;&#xff1a;何と &どういう 1、前言&#xff08;1&#xff09;情况说明&#xff08;2&#xff09;工程师的信仰 2、知识点&#xff08;1&#xff09;かもしれません　&#xff06;　&#xff5e;…...

编程日记 2025/8/16 1:27:11

基于英特尔 RealSense D455 结构光相机实现裂缝尺寸以及深度测量

目录 一&#xff0c;相机参数规格 二&#xff0c;结合YOLO实例分割实现裂缝尺寸以及深度测量 2.1 应用场景 2.2 实现流程 2.3 效果展示 2.4 精度验证 2.5 实物裂缝尺寸以及深度测量效果展示 一&#xff0c;相机参数规格 英特尔 RealSense D455 是英特尔 RealSense D400 系…...

编程日记 2025/8/16 2:58:27

利用并行处理提高LabVIEW程序执行速度

在 LabVIEW 编程中&#xff0c;提升程序执行速度是优化系统性能的关键&#xff0c;而并行处理技术则是实现这一目标的有力武器。通过合理运用并行处理&#xff0c;不仅能加快程序运行&#xff0c;还能增强系统的稳定性和响应能力。下面将结合实际案例&#xff0c;深入探讨如何利…...

编程日记 2025/8/16 2:58:25

C++并发编程完全指南：从基础到实践

在当今多核处理器普及的时代&#xff0c;充分利用硬件并发能力已成为高性能编程的关键。C11引入的现代并发编程支持使得开发者能够以标准化、可移植的方式编写多线程程序。本文将全面介绍C并发编程的各个方面&#xff0c;从基础概念到实际应用&#xff0c;帮助您掌握这一重要技…...

编程日记 2025/8/16 2:58:23

vue3 element-plus 输入框回车跳转页面问题处理

问题描述&#xff1a; 当页面搜索条件只有一个的情况下&#xff0c;输入框不管有没有值&#xff0c;回车后会跳转页面 解决办法&#xff0c;给表单添加 submit.prevent <el-form ref"ruleForm" :model"search" label-width"120px" class&qu…...

编程日记 2025/8/15 21:16:25

从0开始学习大模型--Day03--Agent规划与记忆

规划&#xff08;planning&#xff09; 规划&#xff0c;可以为理解观察和思考。如果用人类来类比&#xff0c;当我们接到一个任务&#xff0c;我们的思维模式可能会像下面这样: 1、首先会思考怎么完成这个任务。 2、然后会审视手头上所拥有的工具&#xff0c;以及如何使用这…...

编程日记 2025/8/16 17:55:58

DevExpressWinForms-AlertControl-使用教程

文章目录 AlertControl-使用教程一、将 AlertControl 添加到 Form二、编辑 AlertControl 的 HtmlTemplateHTML Template Editor介绍编辑HTML Template 三、使用AlertControl弹出AlertAlert中的按钮事件获取 Alert 标题等信息向Alert传递参数 总结源码 AlertControl-使用教程 一…...

编程日记 2025/8/16 2:58:20

配电站室智能巡检：机器人 VS 固定摄像头，谁更胜一筹？

在配电站室巡检领域&#xff0c;传统人工巡检正逐渐被智能化手段取代。其中&#xff0c;机器人巡检与固定摄像头巡检成为两大热门选择。那么&#xff0c;它们究竟谁更胜一筹&#xff1f; 一、机器人巡检与固定摄像头巡检的对比 目前人工巡检工作主要以查看表计&#xff0c;设…...

编程日记 2025/8/16 18:00:15

脑图谱：脑机接口的必由之路——技术突破与产业转化的系统性思考

一、三维发育小鼠大脑图谱框架（DevCCF） 1. 技术原理与核心创新 DevCCF框架由宾夕法尼亚州立大学团队主导开发，其技术突破体现在多模态数据融合与跨尺度分析能力的革新： 多模态成像整合：采用高分辨率MRI（空间分辨率50-100μm）捕捉全脑宏观结构动态变化，结合光片荧光显…...

编程日记 2025/8/16 2:58:16

【网络编程】二、UDP网络套接字编程详解

文章目录 前言Ⅰ. UDP服务端一、服务器创建流程二、创建套接字 -- socketsocket 属于什么类型的接口❓❓❓socket 是被谁调用的❓❓❓socket 底层做了什么❓❓❓和其函数返回值有没有什么关系❓❓❓三、绑定对应端口号、IP地址到套接字 -- bind四、数据的发送和接收 -- `sendto…...

编程日记 2025/8/16 2:58:15

缓存替换算法与存储器管理的分页、分段、段页式管理联系

缓存替换算法与存储器管理的分页、分段、段页式管理在目标和机制上存在相似性&#xff0c;均涉及高效资源分配和地址映射&#xff0c;但应用层级和具体场景不同。以下是它们的联系与区别分析&#xff1a; 1. 核心联系&#xff1a;资源管理的共性 替换策略的必要性 无论是缓存&a…...

编程日记 2025/8/16 2:58:13

AI大模型基础设施：NVIDIA GPU和AMD MI300系列的区别

本文将从架构设计、性能、内存、功耗、软件生态、价格与性价比、供应链与市场表现等多个维度对比英伟达的GPU&#xff08;以H100为代表&#xff09;和AMD的Instinct MI300系列处理器&#xff08;以MI300X GPU和MI300A APU为主&#xff09;。以下是详细分析&#xff1a; 1. 架构…...

编程日记 2025/8/16 5:46:43

基于Matlab实现耦合模理论仿真程序

耦合模理论&#xff08;Coupled Mode Theory&#xff0c;简称CMT&#xff09;是一种广泛应用于光子学、微波工程和电子学领域的理论框架&#xff0c;用于分析和理解多模系统的相互作用。 耦合模理论主要研究两个或多个模式之间的能量交换&#xff0c;这些模式可以是电磁波、声…...

编程日记 2025/8/16 5:46:40

图片文件转base64存储在数据库

以下是将文件转换为Base64编码字符串的Java代码&#xff1a; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.util.Base64;public class ImageToBase64 {/*** 将图片文件转换为Base64字符串* param filePath 图片文件路径* r…...

编程日记 2025/8/15 22:17:46

我的世界云端服务器具体是指什么？

我的世界云端服务器是指一种基于互联网的多人游戏服务器&#xff0c;将游戏服务器运行在云平台上&#xff0c;而不是在本地计算机中&#xff0c;这使用户不需要考虑自身电脑的性能和网络稳定性&#xff0c;只需要通过网络连接到云端服务器&#xff0c;就可以享受到顺畅的游戏体…...

编程日记 2025/8/16 5:46:36

shell脚本实现远程重启多个服务器

直接deepseek帮写脚本 remoteReboot.sh #!/bin/bash # 配置文件路径&#xff08;格式&#xff1a;每行一个服务器地址&#xff09; SERVER_FILE"servers.list" # 读取服务器列表 mapfile -t SERVERS < "$SERVER_FILE" for server in "${SERVER…...

编程日记 2025/8/16 2:24:39

怎样快速变换 json 串里的多层集合

有一个 2 层的 json 串&#xff0c;下层是多个动态的 key-value&#xff0c;不含集合 / 数组类型。 {"Games": {"key1": "value1", "key2": value2,"key3":value3}} 现在要把下层变换成多层的集合。 {"Games":…...

编程日记 2025/8/16 5:46:32

FreeCAD傻瓜教程-涡轮蜗杆的快速绘制FCGear工作台的使用方法

起因&#xff1a;涡轮蜗轴的组合&#xff0c;是一种比较简单且高效的传动结构。可以实现减速、加速、转动角度的放大、缩小等应用。 如何绘制呢&#xff1f;我搜索了不少教程&#xff0c;看起来都挺复杂的&#xff0c;对于小白来说有点像天书。这里介绍和记录一下利用FreeCAD 的…...

编程日记 2025/8/16 5:46:29

【论文阅读】HunyuanVideo: A Systematic Framework For Large Video Generative Models

HunyuanVideo: A Systematic Framework For Large Video Generative Models 原文摘要 研究背景与问题 视频生成的变革性影响&#xff1a;近期视频生成技术的进步深刻改变了个人生活与行业应用。 闭源模型的垄断&#xff1a;主流视频生成模型&#xff08;如Runway Gen-3、Luma …...

编程日记 2025/8/15 6:38:54

Search After+PIT 解决ES深度分页问题

1.深分页和search after 原理 深分页 (from/size)search_after数据定位全局排序后跳过前 N 条基于上一页最后一条的排序值定位排序开销每次请求重新全局排序 (O(N))仅首次全局排序&#xff0c;后续游标跳转 (O(1))内存消耗堆内存存储完整结果集 (高风险OOM)无堆内存累积 (安全…...

编程日记 2025/8/16 5:46:24

c语法高阶—（联合体，枚举，位域，编译器，宏定义，条件编译，条件编译，头文件）

目录 一 联合体&#xff08;重要&#xff09; 特性 总结 二 枚举&#xff08;重要&#xff09; 特性 总结&#xff1a; 三 位域&#xff08;了解&#xff09; 定义 特性 使用场景 优缺点分析表 位域的特点和使用方法 总结&#xff1a; 四 编译器&#xff08;linux…...

编程日记 2025/8/16 5:46:22

SQL Server To Paimon Demo by Flink standalone cluster mode

需求&#xff1a;使用 Flink CDC 测试 SQL Server 连接 Paimon 操作&#xff1a;启动 Flink standalone cluster 后&#xff0c;接着启动 Flink SQL Client&#xff0c;则通过 Flink SQL Client 提交 insert & select job 到该 8081 cluster Flink SQL Client 执行案例 -…...

编程日记 2025/8/16 5:46:19

常用设计模式在 Spring Boot 项目中的实战案例

引言​ 在当今的软件开发领域&#xff0c;Spring Boot 以其高效、便捷的特性成为构建 Java 应用程序的热门框架。而设计模式作为软件开发中的宝贵经验总结&#xff0c;能够显著提升代码的可维护性、可扩展性和可复用性。本文将深入探讨几种常用设计模式在 Spring Boot 项目中的…...

编程日记 2025/8/16 5:46:17

4、反应釜压力监控系统 - /自动化与控制组件/reaction-vessel-monitor

76个工业组件库示例汇总 反应釜压力监控组件 这是一个用于反应釜压力监控的自定义组件&#xff0c;专为化工厂反应釜压力监控设计。采用苹果工业风格界面&#xff0c;简洁优雅&#xff0c;功能实用&#xff0c;易于使用。 功能特点 实时压力可视化&#xff1a;直观展示反应…...

编程日记 2025/8/16 5:46:15

五、Hadoop集群部署：从零搭建三节点Hadoop环境（保姆级教程）

作者&#xff1a;IvanCodes 日期&#xff1a;2025年5月7日 专栏&#xff1a;Hadoop教程 前言&#xff1a; 想玩转大数据&#xff0c;Hadoop集群是绕不开的一道坎。很多小伙伴一看到集群部署就头大&#xff0c;各种配置、各种坑。别慌&#xff01;这篇教程就是你的“救生圈”。 …...

编程日记 2025/8/16 5:46:12

详细剖析传输层协议（TCP和UDP）

详细讲解传输层的网络协议&#xff0c;为什么TCP是可靠连接协议&#xff0c;凭什么能做到不丢包&#xff0c;有哪些机制保证可靠呢&#xff1f; TCP/UDP UDPTCP**三次握手和四次挥手****滑动窗口****拥塞控制**&#xff08;socket套接字&#xff09;**listen的第二个参数** UD…...

编程日记 2025/8/16 5:46:10

ZYNQ移植FreeRTOS与OpenAMP双核开发实践指南

ZYNQ系列芯片凭借其“ARM处理器（PS）+ FPGA（PL）”的异构架构，在嵌入式系统中被广泛应用于高性能计算与实时控制场景。然而，如何高效利用其双核资源并实现实时操作系统（如FreeRTOS）的移植与双核通信，是开发者面临的关键挑战。本文将深入探讨FreeRTOS移植、双核固化启动以…...

编程日记 2025/8/16 5:46:07

VUE+ElementUI 使用el-input类型type=“number” 时，取消右边的上下箭头

项目场景&#xff1a; 提示&#xff1a;这里简述项目相关背景&#xff1a; 在项目中有时候需要输入框的type“number”&#xff0c;这个时候&#xff0c;输入框的右边就会出现两个按钮&#xff0c;这两个按钮可以递增/递减&#xff0c;但是这样输入框看上去就不太美观&#x…...

编程日记 2025/8/16 5:46:04

RabbitMQ高级特性

1.消息的可靠投递 在使用 RabbitMQ 的时候&#xff0c;作为消息发送方希望杜绝任何消息丢失或者投递失败场景。RabbitMQ 为我们提供了两种方式用来控制消息的投递可靠性模式。 1.confirm 确认模式 2.return 退回模式 rabbitmq 整个消息投递的路径为&#xff1a; producer…...

编程日记 2025/8/16 5:46:00

在Python中调用C/C++函数并与MPI集成

在Python中调用C/C函数并与MPI集成 要在Python环境中调用C/C函数并让Python和C/C端都能使用MPI进行通信&#xff0c;有几种方法可以实现。下面我将介绍几种常见的方法。 方法一&#xff1a;使用mpi4py C/C MPI扩展 1. 准备工作 首先确保你已安装: MPI实现 (如OpenMPI或MP…...

编程日记 2025/8/16 5:45:58

软件架构评估方法全面解析

介绍 在软件开发过程中&#xff0c;架构设计的好坏直接影响系统的可维护性、可扩展性和性能。因此&#xff0c;软件架构评估&#xff08;Software Architecture Evaluation&#xff09;成为确保架构质量的关键步骤。本文将介绍几种主流的架构评估方法&#xff0c;包括ATAM、SA…...

编程日记 2025/8/16 5:45:56

场景可视化与数据编辑器：构建数据应用情境​

场景可视化是将数据与特定的应用场景相结合&#xff0c;借助数据编辑器对数据进行灵活处理和调整&#xff0c;通过模拟和展示真实场景&#xff0c;使企业能够更直观地理解数据在实际业务中的应用和影响&#xff0c;为企业的决策和运营提供有力支持。它能够将抽象的数据转化为具…...

编程日记 2025/8/15 17:23:22

MATLAB导出和导入Excel文件表格数据并处理

20250507 1.MATLAB使用table函数和writetable函数将数据导出Excel表格文件 我们以高斯函数为例子&#xff0c;高斯函数在数学和工程领域有着广泛的应用&#xff0c;它的一般形式为&#xff1a; 其中是均值&#xff0c;决定了函数的中心位置&#xff1b; 是标准差&#xff0c;决…...

编程日记 2025/8/16 5:45:52