Content
11 Lessons • 0 Quizzes • 0 Challenges
简介
- 1
课程概述
- 2
前置条件与目标
- 3
为什么自适应和响应式用户界面很重要
基本的单子组件布局控件
- 1
用于响应式布局的单子组件
- 2
对齐控件
- 3
AspectRatio 小部件
- 4
ConstrainedBox 小部件
- 5
Expanded 小部件
- 6
灵活的控件
- 7
自我测验：单子组件布局控件
基本的多子组件布局Widget
- 1
用于响应式布局的多子组件
- 2
列布局组件
- 3
Row 小部件
- 4
ListView 小部件
- 5
GridView 小部件
- 6
堆栈小部件
- 7
表格控件
- 8
Wrap 小部件
- 9
测验：多子组件布局 Widgets
从智能手机开始的问题
- 1
一个经典的 Flutter 应用
- 2
平板电脑上有更多空间
- 3
Web 和桌面端怎么样？
测量你的尺寸 - 响应式 UI 组件
- 1
MediaQuery 小部件
- 2
LayoutBuilder 小部件
- 3
挑战：测量你的尺寸——响应式UI组件
- 4
解决方案：测量您的尺寸——响应式用户界面组件
- 5
测验自己：测量你的尺寸——响应式用户界面组件
不同尺寸的组件
- 1
根据可用空间显示一个控件
- 2
在较大屏幕上添加一个控件
- 3
如果空间足够，可以添加更多内容
- 4
挑战：针对不同尺寸使用不同的控件
- 5
解决方案：针对不同尺寸使用不同的控件
避免使用过大的组件
- 1
限制控件的大小
- 2
使用 Wrap 填充空间
- 3
使用 GridView 来布局网格
- 4
自定义网格用于特殊场景
- 5
挑战：调整设置页面的大小
- 6
解决方案：调整设置页面的大小
- 7
挑战：填充设置页面
- 8
解决方案：填充设置页面
自适应设计
- 1
移动端自适应设计
- 2
桌面端的自适应设计
- 3
视觉密度
- 4
测验自己：自适应设计
外部包
- 1
使用 responsive_framework 实现轻松的响应式设计
- 2
使用 responsive_builder 获取设备断点
- 3
在 Flutter 中添加更多自适应组件
结论
- 1
总结与下一步行动
附录：其他资源
- 1
你需要了解的内容
- 2
有用的包与资源
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User