SJPullDownMenu下拉菜单框架使用

SJPullDownMenu

---

• 快速集成类似淘宝筛选下拉菜单
• 如果页面显示不全等问题请转至：http://www.jianshu.com/p/d07c6393830c 查看使用

Getting Started【开始使用】

Manually【手动导入】

---

• Drag all source files under floder SJPullDownMenu to your project.【将SJPullDownMenu文件夹中的所有源代码拽入项目中】
• Import the main header file：#import “SJPullDownMenu.h”【导入主头文件：#import “SJPullDownMenu.h”】

SJPullDownMenu.h

---

• 代理方法

@protocol SJPullDownMenuDataSource <NSObject>/** *  下拉菜单列数 * *  @param pullDownMenu 下拉菜单 * *  @return 下拉菜单列数 */- (NSInteger)numberOfColsInMenu:(SJPullDownMenu *)pullDownMenu;/** *  下拉菜单每列按钮 * *  @param pullDownMenu 下拉菜单 *  @param index        第几列 * *  @return 下拉菜单每列按钮 */- (UIButton *)pullDownMenu:(SJPullDownMenu *)pullDownMenu buttonForColAtIndex:(NSInteger)index;/** *  下拉菜单每列对应的控制器 * *  @param pullDownMenu 下拉菜单 *  @param index        第几列 * *  @return 下拉菜单每列对应的控制器 */- (UIViewController *)pullDownMenu:(SJPullDownMenu *)pullDownMenu viewControllerForColAtIndex:(NSInteger)index;/** *  下拉菜单每列对应的高度 * *  @param pullDownMenu 下拉菜单 *  @param index        第几列 * *  @return 下拉菜单每列对应的高度 */- (CGFloat)pullDownMenu:(SJPullDownMenu *)pullDownMenu heightForColAtIndex:(NSInteger)index;@end

• 属性与方法

@interface SJPullDownMenu : UIView/** *  数据源 */@property (nonatomic, weak) id<SJPullDownMenuDataSource> dataSource;/** *  默认值 */@property (nonatomic, strong) NSArray *defaultTitleArray;/** *  分割线颜色 */@property (nonatomic, strong) UIColor *separateLineColor;/** *  蒙版颜色 */@property (nonatomic, strong) UIColor *coverColor;/** *  隐藏分隔线 */@property (nonatomic, assign) BOOL hiddenSeparateLine;/** *  动画持续时间 */@property (nonatomic, assign) CGFloat animateTime;/** *  刷新菜单 */- (void)reloadMenu;@end

• 更新标题的通知名称

/** *  更新菜单文字通知名称(如果没有冲突，建议不要修改) */static NSString * const SJUpdateMenuTitle = @"SJUpdateMenuTitle";

初始化菜单

---

    // 菜单按钮默认值    NSArray *defaultTitleArray = @[@"综合排序", @"价格优先", @"更多"];    // 初始化    SJPullDownMenu *menuView = [[SJPullDownMenu alloc] init];    // 设置尺寸    menuView.frame = CGRectMake(0, 20, self.view.bounds.size.width, 44);    // 设置数据源    menuView.dataSource = self;    // 设置每列按钮默认值    menuView.defaultTitleArray = defaultTitleArray;    [self.view addSubview:menuView];    self.menuView = menuView;    // 添加内容控制器    [self addContentViewController];

初始化内容控制器

---

/** *  添加内容控制器 */- (void)addContentViewController {    SJTestOneViewController *testOneVC = [[SJTestOneViewController alloc] init];    SJTestTwoViewController *testTwoVC = [[SJTestTwoViewController alloc] init];    SJTestThreeViewController *testThreeVC = [[SJTestThreeViewController alloc] init];    [self addChildViewController:testOneVC];    [self addChildViewController:testTwoVC];    [self addChildViewController:testThreeVC];}

实现代理方法

---

// 返回下拉菜单多少列- (NSInteger)numberOfColsInMenu:(SJPullDownMenu *)pullDownMenu{    return self.childViewControllers.count;}// 返回下拉菜单每列按钮- (UIButton *)pullDownMenu:(SJPullDownMenu *)pullDownMenu buttonForColAtIndex:(NSInteger)index{    SJButton *button = [SJButton buttonWithType:UIButtonTypeCustom];    [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];    [button setTitleColor:[UIColor lightGrayColor] forState:UIControlStateSelected];    [button setImage:[UIImage imageNamed:@"icon_more_highlighted"] forState:UIControlStateNormal];    [button setImage:[UIImage imageNamed:@"icon_more"] forState:UIControlStateSelected];    return button;}// 返回下拉菜单每列对应的控制器- (UIViewController *)pullDownMenu:(SJPullDownMenu *)pullDownMenu viewControllerForColAtIndex:(NSInteger)index{    return self.childViewControllers[index];}// 返回下拉菜单每列对应的高度- (CGFloat)pullDownMenu:(SJPullDownMenu *)pullDownMenu heightForColAtIndex:(NSInteger)index{    // 设置高度    if (index == 0) {        return 390;    } else if (index == 1) {        return 130;    } else if (index == 2) {        return 260;    } else {        return 130;    }}

更新标题

• 为了使用更灵活，使用通知来更新标题的方式，只需要在需要的地方使用通知就可以了

  • 首先导入头文件
    
    
    

  #import "SJPullDownMenu.h"

  • 在需要的地方使用
    
    
    

  - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];// 更新标题[[NSNotificationCenter defaultCenter] postNotificationName:SJUpdateMenuTitle object:self userInfo:@{@"title" : cell.textLabel.text}];}

注：这边的userInfo只可发送一个Key值,Key的name不限制

【SJPullDownMenu】框架github下载地址：https://github.com/shaojianye/SJPullDownMenu.git
【SJPullDownMenu】框架码云下载地址：https://git.oschina.net/miaomiaoshen/SJPullDownMenu.git