育灵童技术部博客空间

iOS开发之弹出式收藏键

2019-1-18 王建伟 iOS开发

项目中可能遇到这样的需求，用户有4个收藏夹，在音乐播放界面，用户点击收藏按键的时候需要弹出4个收藏夹供用户选择，这时候就需要设计一种弹出式的收藏按键了，比如以下这种方式，点击收藏按键后，会从收藏按键下方弹出4个圆形按键以供用户选择

首先我们需要设定一个block块来收集用户点击圆形按键的行为：typedef void(^SPPopViewBlock)(NSInteger tag),这其中的参数tag，标识的是用户点击的那个圆形按键

接下来我们需要定义所需要用到的属性和方法

 /*
 ＊点击事件block快＊
 */
@property(nonatomic,copy)SPPopViewBlock sppopBlcok;
/*
 ＊按键数组＊
 */
@property(nonatomic,strong)NSMutableArray*cells;
/*
 ＊按键中心点＊
 */
@property(nonatomic,assign)CGPoint originalCenter;
/*
 ＊初始化＊
 */
-(instancetype)initWithTotalNumber:(NSInteger)number center:(CGPoint)point cellClock:(SPPopViewBlock)block;
/*
 ＊弹出cell＊
 */
-(void)popCell;

初始化方法，初始化当中我们需要定义收藏夹数量，收藏按键中心点位置，一句将用户按键行为的block块

 -(instancetype)initWithTotalNumber:(NSInteger)number center:(CGPoint )point cellClock:(SPPopViewBlock)block{
    if(self=[super init]){
        self.frame=SPFrame(0, 0, SPScreen_W, SPScreen_H);
        self.sppopBlcok = block;
        self.originalCenter=point;
        self.backgroundColor=[UIColor colorWithWhite:0 alpha:0]; NSArray*array=@[@"find_collection_study",@"find_collection_story",@"find_collection_music",@"find_collection_english"];
        self.cells=[NSMutableArray array];
        for (int i=0; i<number; i++) { UIButton*button=[[UIButton alloc]initWithFrame:SPFrame(0, 0, 40, 40)]; button.center=point; button.layer.cornerRadius=20; button.layer.masksToBounds=YES; button.tag=i+1; [button setBackgroundImage:[UIImage imageNamed:array[i]] forState:UIControlStateNormal]; [self addSubview:button]; [button addTarget:self action:@selector(sppopViewButtonEvent:) forControlEvents:UIControlEventTouchUpInside]; [self.cells addObject:button]; } } return self; }

定义完成后，我们需要来编辑4个圆形按键的行为了

 -(void)sppopViewButtonEvent:(UIButton*)sender{
    self.sppopBlcok(sender.tag);
    for (int i=0; i<self.cells.count; i++) { UIButton*button=self.cells[i]; [self cellIsPop:NO withCellTag:i cell:button]; } }

4个圆形按键从出现到消失需要写一个简单的动画效果来过渡一下

 -(void)cellIsPop:(BOOL)isPop withCellTag:(NSInteger)tag cell:(UIButton*)button{
    if(isPop){
   [UIView animateWithDuration:0.5 animations:^{
       CGFloat y=button.center.y-sin(M_PI/4+tag*M_PI/2)*50;
       CGFloat x=button.center.x-cos(M_PI/4+tag*M_PI/2)*50;
       button.center=SPPoint(x, y);
   }];
    }
    else{
       [UIView animateWithDuration:0.5 animations:^{
           button.center=self.originalCenter;
       } completion:^(BOOL finished) {
           [self removeFromSuperview];
       }];
    }
    }

点击收藏按键弹出4个圆形按键方法

 -(void)popCell{
    for (int i=0; i<self.cells.count; i++) { UIButton*button=self.cells[i]; [self cellIsPop:YES withCellTag:i cell:button]; } }

点击界面其他位置，将4个圆形按键收缩起来的方法

 -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    for (int i=0; i<self.cells.count; i++) { UIButton*button=self.cells[i]; [self cellIsPop:NO withCellTag:i cell:button]; } }

评论(0) 浏览(989)

Android studio Gradle包重复问题

2019-1-18 liuyingcong 安卓开发

包重复会报异常：DexArchiveMergerException

怎么解决呢？

阅读全文>>

标签: DexArchiveMerger 包重复

评论(0) 浏览(1814)

修图——影子过硬修复很简单

2019-1-17 zhenggaoyun 视觉设计

图形棱子过硬修复模糊一步搞定

阅读全文>>

评论(0) 浏览(1731)

windows在当前窗口下打开cmd

2019-1-17 dingshangchao 其它

有时需要在特定目录下打开cmd：

1.shift+鼠标右键 ->在此处打开powershell窗口

2.地址栏输入cmd回车

评论(0) 浏览(1063)

绕过某防跨站表单提交的方法

2019-1-16 zhulinan php开发

出于安全性的考虑，网站对表单提交需要设计一些安全性方面的防范措施，如防止跨站提交表单等，本例演示的是如何绕过防范实现跨站提交的例子

阅读全文>>

评论(0) 浏览(1048)

可预防数据库攻击的mysql_real_escape_string函数

2019-1-15 zhulinan php开发

php中的mysql_real_escape_string()函数，转义SQL语句中使用的字符串中的特殊字符 ...

阅读全文>>

评论(0) 浏览(1698)

数据库的锁机制

2019-1-11 dingshangchao 数据库

分类：

共享锁、排他锁、更新锁
悲观锁、乐观锁

阅读全文>>

评论(0) 浏览(1792)

设计师需要了解的 9 种印刷常用纸张类型！

2019-1-11 zhenggaoyun 视觉设计

设计师常用的印刷纸张类型

阅读全文>>

评论(0) 浏览(2978)

iOS开发之跑马灯

2019-1-11 王建伟 iOS开发

一般我们在app首页精彩看到一行通知的小字自右向左划过，这就是跑马灯效果，主要用来发布一些重要想吸引人注意的通知，今天就来封装一个跑马灯效果

思路

让label的宽度自适应内容，然后放到一个背景view上，背景view的clipsToBounds开启。持续的改变label的frame，当label末端的x坐标为0时，调整其首端x坐标。如下，不停的执行这段代码：

 /** 刷新跑马灯label的位置 */
- (void)refreshMarqueeLabelFrame {
    _marqueeLabel.maxX -= 0.3;
    if (_marqueeLabel.maxX <= 0) { _marqueeLabel.x = self.width - 41 - 38; } }

代码

 @implementation CQMarqueeView{
    UILabel *_marqueeLabel;
    /** 控制跑马灯的timer */
    NSTimer *_timer;
}
#pragma mark - 构造方法
- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        // UI搭建
        [self setUpUI];
    }
    return self;
}
#pragma mark - UI搭建
/** UI搭建 */
- (void)setUpUI {
    self.backgroundColor = [UIColor colorWithHexString:@"fff4d8"];
    //------- 左边的喇叭 -------//
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(13, 9, 16, 12)];
    [self addSubview:imageView];
    imageView.image = [UIImage imageNamed:@"volume-marquee"];
    //------- 右边的关闭按钮 -------//
    UIButton *closeButton = [[UIButton alloc] initWithFrame:CGRectMake(self.width - 33, 0, 30, 30)];
    [self addSubview:closeButton];
    [closeButton setImage:[UIImage imageNamed:@"close-marquee"] forState:UIControlStateNormal];
    [closeButton setImageEdgeInsets:UIEdgeInsetsMake(9, 9, 9, 9)];
    [closeButton addTarget:self action:@selector(closeButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
    //------- marquee View -------//
    // 背景
    UIView *marqueeBgView = [[UIView alloc] initWithFrame:CGRectMake(41, 0, self.width - 41 - 38, self.height)];
    [self addSubview:marqueeBgView];
    marqueeBgView.clipsToBounds = YES;
    // marquee label
    _marqueeLabel = [[UILabel alloc] initWithFrame:marqueeBgView.bounds];
    [marqueeBgView addSubview:_marqueeLabel];
    _marqueeLabel.textColor = [UIColor colorWithHexString:@"ff6666"];
    _marqueeLabel.font = [UIFont systemFontOfSize:13];
}
#pragma mark - 关闭按钮点击
/** 关闭按钮点击 */
- (void)closeButtonClicked:(UIButton *)sender {
    if (_timer) {
        [_timer invalidate];
        _timer = nil;
    }
    if ([self.delegate respondsToSelector:@selector(marqueeView:closeButtonDidClick:)]) {
        [self.delegate marqueeView:self closeButtonDidClick:sender];
    }
}
#pragma mark - 赋值跑马灯文字
/** 赋值跑马灯文字 */
- (void)setMarqueeText:(NSString *)marqueeText {
    _marqueeText = marqueeText;
    _marqueeLabel.text = _marqueeText;
    [_marqueeLabel sizeToFit];
    _marqueeLabel.centerY = self.height / 2;
    if (_timer) {
        [_timer invalidate];
        _timer = nil;
    }
    // 从最右边开始跑
    _marqueeLabel.x = self.width - 41 - 38;
    _timer = [NSTimer scheduledTimerWithTimeInterval:0.01 target:self selector:@selector(refreshMarqueeLabelFrame) userInfo:nil repeats:YES];
    [[NSRunLoop currentRunLoop] addTimer:_timer forMode:NSRunLoopCommonModes];
}
/** 刷新跑马灯label的位置 */
- (void)refreshMarqueeLabelFrame {
    _marqueeLabel.x -= 0.3;
    if (_marqueeLabel.maxX <= 0) { _marqueeLabel.x = self.width - 41 - 38; } }

评论(0) 浏览(3626)