如何建立像Instagram / Keek / Vine这样的用户界面

时间:2013-03-05 15:47:21

标签: ios xcode user-interface interface-builder instagram

我正在使用“界面”构建器构建我的第一个应用程序界面,我想要构建一个像Instagram这样的应用程序界面。我知道这个问题非常笼统,但任何指向这个方向的事情都会很棒。

2 个答案:

答案 0 :(得分:3)

如果它是您的第一个应用程序,我不认为这是一个问题,但我从Instagram应用程序看到的是:

  • UIVIEW(父母)
    • UIVIEW(标签栏)与底部对齐
      • UIButton(家)
      • UIButton(探索)
      • UIButton(cam)
      • UIButton(favs)
      • UIButton(个人资料)
    • UIView(主要内容),占用剩余空间

然后查看每个组件

(HOME)

  • 的UIView
    • UIView(顶栏)
      • UIImageView(logo)
      • UIButton(刷新)
    • UITableView,占用剩余空间
      • 标题部分是UIViews:
        • UIImageView for pic
        • UIButton for name
        • UIImageView for clock icon
        • UILabel很久以前
      • 细胞可以
        • 图片格式
        • 心脏细胞
        • 评论单元格
      • 部分页脚是操作按钮

(探索)

  • 的UIView
    • 顶视图的UIView
      • UILabel for title
      • UIButton刷新
    • 搜索栏的UIView(滚动时隐藏)
      • 搜索字段背景的UIImage
      • 带占位符的UITextfield
      • 最初隐藏的UIButton
    • UIView for action按钮(最初隐藏或低于搜索栏)
    • UITableView搜索建议(最初隐藏)
    • 的UIScrollView
等等......

你可以继续,只需要分析每个部分中视图如何伸展,移动,显示或隐藏;并了解本机组件可以做什么以及什么是自定义组件。我想你可以继续其余的。

答案 1 :(得分:0)

要做的第一件事:

  • 检查这些应用程序,以了解什么是UI组件 他们使用。
  • 如果在默认控件中不可用,请搜索一些自定义库。搜索 CocoaControlsGithub
  • 制作详细的设计布局。 努力工作