美文网首页
高仿- 面包

高仿- 面包

作者: 骑行怪状 | 来源:发表于2016-06-14 09:40 被阅读114次

    氢气球

    • 临摹“面包旅行” ,一款旅游、游记分享 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
    • 点击 “精选故事”
    IMG_0929.PNG
    • 点击用户头像,弹出用户个人信息页面
    IMG_0934.PNG
    • 推荐页 (第二个分区 精彩游记和专题)点击后弹出内容详情。
    IMG_0932.PNG IMG_0933.PNG
    • 分享 使用的是 Social 本地社交框架,分享新浪
    IMG_0930.PNG
    • 收藏 SQLite ,收藏的文章可以在个人中心中查看
    IMG_0940.PNG

    城市

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

    目的地

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

    我的

    • TableView 和 HeaderView
    IMG_0939.PNG

    搜索

    • tableView 上面嵌套的 collectionView Item 按钮, 形状大小使用的是 item 根据文本调整的宽度。
    IMG_0936.PNG
    IMG_0937.PNG
    IMG_0938.PNG

    设置

    • 清除图片缓存和夜间模式切换
    IMG_0935.PNG

    相关文章

      网友评论

          本文标题:高仿- 面包

          本文链接:https://www.haomeiwen.com/subject/ycqudttx.html