内容简介:引言:在iOS开发中,条件筛选框基本出现在每一个app中,今天我们就来了解一下条件筛选框效果图显而易见,我们的这个筛选框是通过tableview来实现的,所以我们自定义了一个继承自UIView的子类synthesizeMenuPopView
引言:在iOS开发中,条件筛选框基本出现在每一个app中,今天我们就来了解一下条件筛选框
效果图
显而易见,我们的这个筛选框是通过tableview来实现的,所以我们自定义了一个继承自UIView的子类synthesizeMenuPopView
synthesizeMenuPopView.h
typedef void (^synthesizeMenuPopBlock)(NSString *cellTitle); @interface synthesizeMenuPopView : UIView<UITableViewDelegate,UITableViewDataSource> @property (nonatomic, strong) UITableView *tableView; @property(nonatomic,strong)NSMutableArray *dataArray ; @property (nonatomic, copy) NSString *CellText ; @property(nonatomic,copy)synthesizeMenuPopBlock block ; @end
我们这里定义:
1 . 一个匿名函数 – block 用于传值
2 . 一个数组 – dataArray 用于tableview上展示的数据
3 . 一个字符串 – CellText 用于判断当前选中的文字和显示的文字效果
synthesizeMenuPopView.m
-(instancetype)initWithFrame:(CGRect)frame{ if (self == [super initWithFrame:frame]) { self.backgroundColor = [kTextFieldColor colorWithAlphaComponent:0.6] ; // kTextFieldColor是我自己定义的宏,自行修改一下 UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, self.height)] ; tableView.delegate = self ; tableView.dataSource = self ; tableView.separatorStyle = UITableViewCellSeparatorStyleNone ;
[self addSubview:tableView]
; self.tableView = tableView ; // 将self.tableView指向tableView所在的地址 } return self ; } //这里重写dataArray 的set方法,当每次给dataArray赋值的时候都会调用该方法,从而修改tableview的高度 -(void)setDataArray:(NSMutableArray *)dataArray{ _dataArray = dataArray ; self.tableView.height = _dataArray.count * 85 * kFitWithWidth ; } //设置tableView的代理方法 – (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{ return 1; } -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ return self.dataArray.count ; } -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ return 85 * kFitWithWidth ; } -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ static NSString * const cellID = @”cellID” ; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID] ; if (cell == nil) { cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellID] ; } cell.textLabel.text = self.dataArray[indexPath.row]; if ([self.CellText isEqualToString:cell.textLabel.text]) { cell.textLabel.textColor = RGB(247, 97, 76) ; }else{ cell.textLabel.textColor = [UIColor blackColor] ; } cell.textLabel.font = [UIFont systemFontOfSize:10] ; return cell ; } //tableView的点击事件 -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ [tableView deselectRowAtIndexPath:indexPath animated:YES]; // 获取选中cell UITableViewCell *cell = (UITableViewCell *)[tableView cellForRowAtIndexPath:indexPath]; // 改变选中cell的 标题颜色 cell.textLabel.textColor = RGB(247, 97, 76); // 传出选中cell的 标题 if (self.block != nil) { self.block(cell.textLabel.text); } // 刷新tableView
[self.tableView reloadData]
; // 选中后隐藏 self.hidden = YES; return ; } -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ self.hidden = ! self.hidden ; }
ViewController.m中
//简单使用if (button.tag == kTagStart + 1) { // 销量 synthesizePopView.hidden = NO ; synthesizePopView.dataArray = dataArray[0] ; [synthesizePopView.tableView reloadData] ; synthesizePopView.CellText = button.titleLabel.text ; __weak __typeof__(self) weakSelf = self; synthesizePopView.block = ^(NSString * _Nonnull cellTitle) { //如果在 Block 内需要多次 访问 self,则需要使用 strongSelf //__strong 确保在 Block 内,strongSelf 不会被释放。 __strong __typeof(self) strongSelf = weakSelf; [strongSelf->priceMenuBtn setTitle:@"价格排序" forState:UIControlStateNormal] ;
[button setTitle:cellTitle forState:UIControlStateNormal]
; if ([cellTitle isEqualToString:@”由高到低”]) { sortTypeStr = 3 ; }else if ([cellTitle isEqualToString:@”由低到高”]){ sortTypeStr = 2 ; }else{ sortTypeStr = 1 ; } [strongSelf initRecommendViewApi] ; } ; }
这样一个筛选下拉就做完了。感觉还有很多不足的地方,希望大家指正。
转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/25347.html
微信打赏
支付宝打赏
感谢您对作者Miya的打赏,我们会更加努力! 如果您想成为作者,请点我
以上所述就是小编给大家介绍的《iOS – tableView类型的筛选框实现》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- JS中的数组过滤,从简单筛选到多条件筛选
- 记一次筛选重构
- python素数筛选法浅析
- python如何在列表、字典中筛选数据
- 深度学习在封面图筛选中的应用
- python使用筛选法计算小于给定数字的所有素数
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
写给Web开发人员看的HTML5教程
2012-3 / 45.00元
《写给Web开发人员看的HTML5教程》通过结合大量实际案例和源代码对HTML5的重要特性进行了详细讲解,内容全面丰富,易于理解。全书共分为12章,从HTML5的历史故事讲起,涉及了文档结构和语义、智能表单、视频与音频、画布、SVG与MathML、地理定位、Web存储与离线Web应用程序、WebSockets套接字、WebWorker多线程、微数据以及以拖曳为代表的一些全局属性,涵盖了HTML5所......一起来看看 《写给Web开发人员看的HTML5教程》 这本书的介绍吧!