9、设计细胞与MVC架构入门

设计细胞与MVC架构入门

在开发应用程序时，我们需要对应用进行设计和架构搭建。下面将详细介绍细胞设计和Model View Controller（MVC）架构的相关内容。

细胞设计

在设计应用时，需要对不同类型的细胞（如表格视图细胞、集合视图细胞等）进行设计和布局，并添加自动布局约束以确保在不同设备上都能正常显示。

探索标题设置

探索标题包含两个UILabel（标题和副标题）、一个按钮和标题与按钮下方的灰色线条。具体操作步骤如下：
1. 在Main.storyboard中，选择原型标题，在大小检查器中更新宽度为0，高度为100。若更新大小后出现问题，点击不同文件再返回，故事板会自动修复。
2. 在对象库的过滤字段中输入“view”，将一个视图拖到原型标题中，使用大纲视图将其移到其他元素下方，在大小检查器中更新X为0，Y为0，宽度为375，高度为90。
3. 展开大纲，将按钮拖到视图中。
4. 在对象库过滤字段中输入“label”，将两个标签拖到刚添加的原型标题视图中。
5. 在Assets.xcassets文件中添加新颜色“LetsEat Light Grey”，十六进制颜色代码为“#AFAFB2”，将“Demo Grey”重命名为“LetsEat Dark Grey”。
6. 选择一个标签作为副标题，在属性检查器中更新颜色为“LetsEat Light Grey”，字体为“System Semibold 13”，在大小检查器中更新X为8，Y为24，宽度为350，高度为21。
7. 选择另一个标签作为标题，在属性检查器中更新字体为“System Heavy 40.0”，在大小检查器中更新