Tag: 自定义布局

早期制作-圈子布局

最近，我们发布了Early Game Alarm 2.0，它以7种语言提供并采用了全新的设计，因此我们决定就在（几乎）3年的开发中遇到的各种问题分享我们的经验。 我以前的帖子是关于页面布局的 ，我们曾用来向用户介绍可用的游戏和游戏包。 这将继续解决自定义布局的问题，我将使用一个简单的项目来说明我们如何在主屏幕上排列圆形警报。 在上面的图像中，您可以看到它在应用程序中的外观，在下面的图像中，我们将尝试在本教程中实现。 您可以从此链接下载完整的代码。 因此，任务很简单：我们正在收集特定半径的蓝色圆圈。 半径值显示在中间的标签上。 好的，它们不一定非要是蓝色-您可以选择任何想要的颜色。 让我们开始吧！ 注意1：您可以 在 Byteout Software博客 上 找到具有 更好格式 的原始文章 。 注意2：本教程适用于已经具有自动布局和集合视图经验的开发人员。 我们不会详细介绍每个步骤。 对于初学者的教程，我建议从 Ray Wenderlich 教程开始。 步骤1：情节提要设置 创建新项目后，在情节提要中将获得一个视图控制器（类ViewController）。 对于本演示，我们将使用该演示。 让我们在Storyboard中添加以下内容：1个集合视图和1个标签在集合视图单元格中。 集合视图设置： 让我们将集合视图的顶部，底部，尾部和前部约束设置为0值。 不要忘记将ViewController连接为数据源并为集合视图委托。 单元格设置： 在超级视图（单元格）中水平和垂直居中放置标签 为背景和文本设置漂亮的字体和颜色 将单元格标识符设置为“ CircleCell” 创建自定义UICollectionViewCell（例如CircleCell）并连接插座。 例如，如果您不知道如何，可以查看此帖子。 步骤2：资料来源 现在，要实际显示单元格，我们需要实现UICollectionViewDataSource方法。 在ViewController.m中添加以下代码： // ViewController.m @interface ViewController () @property (strong, nonatomic) NSMutableArray *dataSource; […]