你的位置:首页 > 操作系统

[操作系统]下拉弹出列表选择项效果


 

右边菜单中的按键,点击弹出一个列表可选择,选择其中一个,响应相应的事件并把文字显示在右边的菜单上;弹出下拉效果使用LMDropdownView插件,可以用POD进行加载pod ‘LMDropdownView’;LMDropdownView是把想要的视图赋给它;

源代码地址:https://github.com/JxbSir/YiYuanYunGou

效果如下:

 

1:在主页面先定义按键跟绑定视图(没写全的都是属性中定义了比如btnRigth,dropdownView等):

btnRigth = [UIButton buttonWithType:UIButtonTypeCustom];  [btnRigth addTarget:self action:@selector(btnRightAction) forControlEvents:UIControlEventTouchUpInside];  if(![OyTool ShardInstance].bIsForReview)  {    [self actionCustomNavBtn:btnRigth nrlImage:@"" htlImage:@"" title:@"全部分类▽"];  }  else  {    [self actionCustomNavBtn:btnRigth nrlImage:@"" htlImage:@"" title:[dicTypeName.allValues objectAtIndex:0]];  }  self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btnRigth];  AllProTypeView* tview = [[AllProTypeView alloc] initWithFrame:self.view.bounds];  tview.delegate = self;  //赋于下拉的里效果视图  dropdownView = [[LMDropdownView alloc] init];  dropdownView.menuBackgroundColor = [UIColor whiteColor];  dropdownView.menuContentView = tview;

 

2:其中对设置按键进行的封装:

- (void)actionCustomNavBtn:(UIButton *)btn nrlImage:(NSString *)nrlImage         htlImage:(NSString *)hltImage           title:(NSString *)title {  [btn setImage:[UIImage imageNamed:nrlImage] forState:UIControlStateNormal];  if (hltImage) {    [btn setImage:[UIImage imageNamed:hltImage] forState:UIControlStateHighlighted];  } else {    [btn setImage:[UIImage imageNamed:nrlImage] forState:UIControlStateNormal];  }  if (title) {    btn.titleLabel.font = [UIFont boldSystemFontOfSize:13];    [btn setTitle:title forState:UIControlStateNormal];    [btn setTitle:title forState:UIControlStateHighlighted];    [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];    [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted];  }  [btn sizeToFit];}

 

3:其中btnRightAction响应事件内容(主要用于显示跟隐藏下拉效果):

- (void)btnRightAction{  if ([dropdownView isOpen])  {    [dropdownView hide];  }  else  {    //[tbViewType reloadData];    [dropdownView showInView:self.view withFrame:CGRectMake(0, 0, mainWidth, self.view.bounds.size.height)];  }}

 

4:AllProTypeView下拉内容的视图代码如下(是一个列表):

.h文件内容#import <UIKit/UIKit.h>@protocol AllProTypeViewDelegate- (void)selectedTypeCode:(int)code;@end@interface AllProTypeView : UIView@property(nonatomic,weak)id<AllProTypeViewDelegate> delegate;@end.m文件内容@interface AllProTypeView ()<UITableViewDataSource,UITableViewDelegate>{  UITableView   *tbView;    NSArray     *arrOfType;  NSArray     *arrOfTypeImage;  NSInteger    indexType;    __weak id<AllProTypeViewDelegate> delegate;}@end@implementation AllProTypeView@synthesize delegate;- (id)initWithFrame:(CGRect)frame{  self = [super initWithFrame:frame];  if(self)  {    self.backgroundColor = [UIColor redColor];        tbView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, mainWidth, frame.size.height) style:UITableViewStyleGrouped];    tbView.delegate = self;    tbView.dataSource = self;    tbView.backgroundColor = [UIColor whiteColor];    tbView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;    tbView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;    [self addSubview:tbView];        if(![OyTool ShardInstance].bIsForReview)    {      arrOfType = @[@"全部分类",@"手机数码",@"电脑办公",@"家用电器",@"化妆个护",@"钟表首饰",@"其他商品"];      arrOfTypeImage = @[@"sort0",@"sort100",@"sort106",@"sort104",@"sort2",@"sort222",@"sort312"];    }    else    {      arrOfType = @[@"家用电器",@"化妆个护",@"钟表首饰",@"其他商品"];      arrOfTypeImage = @[@"sort104",@"sort2",@"sort222",@"sort312"];    }  }  return self;}#pragma mark - tableview- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{  return 1;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{  return arrOfType.count;}- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{  return 44;}- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{  return 0.1;}- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{  return 0.1;}- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{  //static NSString *CellIdentifier = @"Cell";  UITableViewCell *cell = nil;//(UITableViewCell*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];  if(cell == nil)  {    cell = [[UITableViewCell alloc] init];  }  cell.textLabel.text = [NSString stringWithFormat:@"    %@", [arrOfType objectAtIndex:indexPath.row]];  NSString* name = [arrOfTypeImage objectAtIndex:indexPath.row];   if(indexPath.row == indexType)  {    name = [NSString stringWithFormat:@"%@_checked",name];    cell.textLabel.textColor = mainColor;        UIImageView* imgOK = [[UIImageView alloc] initWithFrame:CGRectMake(mainWidth - 32, 14, 20, 16)];    imgOK.image = [UIImage imageNamed:@"screening_select"];    [cell addSubview:imgOK];  }  else  {    name = [NSString stringWithFormat:@"%@_normal",name];  }  UIImageView* img = [[UIImageView alloc] initWithFrame:CGRectMake(16, 10, 24, 24)];  img.image = [UIImage imageNamed:name];  [cell addSubview:img];  return cell;}- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{  [tableView deselectRowAtIndexPath:indexPath animated:YES];  indexType = indexPath.row;  [tbView reloadData];    if(delegate)  {    NSString* code = [[arrOfTypeImage objectAtIndex:indexPath.row] stringByReplacingOccurrencesOfString:@"sort" withString:@""];    [delegate selectedTypeCode:[code intValue]];  }}@end

注意:列表有绑定是否是被选择,它显示的效果是不一样的,在触发行时对标识符进行重新赋值,把通过delegate把它传回主视图控件器里;

 

5:主控制器里响应上面delegate的内容为:

- (void)selectedTypeCode:(int)code{  iCodeType = code;  [dropdownView hide];    NSString* key = [NSString stringWithFormat:@"%d",code];  NSString* name = [dicTypeName objectForKey:key];    [self actionCustomNavBtn:btnRigth nrlImage:@"" htlImage:@"0" title:name];    //重新绑定列表显示内容  __weak typeof (self) wSelf = self;  curPage = 1;  [self getData:^{    __strong typeof (wSelf) sSelf = wSelf;    sSelf->listNew = nil;  }];}