- 综合排序
- 最热优先
- 最新优先
- 来自专栏移动开发之家
Flutter 小技巧之 Flutter 3 下的 ThemeExtensions 和 Material3
本篇分享一个简单轻松的内容： ThemeExtensions 和 Material3 ，它们都是 Flutter 3.0 中的重要组成部分，相信后面的小知识你可能还没了解过～。 theme: ThemeData( primarySwatch: Colors.blue, ///打开 useMaterial3 样式 useMaterial3: true,),复制代码当然，在你开启 Material3 在 Material3 下颜色其实不是完全按照 RGB 去计算，而是会经过 material-color-utilities 的转化，通过内部的 CorePalette 对象，RGB 会转化为 HCT 得益于 HCT ，例如我们前面的 ColorScheme.fromSeed(seedColor: Color(0xFF4285F4))，就可以通过一个 seedColor 直接生成一系列主题颜色，这就是 Material3 更多可见 《HCT 的色彩原理》最后最后我们回顾一下，今天的小技巧有：通过 ThemeExtensions 拓展想要的自定义 ThemeData通过 useMaterial3 启用 Material3
1.9K30编辑于 2022-06-06 - 来自专栏JetpackCompose M3
安卓软件开发：JetpackCompose从零开发CURD列表App
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现CURD列表App的案例。无论你有没有开发经验，相信这篇文章对你会非常有所帮助。 3.2 使用 Material3 提供现代化设计Material3 提供了现代化的设计规范，比如按钮、文本框和弹窗。 Material3 为我们的App提供了现代化的视觉设计语言。
89892编辑于 2024-10-02 - 来自专栏Android知识点总结
Flutter 组件集录 | 从图标按钮看组件封装
onPressed: (){}, color: Colors.blue , icon: Icon(Icons.add ), splashRadius: 20, ), ---- 如下，是启用 Material3 ---- 最后说一下 useMaterial3 的处理, 在 IconButton#build 方法中，通过 Theme 数据的 useMaterial3 属性校验是否启用 Material3 ： 通过启用 Material3 ，会返回 _SelectableIconButton 完成构建逻辑。 如下所示，像 selectedIcon 、isSelected、style 、minSize、maxWidth是为 Material3 风格新加的属性。 中的风格，是圆角按钮，可以在官网的 extended-fab 中查看详情，也可以在该网站中看一下其他 material3 的风格： ---- 它继承自 StatelessWidget ，表明它是基于已有组件封装构建逻辑
1.6K10编辑于 2022-10-31 - 来自专栏码客
Jetpack Compose中的下拉刷新
libs.version.toml中的 [libraries] androidx-material3 = { group = "androidx.compose.material3", name = "material3 中 implementation(libs.androidx.material3) 替换为 implementation(libs.androidx.material3.android) 两者的对比 material3 是标准的库，能保证在各个平台上迁移代码，而material3-android是仅支持安卓的库，一些Android上新添加的组件会先在material3-android上发布，稳定后可能再在material3 https://developer.android.google.cn/reference/kotlin/androidx/compose/material3/pulltorefresh/package-summary
2.7K10编辑于 2024-03-29 - 来自专栏C博文
从 0 到 1：使用 Jetpack Compose 和智能自动化实现高效 Android UI 开发
生态完善：官方提供 Material3 组件、Accompanist 辅助库、与导航、生命周期等 Jetpack 库深度集成。 implementation "androidx.compose.ui:ui:$compose_version" implementation "androidx.compose.material3:material3 viewModel.todos.collectAsState() LazyColumn { items(list) { TodoItem(it) } } } 布局与主题：打造统一的视觉风格 Material3
78010编辑于 2025-07-14 - 来自专栏JetpackCompose M3
安卓软件开发：Jetpack Compose Material3 结合 MVI 架构的模块化架构设计和实践
在这篇文章中，我分享如何使用 Jetpack Compose、Material3 结合 MVI（Model-View-Intent） 架构设计一个模块化的Android应用。 database/ # Room数据库 │ ├── ui/ # UI 层 │ ├── theme/ # Material3 4.3 UI 层 UI 层通过 Jetpack Compose 和 Material3 构建应用 UI。
1.7K142编辑于 2024-10-10 - 来自专栏JetpackCompose M3
安卓软件开发：使用Jetpack Compose和Room开发NimWishApp-上篇
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack Compose和Room开发NimWishApp的案例。 dependencies { implementation "androidx.compose.ui:ui:1.0.0" implementation "androidx.compose.material3:material3 containerColor = MaterialTheme.colorScheme.primary) )}2.4.1 解释代码CenterAlignedTopAppBar 是 Compose Material3
1.1K80编辑于 2024-10-03 - 来自专栏JetpackCompose M3
安卓软件开发：使用Jetpack Compose和M3的轮播图和列表App-上篇
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack Compose、M3和Kotlin开发轮播图和列表功能。 有任何问题欢迎提问，感谢大家阅读 ) 四、新增：2024/10/15-更新文章 近期我看了一篇更新轮播图组件的新闻，说JetpackComposeM3支持material3最新版本1.3.0 4.1 项目配置 implementation ("androidx.compose.material3:material3:1.3.0") 4.2 核心代码 @OptIn(ExperimentalMaterial3Api
1.8K111编辑于 2024-10-15 - 来自专栏跟着AI学
MindFlow 移动端开发实录：从零到完整的 Flutter 应用
contentController.text),],),);}}经验总结移动端优先：底部导航比侧边栏更适合单手操作键盘处理：预览时隐藏软键盘，避免遮挡内容悬浮按钮：FAB用于主要操作（新建），符合MaterialDesign问题#4:Material3 解决方案使用Flutter原生Material3：展开代码语言：DartAI代码解释//app_theme.dartclassAppTheme{staticconstColorprimaryColor= theme:AppTheme.lightTheme,darkTheme:AppTheme.darkTheme,themeMode:settingsState.themeMode,//...);},)经验总结Material3 ：Flutter3.x原生支持MaterialYou设计语言ColorScheme.fromSeed：基于种子色自动生成完整的配色方案圆角设计：Material3强调大圆角，12px是合适的默认值第三部分 PDF/HTMLPhase12:性能优化大文件虚拟滚动图片懒加载数据库性能优化结语本次开发完成了MindFlow移动端的核心功能，包括：✅完整的Flutter项目架构（BLoC+Repository）✅Material3
26110编辑于 2026-02-01 - 来自专栏JetpackCompose M3
安卓软件开发：Jetpack Compose Material3结合 MVVM 架构的模块化架构设计和实践
在这篇文章中，我将分享如何使用 Jetpack Compose、Material3 结合 MVVM 架构设计一个模块化的Android应用。 # Room数据库及DAO定义 │ ├── ui/ # UI 层 │ ├── theme/ # Material3 7.3 UI 层 负责页面的渲染和用户交互，用 Compose 和 Material3 提供的组件构建美观 UI。 在开发时，把东西分开来做，能让应用更容易维护和升级，这种模块化的方法很不错。
1.5K60编辑于 2024-10-09 - 来自专栏AutoGod-自动化助手
AutoGod:安卓5-16全兼容！一站式自动化框架，开发效率直接拉满
Shizuku/无障碍自动匹配，HID键鼠触控视觉识别：OCR/YOLO/图色找图/血条检测网络请求：GET/POST/下载，防抓包加密传输拓展能力：加载APK/Dex/Jar/So，插件化开发UI开发：Material3 Auto-God内置Material3全套UI框架，封装应用条、按钮、多选框、导航栏、悬浮按钮等组件，标签式写法，5分钟做出高颜值界面！
24210编辑于 2026-03-18 - 来自专栏码客
Jetpack Compose中多主题设置
https://developer.android.google.cn/jetpack/compose/designsystems/material3? Material3可配置的ColorScheme class ColorScheme( primary: Color, onPrimary: Color, primaryContainer
88010编辑于 2024-03-29 - 来自专栏跟着AI学
MindFlow 移动端测试实录：从静态分析到构建验证
解决方案简化主题方案，使用原生Material3：展开代码语言：DartAI代码解释//修改前（FlexColorScheme）returnFlexThemeData.light(scheme:FlexScheme.blue SchemeColor.surfaceContainer,),keyColors:constFlexKeyColors(keepPrimary:primaryColor,//不兼容),);//修改后（原生Material3 seedColor:primaryColor,brightness:Brightness.light,),);经验总结第三方库风险：复杂主题库可能随Flutter更新失效原生优先：Flutter3.x的Material3
21710编辑于 2026-02-03 Kuikly 上手成本分析：面向跨平台框架选型的开发者指南
Compose 1.7.3 改造，API 高度兼容 包名从 androidx.compose 替换为 com.tencent.kuikly.compose（避免与原生 Compose 冲突） 支持 Material3 Compose 中复用 Kuikly DSL 组件 7.3 选型建议 场景 推荐 DSL 新项目，追求极致性能 Kuikly DSL 团队已有 Jetpack Compose 经验 Compose DSL 需要 Material3
30810编辑于 2026-04-14- 来自专栏小蔚记录
three.js 运行3D模型
2:material2=material;mesh = new THREE.Mesh( geometry, material2 );break; case 3:material3 =material;mesh = new THREE.Mesh( geometry, material3 );break; case 4:material4=material var renderer,width,height,camera,scene,light,controls,stats, //材质/变量【器官】 material1,material2,material3
7.5K30发布于 2019-09-11 - 来自专栏codelang
开发一款 SDK 需要注意哪些问题
platform('androidx.compose:compose-bom:2024.01.00') implementation 'androidx.compose.material3:material3 ' implementation 'androidx.compose.foundation:foundation' } material3 与 foundation 将会使用 compose-bom
80110编辑于 2024-02-17 - 来自专栏Android知识点总结
Flutter 组件集录 | 全面认识 AppBar 组件 - 使用篇
如下是 Material2 和 Material3 风格下默认的 AppBar 展示效果： Material2 Material3 AppBar(title: const Text('AppBar
2.1K11编辑于 2022-10-31 - 来自专栏移动开发专栏
【首发】根据壁纸修改App主题，它真的来了
3.1、什么是Material You Material You也称Material3或M3，是第三代Material Design设计语言。 但还是能识别出很多成本的，比如targetSdkVersion升级到31，Theme迁移到Material3，以及升级后的整包回归。
1.2K20编辑于 2022-06-10 - 来自专栏JetpackCompose M3
安卓软件开发：使用Jetpack Compose实现DrawerMenuApp
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin语言开发NimDrawaerMenuApp的案例。无论你有没有开发经验，相信这篇文章对你会非常有所帮助。 implementation("androidx.compose.ui:ui:$compose_version") implementation("androidx.compose.material3:material3
3.6K51编辑于 2024-10-15 - 来自专栏JetpackCompose M3
安卓软件开发：Jetpack Compose 和 Material 3 实现高级登录页面（Kotlin）
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现登录页面的案例。如果你有一定开发经验，相信这篇文章对你会非常有所帮助。 androidx.compose.ui", name = "ui-test-junit4" } androidx-material3 = { group = "androidx.compose.material3", name = "material3
2.6K183编辑于 2024-09-15
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号