侧面显示菜单栏

Demo在GitHub上的地址

本文主要祥讲解一下本人在平时写过的一个小Demo,模仿侧面是菜单栏,右面是自定义View的布局展示选择左侧列表中的不同分类,右侧会展示不同的页面。

demo.gif

本文小编只是抛砖引玉,给iOS初学者提供一个思路,如有出入,还请多多指教。

       首先我们要明确这种布局模式,看界面不难发现整体是由两部分组成,左侧是一个TableView,用来展示分类类别,右侧则是对应的自定义布局,可以是任何控件组成的布局,布局可以完全相同,也可由不同,只需判断选中类别的下标来展示不同的页面,提取不同的数据即可。

      在类别标记上,我采取的是定义一个全局的NSndexPath对象,初始化为{0,0},默认选中第一个,后面的分类显示以及右侧显示也都是通过判断此对象来改变的。

定义一个全局的NSndexPath对象,默认选中第一个

      在给UITableViewCell赋值时,同样需要做个判断,判断当前赋值的Cell是否是默认显示的分类,若是则将该Cell的显示设置为已选中的状态,其他Cell则设置成正常未选中状态

初始化Cell

      在tableView的点击事件里判断当前选中的IndexPath与上一次标记的IndexPath是否一致,若不一致则更改右侧布局,及左侧类别列表的选中状态。

选中分类时的点击事件

思路大体讲解完毕,如果您对这个Demo有兴趣,在GitHub上查看该Demo的具体实现Demo在GitHub上的地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,234评论 25 708
  • github排名https://github.com/trending,github搜索:https://gith...
    小米君的demo阅读 4,960评论 2 38
  • DH 算法的介绍 上面介绍的 DES,3DES,AES 算法都是对称密码算法,所谓对称,在上面也解释了,就是加密和...
    ghwaphon阅读 742评论 0 0
  • 香烟恋上了手指,手指却把香烟给了嘴唇,香烟亲吻着嘴唇,内心却给了肺,肺以为得到了香烟的真心,却不知伤害了自己! 世...
    双手遮不住大脸阅读 314评论 0 0
  • 生活中有很多的女孩子,手上买衣服鞋子的钱不少,经常买买买,但是一换季的时候就发愁没有衣服穿。 曾经我也面临这样的问...
    捧书小喵阅读 1,003评论 0 0

友情链接更多精彩内容