uikit-development
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseUIKit Development Skill
UIKit开发技能
Build professional iOS interfaces with UIKit
使用UIKit构建专业iOS界面
Learning Objectives
学习目标
By completing this skill, you will:
- Build complex view hierarchies programmatically
- Master Auto Layout with NSLayoutConstraint
- Implement modern collection views with diffable data sources
- Create smooth animations and transitions
- Ensure accessibility compliance
完成本技能学习后，你将能够：
- 以编程方式构建复杂的视图层级
- 借助NSLayoutConstraint精通Auto Layout
- 实现基于可差分数据源的现代集合视图
- 创建流畅的动画与转场效果
- 确保无障碍合规性
Prerequisites
前置要求
| Requirement | Level |
|---|---|
| iOS Fundamentals | Completed |
| Swift | Intermediate |
| 要求 | 水平 |
|---|---|
| iOS Fundamentals | 已完成 |
| Swift | 中级 |
Curriculum
课程内容
Module 1: View Hierarchy (4 hours)
模块1：视图层级（4小时）
Topics:
- UIView fundamentals
- UIStackView layouts
- Custom view creation
- Layer properties
主题：
- UIView基础
- UIStackView布局
- 自定义视图创建
- 图层属性
Module 2: View Controllers (5 hours)
模块2：视图控制器（5小时）
Topics:
- UIViewController lifecycle
- Container view controllers
- Child VC management
- Presentation styles
主题：
- UIViewController生命周期
- 容器视图控制器
- 子VC管理
- 展示样式
Module 3: Collection Views (6 hours)
模块3：集合视图（6小时）
Topics:
- UICollectionViewCompositionalLayout
- UICollectionViewDiffableDataSource
- Cell registration (iOS 14+)
- Self-sizing cells
主题：
- UICollectionViewCompositionalLayout
- UICollectionViewDiffableDataSource
- 单元格注册（iOS 14+）
- 自适应单元格
Module 4: Navigation (4 hours)
模块4：导航（4小时）
Topics:
- UINavigationController
- Coordinator pattern
- Custom transitions
主题：
- UINavigationController
- 协调者模式
- 自定义转场
Module 5: Animations (4 hours)
模块5：动画（4小时）
Topics:
- UIView.animate
- Spring animations
- Keyframe animations
- View controller transitions
主题：
- UIView.animate
- 弹性动画
- 关键帧动画
- 视图控制器转场
Module 6: Accessibility (3 hours)
模块6：无障碍（3小时）
Topics:
- VoiceOver support
- Dynamic Type
- Color contrast
- Accessibility labels
主题：
- VoiceOver支持
- 动态字体
- 色彩对比度
- 无障碍标签
Assessment Criteria
评估标准
| Criteria | Weight |
|---|---|
| Layout implementation | 25% |
| Collection view usage | 25% |
| Navigation patterns | 20% |
| Animation quality | 15% |
| Accessibility | 15% |
| 评估项 | 权重 |
|---|---|
| 布局实现 | 25% |
| 集合视图使用 | 25% |
| 导航模式 | 20% |
| 动画质量 | 15% |
| 无障碍适配 | 15% |
Skill Validation
技能验证
- Custom Components: Build 5 reusable UI components
- Complex List: Multi-section collection view
- Navigation Flow: Coordinator-based navigation
- 自定义组件：构建5个可复用的UI组件
- 复杂列表：多分区集合视图
- 导航流程：基于协调者模式的导航