高仿- 面包

氢气球

  • 临摹“面包旅行” ,一款旅游、游记分享 APP

项目介绍

项目使用的是 MVC 的构架,底部为一个 UITabBar 控制器,控制器分为四个Bar(推荐、城市、目的地、我的个人中心);顶部为导航控制器,在导航控制器上面放置了一个 searchBar 搜索相关游记;使用 SQLite 和 DKNight 分别实现收藏和夜间模式的主要功能。

推荐

  • 在“推荐”首页的 VC 上底层是一个 UICollectionView ,在其上面的 contenView 上面嵌套了 两个 UITableView(分别用于展示首页和城市页面,如图), 在首页的第一个分区“每日故事精选”中又嵌套了一个 collectionView 用于故事精选展示。轮播图实现为 ScrollView ,作为 TableView 的 HeaderView。
IMG_0925.PNG

IMG_0926.PNG
  • 推荐 -> 全部按钮 push 出全部的展示页
IMG_0931.PNG
  • 点击 “精选故事”
高仿- 面包_第1张图片
IMG_0929.PNG
  • 点击用户头像,弹出用户个人信息页面
IMG_0934.PNG
  • 推荐页 (第二个分区 精彩游记和专题)点击后弹出内容详情。
IMG_0932.PNG
高仿- 面包_第2张图片
IMG_0933.PNG
  • 分享 使用的是 Social 本地社交框架,分享新浪
高仿- 面包_第3张图片
IMG_0930.PNG
  • 收藏 SQLite ,收藏的文章可以在个人中心中查看
高仿- 面包_第4张图片
IMG_0940.PNG

城市

  • 城市的编码为“大连”, 一个 TableView 自定义的 Cell.
IMG_0927.PNG

目的地

  • TableView 中在分区中分别嵌套了两个 CollectionView,分块儿展示。
IMG_0928.PNG

我的

  • TableView 和 HeaderView
高仿- 面包_第5张图片
IMG_0939.PNG

搜索

  • tableView 上面嵌套的 collectionView Item 按钮, 形状大小使用的是 item 根据文本调整的宽度。
高仿- 面包_第6张图片
IMG_0936.PNG

IMG_0937.PNG

高仿- 面包_第7张图片
IMG_0938.PNG

设置

  • 清除图片缓存和夜间模式切换
高仿- 面包_第8张图片
IMG_0935.PNG

你可能感兴趣的:(高仿- 面包)