iOS自定义控件：简易下拉控件

最新推荐文章于 2024-05-26 09:46:19 发布
最新推荐文章于 2024-05-26 09:46:19 发布
阅读量303 收藏
点赞数
文章标签： 移动开发
原文链接：https://juejin.im/post/5c7e2d21f265da2ddf78abcf
版权

最近自由时间有点多，就开始撸控件。这个是我们常用的一个下拉分类控件，看了很多别人写的，都是用TableView或者CollectionView整合在一起的感觉自定义性没有那么强，所以就尝试用把TableView和CollectionView替换成UIViewController。其他废话不多说了。

1、 接口文件
#import <UIKit/UIKit.h>

UIKIT_EXTERN NSString *lzDropViewNotification;

NS_ASSUME_NONNULL_BEGIN

@class LZDropView;
@protocol LZDropViewDataSource <NSObject>

@required

/** Height corresponding to controller display */
- (NSArray<NSNumber *> *)setupCategoryControllerHeightInDropView:(LZDropView *)dropView;
/** Title corresponding controller array */
- (NSArray<UIViewController *> *)setupCategoryControllerInDropView:(LZDropView *)dropView;
/** Default display of Title Array */
- (NSArray<NSString *> *)setupCategoryTitleNameInDropView:(LZDropView *)dropView;

@end

@protocol LZDropViewDelegate <NSObject>

/** Click the column and select the information. */
- (void)dropView:(LZDropView *)dropView didSelectAtColumn:(NSInteger)column info:(NSString *)info;

@end

@interface LZDropView : UIView
/** Simple page configuration */
@property (nonatomic, weak) id <LZDropViewDataSource> dataSorce;
/** Click proxy event<##> */
@property (nonatomic, weak) id <LZDropViewDelegate> delegate;

@end

NS_ASSUME_NONNULL_END
复制代码
2、 实现文件
#import "LZDropView.h"

NSString *lzDropViewNotification = @"nitification";

@interface LZDropView ()

@property (nonatomic, strong) NSArray<UIViewController *> *controllerArray;
@property (nonatomic, strong) NSArray<NSString *> *titleArray;
@property (nonatomic, strong) UIButton *containerView;
@property (nonatomic, strong) NSArray<NSNumber *> *controllerHeightArray;
@property (nonatomic, strong) NSMutableArray<UIButton *> *buttonArray;

@end

@implementation LZDropView

#pragma mark - Release memory

- (void)dealloc {
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

#pragma mark - Initialization

- (instancetype)init {
    self = [super init];
    if (self) {
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(notificationAction:) name:lzDropViewNotification object:nil];
    }
    return self;
}

#pragma mark - Draw the page

- (void)setupTitleButton:(NSArray<NSString *> *)array {
    CGFloat width = UIScreen.mainScreen.bounds.size.width / array.count;
    self.buttonArray = [NSMutableArray array];
    for (NSString *name in array) {
        NSInteger index = [array indexOfObject:name];
        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
        button.titleLabel.font = [UIFont systemFontOfSize:15];
        [button setTitle:[NSString stringWithFormat:@"%@ ▼", name] forState:UIControlStateNormal];
        [button setTitle:[NSString stringWithFormat:@"%@ ▲", name] forState:UIControlStateSelected];
        [button setTitleColor:UIColor.grayColor forState:UIControlStateNormal];
        [button setTitleColor:UIColor.orangeColor forState:UIControlStateSelected];
        button.frame = CGRectMake(width * index, 0, width, 45);
        button.tag = index + 1000;
        [button addTarget:self action:@selector(buttonTouched:) forControlEvents:UIControlEventTouchUpInside];
        [self addSubview:button];
        [self.buttonArray addObject:button];
    }
}

#pragma mark - Button click event

- (void)buttonTouched:(UIButton *)sender {
    if (sender.selected) {
        [self closeControllerView];
    } else {
        [self openControllerViewWithButton:sender];
    }
}

- (void)backButtonTouched:(UIButton *)sender {
    [self closeControllerView];
}

#pragma mark - Notification event

- (void)notificationAction:(NSNotification *)notification {    
    if (![self.controllerArray containsObject:notification.object]) {
        return;
    }
    
    NSInteger index = [self.controllerArray indexOfObject:notification.object];
    UIButton *button = self.buttonArray[index];
    [button setTitle:[NSString stringWithFormat:@"%@ ▼", notification.userInfo.allValues.firstObject] forState:UIControlStateNormal];
    
    if (self.delegate && [self.delegate respondsToSelector:@selector(dropView:didSelectAtColumn:info:)]) {
        [self.delegate dropView:self didSelectAtColumn:index info:notification.userInfo.allValues.firstObject];
    }
    
    [self closeControllerView];
}

#pragma mark - Close all controllers.

- (void)closeControllerView {
    
    [UIView animateWithDuration:0.8 animations:^{
        self.containerView.alpha = 0;
        self.containerView.frame = CGRectMake(0, CGRectGetMaxY(self.frame), UIScreen.mainScreen.bounds.size.width, 0);
    } completion:^(BOOL finished) {
        [self.containerView removeFromSuperview];
    }];
    
    for (UIButton *button in self.buttonArray) {
        button.selected = false;
    }
}

#pragma mark - Open the corresponding controller.

- (void)openControllerViewWithButton:(UIButton *)sender {
    for (UIButton *button in self.buttonArray) {
        button.selected = false;
    }
    
    self.containerView.alpha = 1;
    
    for (UIView *view in self.containerView.subviews) {
        [view removeFromSuperview];
    }
    
    UIViewController *vc = self.controllerArray[sender.tag - 1000];
    double vcHeight = [self.controllerHeightArray[sender.tag - 1000] doubleValue];
    
    self.containerView.frame = CGRectMake(0, CGRectGetMaxY(self.frame), self.frame.size.width, 0);
    vc.view.frame = CGRectMake(0, 0, UIScreen.mainScreen.bounds.size.width, 0);
    [self.superview addSubview:self.containerView];
    [self.containerView addSubview:vc.view];
    
    [UIView animateWithDuration:0.6 animations:^{
        self.containerView.frame = CGRectMake(0, CGRectGetMaxY(self.frame), self.frame.size.width, UIScreen.mainScreen.bounds.size.height);
        vc.view.frame = CGRectMake(0, 0, UIScreen.mainScreen.bounds.size.width, vcHeight);
    } completion:^(BOOL finished) {
        
    }];
    sender.selected = true;
}

#pragma mark - Getter

- (UIView *)containerView {
    if (!_containerView) {
        _containerView = [[UIButton alloc] init];
        _containerView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.1];
        [_containerView addTarget:self action:@selector(backButtonTouched:) forControlEvents:UIControlEventTouchUpInside];
    }
    return _containerView;
}

#pragma mark - Setter

- (void)setDataSorce:(id<LZDropViewDataSource>)dataSorce {
    _dataSorce = dataSorce;
    
    if (self.dataSorce && [self.dataSorce respondsToSelector:@selector(setupCategoryControllerInDropView:)]){
        self.controllerArray = [self.dataSorce setupCategoryControllerInDropView:self];
    }
    
    if (self.dataSorce && [self.dataSorce respondsToSelector:@selector(setupCategoryTitleNameInDropView:)]){
        self.titleArray = [self.dataSorce setupCategoryTitleNameInDropView:self];
        [self setupTitleButton:self.titleArray];
    }
    
    if (self.dataSorce && [self.dataSorce respondsToSelector:@selector(setupCategoryControllerHeightInDropView:)]) {
        self.controllerHeightArray = [self.dataSorce setupCategoryControllerHeightInDropView:self];
    }
    
    if (self.controllerArray.count != self.titleArray.count ||
        self.controllerArray.count != self.controllerHeightArray.count) {
        @throw [NSException exceptionWithName:NSStringFromClass([self class]) reason:@"The number of corresponding arrays is inconsistent." userInfo:nil];
    }
}

@end
复制代码
使用方式

1.遵循协议

<LZDropViewDataSource, LZDropViewDelegate>
复制代码

2.初始化

LZDropView *view     = [[LZDropView alloc] init];
    view.dataSorce       = self;
    view.delegate        = self;
    view.backgroundColor = UIColor.whiteColor;
    view.frame           = CGRectMake(0, 100, UIScreen.mainScreen.bounds.size.width, 45);
    [self.view addSubview:view];
复制代码
  1. 实现代理和数据源
#pragma mark - LZDropViewDataSource

- (NSArray<UIViewController *> *)setupCategoryControllerInDropView:(LZDropView *)dropView {
    return @[[[TableViewController alloc] init],
             [[TableViewController alloc] init],
             [[TableViewController alloc] init],
             [[TableViewController alloc] init]];
}

- (NSArray<NSString *> *)setupCategoryTitleNameInDropView:(LZDropView *)dropView {
    return @[@"全部",
             @"附近",
             @"只能排序",
             @"筛选"];
}

- (NSArray<NSNumber *> *)setupCategoryControllerHeightInDropView:(LZDropView *)dropView {
    return @[[NSNumber numberWithFloat:300],
             [NSNumber numberWithFloat:400],
             [NSNumber numberWithFloat:410],
             [NSNumber numberWithFloat:420]];
}

#pragma mark - LZDropViewDelegate

- (void)dropView:(LZDropView *)dropView didSelectAtColumn:(NSInteger)column info:(NSString *)info {
    NSLog(@"%ld---%@", column, info);
}

复制代码
  1. 点击controller中的数据显示在按钮的标题中，这因为跨界面显示，我暂时没有想到好的办法，所以使用强大的通知传值。
  2. 记录选中状态，应该是控制器里面的操作，这里就没有实现
[[NSNotificationCenter defaultCenter] postNotificationName:lzDropViewNotification object:self userInfo:@{@"key":[NSString stringWithFormat:@"第%ldcell", indexPath.row]}];
复制代码

如果有什么不好如果建议的地方，请批评指正！

weixin_33881050
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS小技能：下拉刷新控件的适配
iOS逆向与安全
02-24 1万+
前言 present 半屏问题 modalPresentationStyle属性默认不是UIModalPresentationFullScreen了，需要根据需求手动设置。 LXNavigationViewController *nav = [[LXNavigationViewController alloc] initWithRootViewController:loginViewControl...
ios-下拉框筛选控件.zip
07-11
文章地址：http://www.jianshu.com/p/f947ecbe8524
推荐一款高效实用的iOS下拉菜单控件：LMJDropdownMenu
最新发布
gitblog_00021的博客
05-26 285
推荐一款高效实用的iOS下拉菜单控件：LMJDropdownMenu 项目地址:https://gitcode.com/JerryLMJ/LMJDropdownMenu 在移动应用开发中，用户友好的界面设计至关重要。今天，我们要向您推荐一款专为iOS平台打造的下拉菜单控件——LMJDropdownMenu，它不仅功能强大，而且易于集成，能为您的应用程序带来流畅、美观的交互体验。 项目介绍 LMJD...
iOS 实现下拉选项框
07-15
iOS 使用tableview实现下拉选项框，可以直接使用
ios-简单的下拉列表控件.zip
07-11
自己封装了一个简单的下拉列表控件，会根据控件所在屏幕位置自动计算列表是该向上还是向下弹出，调用简单。 博客:https://www.jianshu.com/p/00186b02cb04 github:https://github.com/woheduole/EBDropdownListView
IOS下拉控件纯代码
Devil_Net的博客
07-28 378
#import "ViewController.h" //tabelView代理 @interface ViewController() <UITableViewDelegate,UITableViewDataSource> //定义控件 @property(nonatomic,copy)NSArray *dataArray; @property(nonatomic,strong)U...
Android自定义控件仿ios下拉回弹效果
01-05
在ios中我们经常能看到，在一个页面中即使是只有一个控件，这一个控件只占整个页面的1/10不到，但是当我们下拉整个页面的时候还是会有回弹的效果（在这里我们暂不考虑这样的页面是否美观，只是就怎么实现进行分析
下拉菜单 下拉抽屉 自定义控件
07-28
本话题将详细探讨"下拉菜单"和"下拉抽屉"这两种常见的自定义控件，并结合实际项目中的应用进行阐述。 首先，下拉菜单（Dropdown Menu）是一种常见的交互元素，常用于空间有限但选项众多的场景。在用户界面中，它以...
ios自定义下拉刷新控件
10-17
下面我们将深入探讨如何在iOS中实现自定义下拉刷新控件。 一、下拉刷新基础 1. UIRefreshControl：苹果提供的系统下拉刷新控件，内置了简单的旋转菊花动画。虽然简单易用，但样式有限，无法满足所有设计需求。 2....
ios自定义上拉下拉刷新.zip
08-17
2. 自定义刷新控件：为了实现更丰富的视觉效果和交互，开发者通常需要自定义刷新控件，这涉及到手势识别、动画控制和内容加载逻辑。 三、关键技术点 1. UIGestureRecognizer：通过添加PanGestureRecognizer或Swipe...
iOS 下拉筛选菜单列表
04-05
作者Aufree，源码ESTCollectionViewDropDownList，一个开源的 iOS 下拉筛选菜单列表, 拥有类似虾米专辑频道筛选功能, 根据服务器返回的 Tag 数据动态计算视图高度, 隐藏菜单后将会显示已选择的标签，ESTCollectionViewDropDownList 是一个实现了 iOS 下拉标签列表视图的 Demo。
IOS自定义控件UICombox
08-07
一款自定义的UICombox控件，具体看：http://blog.csdn.net/kangkangz4/article/details/7839571
IOS下拉菜单
zhouyelihua
08-27 5234
在IOS并没有下拉菜单的实现，所以我们通过实现一个下拉菜单来实现这个功能 代码可以在github上下载https://github.com/zhouyelihua/YHPullDownMenu 把YHPullDownMenu.h和YHPullDownMenu.m文件添加到你的工程中，按照以下调用方式就可以 NSArray *items = @[@"东方不败", @"步惊云", @"女娲
Iphone控件大全
04-26 9783
Iphone的常用控件有哪些？看看下面 一 视图UIView和UIWindow iphone视图的规则是：一个窗口，多个视图。UIWindow相当于电视机，UIViews相当于演员。   1.显示数据的视图 下面几个类可在屏幕上显示信息： UITestView:将文本段落呈现给用户并/允许用户使用键盘输入自己的文本。可设置可编辑或不可编辑，使用单一字号和
iOS UITableView中的下拉列表
wang6077185的博客
12-15 1848
最近在项目中遇到一个需要在tableView上加下拉列表的界面，一开始想的挺简单的，决定用两个tableView来做，在一个tableView的自定制cell中加一个tableView。但是遇到最大的一个问题就是，下拉列表要比自定制的cell长很多，导致超出父视图的界限而无法点击，所以决定直接将下拉列表加在self.view上。 倒是没多么难，但是比较麻烦，考虑的东西比较多。 Demo gith
iOS自定义控件要注意的问题
热门推荐
中国架构师的博客
12-16 4万+
一.建议使用约束进行布局，Masonry非常好用，强烈推荐 二.尽量不要自己单独封装初始化方法， 因为：1.项目需求改变后，不方便以后修改 2.初始化化完，经常还用到读取属性的方法，属性可能需要改变 三.类和属性命名要尽量做到见名知意 1.类的命名结尾尽量用父类，属性的命名结尾尽量用 2. 未完待续……
iOS中标准的自定义控件（UIView的封装）
A765556097的博客
01-24 1万+
iOS中标准的自定义控件（UIView的封装）前言，在开发过程中，由于系统的控件不能达到开发者的需求，导致自定义控件使用的频率非常高，基本上项目中处处都是自定义的控件。本文将介绍自定义控件的总体使用（也就是UIView的封装），不细分单独控件的自定义（如UIButton、UITabBar的自定义）其实单独控件的自定义与本文也是大同小异。另外本文下面的例子用自定义UIButton更为合适，但是本人出于
封装iOS自定义控件的体会
LXL_815520的博客
03-02 1363
一个良好的自定义控件，能大大减少控制器里的代码，让代码在它最应该在的地方，显得层次清晰。此外，一个没有耦合的自定义控件，能拿到之后的任何项目中用，提高开发效率。接口友好、使用简单、不存在耦合、代码层次清晰易维护等是一个好控件的必备素质。项目中常见的自定义控件，往往是一些弹窗，方便用户进行查看、输入、选择等操作。 下面贴出我最近封装的三个控件代码、效果图和思路分析。 一、时间选择器 1.
iOS 10 UICollectionView新特性1
08-03
用户可以轻松地在UICollectionView中添加下拉刷新控件，提高数据更新的便捷性，同时保证了刷新过程不影响滑动体验。 iOS 10通过这些新特性和优化，极大地提升了UICollectionView的性能，使得开发者能够创建出更流畅...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值