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

Question

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

Answer 1

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

• UIVIEW(父)
  • UIVIEW(标签栏)对齐到底部
    • UIButton(家)
    • UIButton(探索)
    • UIButton (cam)
    • UIButton(比如)
    • UIButton(剖面)
  • UIView(主要内容)，占用剩余空间

然后为每个组件创建一个视图

(回家)

• UIVIEW
  • UIView(顶部栏)
    • UIImageView(商标)
    • UIButton(刷新)
  • UITableView占用剩余空间
    • 头段是uiview with:
      • UIImageView for pic
      • UIButton for name
      • UIImageView for clock icon
      • 时间前的未标记
    • 细胞可以
      • 图片细胞
      • 心脏细胞
      • 评论细胞
    • Section页脚是动作按钮

(探索)

• UIView
  • UIView for top bar
    • 标题标签
    • ui按钮刷新
  • 用于搜索栏的UIView(滚动时隐藏)
    • UIImage for search field background
    • UITextfield with占位符
    • 初始隐藏的UIButton
  • 操作按钮的UIView(最初隐藏或低于搜索栏)
  • UITableView搜索建议(最初隐藏)
  • UIScrollView

等等……

你可以继续，只是分析视图如何拉伸，移动，显示或隐藏在每个部分的问题;并且知道本机组件可以做什么，什么是自定义组件。我想你可以继续做剩下的了。

Answer 2

第一件事:

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