iOS 菜单显示一种方式

前言

前几天在群里看见一个朋友说这种菜单用哪个控件写比较好，有的人说用UICollectionView,有的说用UIButton自己计算。我今天上午正好暂时没接口。写了一下，最后还是感觉用UIButton比较好用，没有必要用UICollectionView。写个Demo,大家如果需要这个思路可以看一下。
Demo地址

正文

最重要的一个方法就是怎么让菜单按钮显示正常：

/** *  数据显示 */- (void)loadData:(UIView *)bgView whatArray:(NSMutableArray *)array{   __block CGFloat weakX = locaX;   __block CGFloat weakY = locaY;    for(int i = 0;i < array.count;i++)    {        [UIView animateWithDuration:0.2 delay:0.1 usingSpringWithDamping:0.5 initialSpringVelocity:0.1 options:UIViewAnimationOptionBeginFromCurrentState animations:^{            //创建按钮            UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];            btn.tag = i+1;            //判断是否是选中的数组            BOOL isS = NO;            if (array.count == self.sMenuArray.count) {                isS = YES;                for(int i=0; i<array.count;i++)                {                    NSString *str1 = array[i];                    NSString *str2 = self.sMenuArray[i];                    if (![str1 isEqualToString:str2]) {                        isS = NO;                        break;                    }                }            }            if (isS == YES) {                btn.tag = i+1+100;            }            [btn setTitle:array[i] forState:UIControlStateNormal];            btn.titleLabel.font = [UIFont systemFontOfSize:14];            [btn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];            [btn addTarget:self action:@selector(doSomething:) forControlEvents:UIControlEventTouchUpInside];            //计算btn的宽度            CGSize btnSize = [array[i] boundingRectWithSize:CGSizeMake(self.view.frame.size.width, 30) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14]} context:nil].size;            CGFloat btnW = btnSize.width + 2 * locaX;            CGFloat btnH = 30;            //判断一下按钮是否超出            if ((weakX + btnW) >= self.view.frame.size.width - locaX) {                weakX = locaX;                weakY +=btnH + 5;            }            btn.frame = CGRectMake(weakX, weakY, btnW, btnH);            //判断下一次xy位置            weakX += btnW + locaX;            if (weakX >= self.view.frame.size.width - locaX) {                weakX = locaX;                weakY += btnH + 5;            }            [bgView addSubview:btn];            btn.layer.cornerRadius = btn.frame.size.width /10;            btn.layer.masksToBounds = YES;            btn.layer.borderWidth = 1;            btn.layer.borderColor = [UIColor colorWithWhite:0.000 alpha:0.105].CGColor;        } completion:^(BOOL finished) {        }];    }}

知道了如何显示菜单按钮之后，其他的就简单了。点击菜单按钮把它移动到常用菜单处:

/** *  按钮事件 * *  @param sender <#sender description#> */- (void)doSomething:(UIButton *)sender{    //判断按钮处于哪个区域    if (sender.tag<100) {        // 从menuarray取出这个数据放到smenuarray里面        NSInteger index = sender.tag - 1;        [self.sMenuArray addObject:self.menuArray[index]];        [self.menuArray removeObjectAtIndex:index];    }else    {        // 从smenuarray取出这个数据放到smenuarray里面        NSInteger index = sender.tag - 1 - 100;        [self.menuArray addObject:self.sMenuArray[index]];        [self.sMenuArray removeObjectAtIndex:index];    }    //数据重新加载,把上一次数据显示去除    for(UIView *view in [self.dataView subviews])    {        [view removeFromSuperview];    }    for (UIView *view in [self.selectedView subviews]) {        [view removeFromSuperview];    }    [self loadData:self.dataView whatArray:self.menuArray];    [self loadData:self.selectedView whatArray:self.sMenuArray];}

在代码里我已经把每一步操作说的很清楚了，大家如果感兴趣可以去下载运行一下。
运行截图：

结语

我是程序员，我为自己代言