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

预览


iPhone5 模拟器

仿考拉海购的分类菜单栏联动选择界面_第1张图片
i5.gif

iPhone6 模拟器
仿考拉海购的分类菜单栏联动选择界面_第2张图片
i6.gif

iPhone6p 模拟器
仿考拉海购的分类菜单栏联动选择界面_第3张图片
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

你可能感兴趣的:(仿考拉海购的分类菜单栏联动选择界面)