各位人人的朋友们大家好，现在LY@iPM将之前做过的一个宠物 app 案例分享给大家，是笔者刚刚开始使用 OmniGraffle 作为原型构建工具的时候从1.0.0开始跟的一个项目——乐宠（后改名为「尾巴圈」）。

首页，App首页采用的是瀑布流式列表布局，左右双抽屉式导航。左抽屉内容是论坛的各大板块，特色是点击 + 按钮可以进入类似网易新闻的自定义关注板块页面。而右抽屉，则是登录注册，个人中心页，和设置详情页。设置，包括绑定三方帐号登录，仅wifi加载照片和视频开关，意见反馈，缓存清理等功能。一些更加详细的页面功能我就不赘述了，等会儿大家下载 pdf 就可以了，文章最后有神秘代码喔！

登录成功后，右抽屉就是个人中心页面了，哈哈，细心的读者一定发现一个 icon 叫「我的爱」，够贴心吧？！把宠物当做家人体现了爱宠在家里的高贵地位！点击「详细资料」，进入个人信息详情页。

重点说一下发帖流程，点击首页的 +，或者是子板块里的发帖按钮，进入帖子编辑详情页。当然了系统肯定是会判断是否登录的，如果检测到未登录则跳转到登录页面；检测到用户已登录，则App 会默认将帖子发送的位置定在「大厅」，并且自动弹出轮式选择器，自动提示用户选择发帖板块，选择发帖板块后，就可以进入编辑状态了。编辑详情页上点击 camera icon，选择拍小视频还是拍照或者是选择相册中的照片，我们先拍个小视频吧，选择「8s视频」，点击拍摄按钮，就开始拍摄了。拍摄结束，总得预览一下吧，选择漂亮的一帧作为封面吧。确定帖子OK 了，点击「使用」按钮，进入帖子预览界面。然后开心地点击「发表」，帖子post 出去啦！！！

哈哈，说到这儿还有好多细节感觉没有说得特别透彻，不过发现篇幅已经不短了！详细的可以去本文的最后神秘代码继续挖掘，那里有高清的 pdf 噢！

最后，奉上OmniGraffle项目特写照：

神秘代码：

链接: http://pan.baidu.com/s/1kUhhi79 密码: gyut

作者：老杨（微信：18515367283），Mac 流产品经理一枚，5年产品人，欢迎随时加我讨论相关问题

本文由 @老杨 原创发布于人人都是产品经理 ，未经许可，禁止转载。