如何制作像 Instagram/Keek/Vine 这样的用户界面

Question

我正在使用 Interface builder 构建我的第一个应用程序界面，并且我想要构建一个应用程序界面，例如 Instagram。我知道这个问题很笼统，但是任何指向这个方向的东西都会很棒。

Answer 1

如果这是你的第一个应用程序，我不认为这是要问的问题，但我从 instagram 应用程序看到的是：

• UIVIEW（父）
  • UIVIEW（标签栏）与底部对齐
    • UIButton（主页）
    • UIButton（探索）
    • UIButton（凸轮）
    • UIButton（收藏）
    • UIButton（配置文件）
  • UIView（主要内容），占用剩余空间

然后对每个组件都有一个视图

（家）

• UIVIEW
  • UIView（顶栏）
    • UIImageView（徽标）
    • UIButton（刷新）
  • UITableView，占用剩余空间
    • 标题部分是 UIView，具有：
      • 图片的 UIImageView
      • 名称的 UIButton
      • 用于时钟图标的 UIImageView
      • UILabel 时间前
    • 细胞可以是
      • 图片单元
      • 心脏细胞
      • 评论单元格
    • 页脚是操作按钮

（探索）

• UI 视图
  • 顶栏的 UIView
    • UILabel 标题
    • UIButton 刷新
  • 搜索栏的 UIView（滚动时隐藏）
    • 搜索字段背景的 UIImage
    • 带有占位符的 UITextfield
    • 最初隐藏的 UIButton
  • 操作按钮的 UIView（最初隐藏或位于搜索栏下方）
  • 用于搜索建议的 UITableView（最初隐藏）
  • UIScrollView

等等等等……

您可以继续，只是分析视图在每个部分中是如何伸展、移动、显示或隐藏的；并了解原生组件可以做什么以及什么是自定义组件。我想你可以继续剩下的。

Answer 2

第一件事：

• 充分检查这些应用程序以了解哪些是 UI 组件 他们使用。
• 如果在默认控件中不可用，请搜索一些自定义库。搜索 CocoaControls 和 Github
• 进行详细的设计布局。 解决问题