仿考拉海购的分类菜单栏联动选择界面

预览


iPhone5 模拟器

i5.gif

iPhone6 模拟器
i6.gif

iPhone6p 模拟器
i6p.gif

项目介绍


可以实现类似网易考拉海购的分类菜单栏联动选择界面,左侧为菜单栏,右侧为内容页。选择左侧某个菜单,右侧就会切换到相应的页面,实现联动的功能。

tips:

  • 可以在右侧添加collectionView,tableView等任意视图
  • 左侧菜单栏显示标题的个数已经适配了iPhone5、6、6p不同的屏幕大小,不会出现只显示一半标题的情况

使用


1、把 LinkageMenuView.h LinkageMenuView.m拖入你的项目

2、导入#import "LinkageMenuView.h"

3、创建LinkageMenuView,方式如下:

NSArray *titles = @[@"11",@"22",@"33",@"44"];  
NSArray *views = @[view1,view2,view3,view4];  
LinkageMenuView *lkMenu = [[LinkageMenuView alloc] initWithFrame:FRAME WithMenu:titles andViews:views];  

4、可以修改菜单栏样式,包括 textSize textColor selectTextColor bottomViewColor

lkMenu.textSize = 11;  
lkMenu.textColor = [UIColor blueColor];  
lkMenu.selectTextColor = [UIColor redColor];  
lkMenu.bottomViewColor = [UIColor yellowColor];  

最后


如果对你有帮助,欢迎star,有任何问题都可以提Issue
github:
https://github.com/EmotionV/LinkageMenu

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,223评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,142评论 25 708
  • 篮球打好,无非就是运球,投篮
    梦马韶华阅读 336评论 0 0
  • 不知道因为什么事,外面很吵,大家都出去看热闹。一个车主和好像送外卖的人在争吵着什么,很激烈,指手画脚的,有点动手的...
    流浪痴人阅读 271评论 0 0
  • 文/米娅 本文为《大脑拒绝不了的行销》读书笔记。此书为台版——竖行、繁体。我看起来特别不习惯,看得特别慢,花了好几...
    米娅向前走阅读 703评论 1 5