前言

1.支持展开折叠的弹出菜单的实现思路：

1.1将弹出视图添加到keyWindow，蒙版也添加到主窗口(主要原因是点击屏幕的空白处，需要隐藏弹出视图)

1.2展示的时候，动画从右上角往左下脚延伸；隐藏的时候，动画从左下脚往右上角收回（展示的时候，从上往下，即x,y 慢慢变大）

1.3 内部视图采用collectionView进行布局

1.4 view的frame 是根据当前点击的菜单按钮所在的商品cell进行计算和坐标转换的。

/**
 触发折叠菜单隐藏和显示的按钮
 */
@property (nonatomic,weak) UIButton *btn;
/**
 用于计算折叠菜单frame，
 */
@property (nonatomic,weak) UIButton *tmpbtn;

2.水平方向弹出菜单视图的应用场景：

2.1、门店商品的支持的功能：向右横向展开视图（操作：下/上架、打印、编辑、同步网络）支持再次折叠隐藏视图

2.2、网店商品目前只包含下架功能：展开折叠视图：（包含上/下架商品功能）

竖向弹出菜单视图

弹出菜单：会员模块的右上角的下拉菜单（竖向）https://kunnan.blog.csdn.net/article/details/84618986

视频：https://live.csdn.net/v/173757

demo1下载地址：https://download.csdn.net/download/u011018979/20598998

demo 设置两个测试开关：

测试开关1：将水平方向弹出菜单视图集成到cell

测试开关2：将水平方向弹出菜单视图集成到VC的View

demo2下载地址：https://download.csdn.net/download/u011018979/20537947

demo2的内容是：将水平方向弹出菜单视图集成到VC的View

疑问解答，请关注公众号：iOS逆向

I、支持展开折叠的弹出菜单的实现思路

1.1将弹出视图添加到keyWindow，蒙版也添加到主窗口(主要原因是点击屏幕的空白处，需要隐藏弹出视图)

#define kWindow [UIApplication sharedApplication].keyWindow
 [kWindow addSubview:self];
 [kWindow addSubview:self.cover];//蒙版添加到主窗口， 蒙版用于监听点击事件，来隐藏弹出视图

1.2 展开

展示的时候，动画从右上角往左下脚延伸；隐藏的时候，动画从左下脚往右上角收回（展示的时候，从上往下，即x,y 慢慢变大）

展开效果的实现原理：

1 点击展示商品信息的cell 上面的弹出按钮时，阴影alpha由0到1，弹窗的scale由0到1（这里使用CABasicAnimation）

2 点击空白处（self.cover），再让阴影alpha由1到0，弹窗的scale由1到0（同样使用CABasicAnimation），动画完成后移除阴影和弹窗

1.3 内部视图采用collectionView进行布局

@property (strong, nonatomic) UICollectionView *collectionView;

1.4 view的frame 是根据当前点击的菜单按钮所在的商品cell进行计算和坐标转换的。

CGRect endRect = [weakSelf.btn.superview convertRect:weakSelf.btn.frame toView:kWindow];
     CGRect Rect = [weakSelf.tmpbtn.superview convertRect:weakSelf.tmpbtn.frame toView:kWindow];
     // 设置菜单的frame
     weakSelf.models.rect = Rect;
     weakSelf.models.endRect =   endRect;// 结束的位置
     [[[weakSelf models].viewModel            expandMenuSubject] sendNext:weakSelf.models];
 }];

II、用法

2.1 创建弹出菜单popmenuView

构建菜单内部的数据模型

+ (NSMutableArray*)getMenudatas4MiniAppWithBlock:(void (^)(id sender))block{
   NSMutableArray* tmp = [NSMutableArray array];
    QCTCollectionModel *network = [QCTCollectionModel new];
    network.titleName =  QCTLocal(@"Shelves_key");
    network.imgName= @"icon_sp_shangjia";
    network.block = block;
    network.type =QCTCollectionModelType4Shelves;
    [tmp addObject:network];
    return tmp;
}

实现popmenuView的懒加载

#pragma mark - ******** 支持展开折叠的弹出菜单视图
- (QCTHorizontalpopupView *)popmenuView{
    if (!_popmenuView) {
        _popmenuView = [[QCTHorizontalpopupView alloc] initWithFrame:self.view.frame viewModel:self.viewModel];
        _popmenuView.hidden = YES;
       #pragma mark - ******** 构建折叠视图的模型
        __weak __typeof__(self) weakSelf = self;
            self.viewModel.Menudatas = [QCTCollectionModel getMenudatas4MiniAppWithBlock:^(  QCTCollectionModel * sender) {
                [[[weakSelf viewModel] hiddenSubject]sendNext:nil];
                NSLog(@"点击了%@",[sender titleName]);
                switch (sender.type) {
                    case QCTCollectionModelType4edit:
                    {
                        [weakSelf setupQCTEditMerchandiseViewController:sender];
                    }
                        break;
                    case QCTCollectionModelType4Shelves:
                        //        /**上架*/
                    {
                        // 根据不同的商品类型进行界面跳转
                        [weakSelf setupQCTCollectionModelType4Shelves:sender];
                    }
                        break;
                    case QCTCollectionModelType4Offtheshelf:
                    {
                        // 根据不同的商品类型进行界面跳转
                        [weakSelf setupQCTCollectionModelType4Shelves:sender];
                    }
                        break;
                        //        /**打印*/
                    case QCTCollectionModelType4Printer:
                    {
                        //打印
                        [weakSelf printerInfo:self.popmenuView.model];
                    }
                        break;
                    default:
                        break;
                }
            } ];
        _popmenuView.models = self.viewModel.Menudatas;
    }
    return _popmenuView;
}

2.2 监听弹出和折叠事件

/**
     监听弹出事件，此事件由展示商品信息的cell发出。
     */
    [self.viewModel.showMenuSubject subscribeNext:^(QCTgoodsManListModel  * x) {
        [weakSelf.popmenuView updateRect:   x.rect  ];// 更新popmenuView的位置。
        [weakSelf.popmenuView updateendRect:   x.endRect  ];// 设置折叠动画的终点
        [weakSelf.popmenuView expandView:x.expandViewCGPoint  ];
    }];
    /**
     折叠弹出菜单
     */
    [self.viewModel.hiddenSubject subscribeNext:^(id  _Nullable x) {
        [weakSelf.popmenuView foldView];
    }];
    // 监听弹出菜单按钮的点击事情，进行判断是展开还是隐藏
    [self.viewModel.expandMenuSubject subscribeNext:^(id  _Nullable x) {
        [weakSelf expandMenu:x];
    }];

判断是展开弹出菜单，还是折叠

#pragma mark - ******** 判断是展开弹出菜单，还是折叠
- (void)expandMenu:(id)x{//点击按钮
    self.popmenuView.model = x;
    [ self.viewModel.reloadSubject sendNext:nil];
    if ([self.popmenuView isHidden]) {
        [self.viewModel.showMenuSubject sendNext:x];
    }else{
        [self.viewModel.hiddenSubject sendNext:nil];
    }
}

III、完整demo

demo 设置两个测试开关

[self addpopV2cell];//  测试开关1：将水平方向弹出菜单视图集成到cell
//    [self addpopV2VCView];//  测试开关2：将水平方向弹出菜单视图集成到VC的View

3.1 demo1: 将水平方向弹出菜单视图集成到cell

demo1下载地址：https://download.csdn.net/download/u011018979/20598998

3.2 demo2:将水平方向弹出菜单视图集成到VC的View

文章：https://kunnan.blog.csdn.net/article/details/106406160

视频：https://live.csdn.net/v/173757

demo2下载地址：https://download.csdn.net/download/u011018979/20537947

1.支持展开折叠的弹出菜单的实现思路：

1.1将弹出视图添加到keyWindow，蒙版也添加到主窗口(主要原因是点击屏幕的空白处，需要隐藏弹出视图)

1.2展示的时候，动画从右上角往左下脚延伸；隐藏的时候，动画从左下脚往右上角收回（展示的时候，从上往下，即x,y 慢慢变大）

1.3 内部视图采用collectionView进行布局

1.4 view的frame 是根据当前点击的菜单按钮所在的商品cell进行计算和坐标转换的。

2.水平方向弹出菜单视图的应用场景：

2.1、门店商品的支持的功能：向右横向展开视图（操作：下/上架、打印、编辑、同步网络）支持再次折叠隐藏视图

2.2、网店商品目前只包含下架功能：展开折叠视图：（包含上/下架商品功能）

3.3 水平方向弹出菜单视图

弹出菜单HorizontalpopupView的具体代码

#import <UIKit/UIKit.h>
#import "QCTgoodsManListModel.h"
#import "QCThorizontalMenuCollectionViewCell.h"
#import "QCTgoodsListViewModel.h"
NS_ASSUME_NONNULL_BEGIN
/**
 Horizontal  Popup View 横向（水平方向）弹出菜单视图
 本app类似的弹出菜单：会员模块的右上角的下拉菜单（竖向）。
 I 、 展开折叠菜单（横向）：
 0、场景：
 0.1、网店商品目前只包含下架功能：展开折叠视图：（包含上/下架商品功能）。
 0.2、门店商品的支持的功能： 向右横向展开视图（操作：下/上架、打印、编辑、同步网络）支持再次折叠隐藏视图
II、实现思路：
1、 将视图添加到keyWindow，蒙版也添加到主窗口(避免每个商品cell都创建一个菜单视图)
 #define kWindow [UIApplication sharedApplication].keyWindow
 [kWindow addSubview:self];
 [kWindow addSubview:self.cover];//蒙版添加到主窗口
 2、展开效果：展示的时候，动画从右上角往左下脚延伸；隐藏的时候，动画从左下脚往右上角收回 // （展示的时候，从上往下，即x,y 慢慢变大）
 2.1、展开效果的实现原理：
 点击弹出按钮时，阴影alpha由0到1，弹窗的scale由0到1（这里使用CABasicAnimation）
 点击空白处，再让阴影alpha由1到0，弹窗的scale由1到0（同样使用CABasicAnimation），动画完成后移除阴影和弹窗
3、内部视图采用collectionView进行布局
 4、view的frame 是根据当前点击的菜单按钮所在的商品cell进行计算和坐标转换的。
 [[_btn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
 // 获取_btn 在Windows的 frame
     CGRect endRect = [weakSelf.btn.superview convertRect:weakSelf.btn.frame toView:kWindow];
     CGRect Rect = [weakSelf.tmpbtn.superview convertRect:weakSelf.tmpbtn.frame toView:kWindow];
     // 设置菜单的frame
     weakSelf.models.rect = Rect;
     weakSelf.models.endRect =   endRect;// 结束的位置
     [[[weakSelf models].viewModel            expandMenuSubject] sendNext:weakSelf.models];
 }];
 */
@interface QCTHorizontalpopupView : UIView
/**
 商品数据，存储着商品信息。用于打印、上下架以及编辑等
 */
@property (nonatomic, strong) QCTgoodsManListModel* model;
/**
 菜单视图的模型数据
 */
@property (nonatomic, strong) NSMutableArray* models;
@property (nonatomic, copy) void (^block)(id sender);
@property (nonatomic,strong) QCTgoodsListViewModel *viewModel;
- (id)initWithFrame:(CGRect)frame viewModel:(id)viewModel ;
/**
 更新菜单的frame。 需要根据models 设置设置下宽度
 */
- (void)updateRect:(CGRect)rect;
/**
 更新折叠动画的结束位置
 */
- (void)updateendRect:(CGRect)rect;
/**
 展开方法
 */
- (void)expandView:(CGPoint)AnchorPoint;
/**
 折叠方法
 */
- (void)foldView;
@end
NS_ASSUME_NONNULL_END

#import "QCTHorizontalpopupView.h"
@interface QCTHorizontalpopupView ()
/**
 */
@property (strong, nonatomic) UICollectionView *collectionView;
@property (strong, nonatomic) NSIndexPath *indexPath;
/**
 蒙版，用于处理点击空白处（即非弹出菜单部分）的事件
 */
@property (nonatomic, weak) UIView *cover;
/**
 弹出菜单的横向箭头
 */
@property (nonatomic, strong) UIImageView *img;
/**
 存储折叠动画的结束位置的View
 */
@property (nonatomic, strong) UIView *clickView;
@end
@implementation QCTHorizontalpopupView
- (UIView *)clickView{
    if (nil == _clickView) {
        UIView *tmpView = [[UIView alloc]init];
        _clickView = tmpView;
        [self addSubview:_clickView];
        tmpView.backgroundColor = [UIColor clearColor];
        tmpView.alpha = 0;
        __weak __typeof__(self) weakSelf = self;
        [tmpView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.centerY.equalTo(weakSelf).offset(0);
            make.size.mas_equalTo(CGSizeMake(kAdjustRatio(10), kAdjustRatio(10)));
            make.left.equalTo(weakSelf.img.mas_right).offset(kAdjustRatio(5));
        }];
    }
    return _clickView;
}
// 背景图片的菜单箭头
-(UIImageView *)img{//icon_huiyuanka_sanjiao
    if (!_img) {
        _img = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"icon_sp_sanjiao"]];//
        [self addSubview:_img];
        __weak __typeof__(self) weakSelf = self;
        [_img mas_makeConstraints:^(MASConstraintMaker *make) {
            make.centerY.equalTo(weakSelf).offset(0);
            make.left.equalTo(weakSelf.mas_right).offset(-kAdjustRatio(0));
        }];
    }
    return _img;
}
/**
 蒙版用于监听点击事件，来隐藏弹出视图
 */
-(UIView *)cover{
    if (!_cover) {
        UIView *tmp = [[UIView alloc] initWithFrame:kWindow.bounds];
        _cover = tmp;
        _cover.backgroundColor = [UIColor clearColor];
        [kWindow addSubview:self.cover];//蒙版添加到主窗口
        _cover.hidden = YES;
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(removeMenuList)];
        [_cover addGestureRecognizer:tap];
    }
    return _cover;
}
- (void)setViewModel:(QCTgoodsListViewModel *)viewModel{
    _viewModel = viewModel;
}
- (id)init {
    return [self initWithFrame:CGRectZero viewModel:nil];
}
- (id)initWithFrame:(CGRect)frame {
    return [self initWithFrame:frame viewModel:nil];
}
- (id)initWithCoder:(NSCoder *)aDecoder {
    return [self initWithFrame:CGRectZero viewModel:nil];
}
- (id)initWithViewModel:(id)viewModel {
    return [self initWithFrame:CGRectZero viewModel:viewModel];
}
- (id)initWithFrame:(CGRect)frame viewModel:(id)viewModel {
    if (self = [super initWithFrame:frame]) {
        self.viewModel = viewModel;
        [self bindViewModel];
        [self collectionView];
        [self cover];
        [self img];
        [self clickView];
    }
    return self;
}
- (void)bindViewModel {
    @weakify(self);
    __weak __typeof__(self) weakSelf = self;
    [self.viewModel.reloadSubject subscribeNext:^(id  _Nullable x) {
        @strongify(self);
        [self.collectionView reloadData];
    }];
}
- (void)updateendRect:(CGRect)rect{
    self.clickView.frame = rect;
}
/**
 更新frame.
 rect  是根据写，x, y 是根据当前选中的商品对应的cell位置进行获取的。
 */
- (void)updateRect:(CGRect)rect{
    self.frame = rect;
    [self updateFocusIfNeeded];
    [self.collectionView updateConstraints];
    [self.collectionView layoutIfNeeded];
    [self layoutSubviews];
}
/**
 NSMutableArray
 */
- (void)setModels:(NSMutableArray*)models{
    _models = models;
    [self.collectionView reloadData];
}
- (UICollectionView *)collectionView {
    if (_collectionView == nil) {
        UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
        // 2.设置整个collectionView的内边距
        //分别为上、左、下、右
        //        flowLayout.sectionInset = UIEdgeInsetsMake(0,kAdjustRatio(10),0,kAdjustRatio(10));
        //.设置每一行之间的间距
        flowLayout.minimumLineSpacing = 0;
        flowLayout.minimumInteritemSpacing = 0;
        //        flowLayout.itemSize = CGSizeMake((SCREEN_WIDTH-3*kAdjustRatio(10))/3.0, self.optionsView.height);
        _collectionView = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:flowLayout];
//        _collectionView.backgroundColor = [UIColor clearColor];
        UIView *style = _collectionView;
        style.layer.cornerRadius = 3;
        style.layer.backgroundColor = [[UIColor colorWithRed:0.0f/255.0f green:0.0f/255.0f blue:0.0f/255.0f alpha:1.0f] CGColor];
        style.alpha = 0.8;
        _collectionView.showsVerticalScrollIndicator = NO;
        _collectionView.bounces = NO;
        _collectionView.dataSource = self;
        _collectionView.delegate = self;
        [_collectionView registerClass:[QCThorizontalMenuCollectionViewCell class] forCellWithReuseIdentifier:@"QCThorizontalMenuCollectionViewCell"];
        if (@available(iOS 11.0, *)) {
            _collectionView.contentInsetAdjustmentBehavior =  UIScrollViewContentInsetAdjustmentNever;
        } else {
            // Fallback on earlier versions
        }
        _collectionView.scrollEnabled = NO;
        __weak __typeof__(self) weakSelf = self;
        [self addSubview:_collectionView];
        [_collectionView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.top.bottom.right.equalTo(weakSelf);
        }];
    }
    return _collectionView;
}
#pragma mark - UICollectionViewDelegate
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
    return 1;
}
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return self.models.count;
}
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    CGSize size;
    //
    size = CGSizeMake(self.collectionView.width/self.models.count, kAdjustRatio(kHorizontalpopupViewH));//kHorizontalpopupViewH
//    size = CGSizeMake(self.collectionView.width/3, kAdjustRatio(50));
    return size;
}
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    QCThorizontalMenuCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"QCThorizontalMenuCollectionViewCell" forIndexPath:indexPath];
    QCTCollectionModel *model = self.models[indexPath.row];
//
//    /**上架*/
//    QCTCollectionModelType4Shelves,
//    /**下架*/
//    QCTCollectionModelType4Offtheshelf,
//
//
    if(model.type == QCTCollectionModelType4Shelves ||  model.type == QCTCollectionModelType4Offtheshelf  ){
        if(!self.model.state.boolValue){
            model.titleName = QCTLocal(@"Shelves_key");
//            @"上架";
            model.imgName = @"icon_sp_shangjia";
            model.type = QCTCollectionModelType4Shelves;
        }else{
            model.type = QCTCollectionModelType4Offtheshelf;
            model.titleName = QCTLocal(@"Off_the_shelf");
//            @"下架";
            model.imgName = @"icon_sp_xiajia";
        }
    }
    cell.model =model;
    cell.goodmodel = self.model;
    return cell;
}
#pragma 动画: 设置layer.anchorPoint
+ (void) setAnchorPoint:(CGPoint)anchorpoint forView:(UIView *)view{
    CGRect oldFrame = view.frame;
    view.layer.anchorPoint = anchorpoint;
    view.frame = oldFrame;
}
/**
 点击弹出按钮时，阴影alpha由0到1，弹窗的scale由0到1（这里使用CABasicAnimation）
 点击空白处，再让阴影alpha由1到0，弹窗的scale由1到0（同样使用CABasicAnimation），动画完成后移除阴影和弹窗
 //展示的时候，动画从右上角往左下脚延伸；隐藏的时候，动画从左下脚往右上角收回
 // （展示的时候，从上往下，即x,y 慢慢变大）
 */
- (void)expandView:(CGPoint)AnchorPoint{
    [self removeFromSuperview];
    [kWindow addSubview:self];
    [self.cover removeFromSuperview];
    [kWindow addSubview:self.cover];//蒙版添加到主窗口
    [kWindow bringSubviewToFront:self];
    //展示的时候，动画从右上角往左下脚延伸；隐藏的时候，动画从左下脚往右上角收回
    // （展示的时候，从上往下，即x,y 慢慢变大）
    [[self class] setAnchorPoint:CGPointMake(1.f, 0.5f) forView:self];
    self.transform = CGAffineTransformMakeScale(0.001f, 0.001f);
    self.hidden = NO;// 修改为动画， MemberCardMenuView 提供一个动画的实例方法
    self.cover.hidden = NO;
    self.cover.alpha = 0;
    [UIView animateWithDuration:0.3 animations:^{
        self.transform = CGAffineTransformMakeScale(1.f, 1.f);
        self.cover.alpha = 1;
    } completion:^(BOOL finished) {
        self.transform = CGAffineTransformIdentity;
    }];
}
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    [self.viewModel.hiddenSubject sendNext:nil];
}
/**
 折叠
 */
- (void)foldView{
    /*
     知识点：
     （0，0） 为左上角，（0，1） 为左下角，
     （1， 0）右上， （1，1） 右下
     */
    [UIView animateWithDuration:0.3 animations:^{
        self.transform = CGAffineTransformMakeScale(0.001f, 0.001f);
        self.cover.alpha = 0;
    } completion:^(BOOL finished) {
        self.hidden = YES;
        self.cover.hidden = YES;
        self.transform = CGAffineTransformIdentity;
        [self removeFromSuperview];
        [self.cover removeFromSuperview];
    }];
}
#pragma mark - 移除菜单
-(void)removeMenuList{
    [self.viewModel.hiddenSubject sendNext:nil];
}
@end

3.4 集成到cell

粉丝疑问：是否可以用在cell的点击事件

答：可以，请参考本文的集成例子QCTQCTgoodsListTableViewCellView

你也可以利用cancelsTouchesInView属性，控制点击事件优先级。案例：iOS设置tableView的点击事件优先级低于cell的选中事件【场景：比如筛选视图，监听蒙版的点击事件就隐藏筛选视图】https://blog.csdn.net/z929118967/article/details/89405040

UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] init];
    [[tap rac_gestureSignal] subscribeNext:^(id x) {
        @strongify(self);
        if (self.alpha) {
            [self.viewModel.hiddenSubject sendNext:nil];
        }
    }];
    [self addGestureRecognizer:tap];
    UITapGestureRecognizer *cutTap = [[UITapGestureRecognizer alloc] init];
    cutTap.cancelsTouchesInView = NO;// 设置tableView的点击事件优先级，低于cell的选中事件
    [[cutTap rac_gestureSignal] subscribeNext:^(id x) {
        //        @strongify(self);
        [self.viewModel.hiddenSubject sendNext:nil];
    }];
    [self.tableView addGestureRecognizer:cutTap];

QCTQCTgoodsListTableViewCellView

集成到cell

#import "QCTQCTgoodsListTableViewCellView.h"
/**
 展示商品信息
 */
@interface QCTQCTgoodsListTableViewCellView ()
@property (strong, nonatomic) UIImageView *iconImgV;
@property (nonatomic,weak) UILabel *titleLab;
@property (nonatomic,weak) UILabel *barCodeTitleLab;//
@property (nonatomic,weak) UILabel *priceLab;
@property (nonatomic,weak) UILabel *skuLab;// 库存
/**
 折叠菜单按钮
 */
@property (nonatomic,weak) UIButton *btn;// 更多
/**
 用于 计算折叠菜单frame，
 */
@property (nonatomic,weak) UIButton *tmpbtn;//
@property (nonatomic,weak) UIView *linView;//
@end
@implementation QCTQCTgoodsListTableViewCellView
// 完整代码从demo查看
@end

iOS 水平方向弹出菜单（支持展开折叠）

前言

I、支持展开折叠的弹出菜单的实现思路

1.1将弹出视图添加到keyWindow，蒙版也添加到主窗口(主要原因是点击屏幕的空白处，需要隐藏弹出视图)

1.2 展开

1.3 内部视图采用collectionView进行布局

1.4 view的frame 是根据当前点击的菜单按钮所在的商品cell进行计算和坐标转换的。

II、用法

2.1 创建弹出菜单popmenuView

2.2 监听弹出和折叠事件

III、完整demo

3.1 demo1: 将水平方向弹出菜单视图集成到cell

3.2 demo2:将水平方向弹出菜单视图集成到VC的View

3.3 水平方向弹出菜单视图

3.4 集成到cell

see also

热门文章

最新文章

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

iOS 水平方向弹出菜单（支持展开折叠）

前言

I、 支持展开折叠的弹出菜单的实现思路

1.1将弹出视图添加到keyWindow，蒙版也添加到主窗口(主要原因是点击屏幕的空白处，需要隐藏弹出视图)

1.2 展开

1.3 内部视图采用collectionView进行布局

1.4 view的frame 是根据当前点击的菜单按钮所在的商品cell进行计算和坐标转换的。

II、用法

2.1 创建弹出菜单popmenuView

2.2 监听弹出和折叠事件

III、完整demo

3.1 demo1: 将水平方向弹出菜单视图集成到cell

3.2 demo2:将水平方向弹出菜单视图集成到VC的View

3.3 水平方向弹出菜单视图

3.4 集成到cell

see also

热门文章

最新文章

相关电子书

相关实验场景

I、支持展开折叠的弹出菜单的实现思路