博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS可动态切换的NavigationTitle
阅读量:6970 次
发布时间:2019-06-27

本文共 2117 字,大约阅读时间需要 7 分钟。

功能

通过点击NavigationTitle,我们可以切换不同的内容,写了一个控件,实现如下图效果。

优点

  1. 可以通过更改数据源,动态的改变选项数量和文字内容;
  2. 当数据源数量小于等于1时,自动隐藏小三角图标,文字自动居中,且title不可点击;
  3. 下拉出的Menu的Cell样式可以自定义;
  4. 适配iOS11。

使用方法

1.初始化

SCNavigationMenuView  *menuView = [[SCNavigationMenuView alloc] initWithNavigationMenuItems:nil];menuView.delegate = self;  // 设置点击menuCell回调的代理[menuView displayMenuInView:self.view];  // 将menuView展示在哪个view上,self指当前ViwController复制代码

2. 设置数据源

NSMutableArray *array = [NSMutableArray array];SCMenuItem *item1 = [SCMenuItem new];item1.title1 = @"体育内容";item1.title2 = @"体育";[array addObject:item1];    SCMenuItem *item2 = [SCMenuItem new];item2.title1 = @"科技内容";item2.title2 = @"科技";[array addObject:item2];// 设置数据源(数据源格式为实现SCNavigationMenuItemProtocol的对象,)后// 控件会自动更新navigationTitle和menuCell的数据内容// 数据源可以多次设置[self.menuView setNavigationMenuItems:array];复制代码

3.回调方法

#pragma mark - SCNavigationMenuViewDelegate// 点击menuCell的回调方法- (void)navigationMenuView:(SCNavigationMenuView *)navigationMenuView didSelectItemAtIndex:(NSUInteger)index{    if (index % 2 == 0) {        self.view.backgroundColor = [UIColor blueColor];    } else {        self.view.backgroundColor = [UIColor redColor];    }}复制代码

4.自定义menuCell需要使用的初始化方法

// 初始化方法// navigationMenuItems为数据源// menuCellClass自定义menuCell的Class,这个类需要实现SCNavigationMenuCellProtocol协议- (instancetype)initWithNavigationMenuItems:(NSArray
*)navigationMenuItems menuCellClass:(Class)menuCellClass;复制代码

5.协议

5.1 数据源需要实现这个协议
@protocol SCNavigationMenuItemProtocol 
@required- (NSString *)navigationTitle;- (NSString *)menuTitle;@optional- (NSString *)menuSelectedTitle;@end复制代码
5.2 自定义MenuCell,需要实现这个协议
@protocol SCNavigationMenuCellProtocol 
@required// 返回cell的高度 例如:@(44)// navigationMenuItem 数据源// reuseID cell重用ID+ (NSNumber *)cellHeightWithNavigationMenuItem:(id
)navigationMenuItem;+ (NSString *)reuseID;// 配置cell的样式和内容// navigationMenuItem 数据源// selected cell是否被选中- (void)configCellWithNavigationMenuItem:(id
)navigationMenuItem selected:(BOOL)selected;@end复制代码

结束

使用接口简单方便,可以通过Pod导入到项目中。对于这个小控件有什么建议或者意见的话,可以向我反馈,喜欢的话,也可以通过star来鼓励下我,谢谢大家捧场。

转载地址:http://hfssl.baihongyu.com/

你可能感兴趣的文章
sed运用实例一——基于变量的动态替换
查看>>
Html 常见问题
查看>>
GitHub十周岁HanLP自然语言处理包用户量超越CoreNLP
查看>>
Pycharm上Django的使用 Day2
查看>>
5.22-zabbix监控Nginx
查看>>
OSChina 周三乱弹 ——纪念Bob Taylor
查看>>
OSChina 周一乱弹 ——爱丽三个小时没吃鱼罐头了
查看>>
OSChina 周六乱弹 ——程序员还是大学生的时候 带啥去上学
查看>>
nginx在linux环境下安装
查看>>
14_02_Linux系统启动流程详解之二 内核及init
查看>>
Android Material风格的应用(一)--AppBar TabLayout
查看>>
EasyUI的渣性能
查看>>
puppet自动化运维之cron资源
查看>>
Linux系统下MongoDB的简单安装与基本操作
查看>>
XEN虚拟机复制
查看>>
redis未授权访问导致的安全问题
查看>>
salt Syndic 的实现
查看>>
JSP/Java 获取路径问题
查看>>
我的友情链接
查看>>
43、源码安装MariaDB
查看>>