UIView

UIVIew

案例(咻一咻)

-(void)setupUI {
    //设置背景颜色
    self.view.backgroundColor = [UIColor colorWithRed:26/255.0 green:28/255.0 blue:49/255.0 alpha:1];
    
    //创建button
    UIButton *btn = [[UIButton alloc] init];
    //设置btn属性
    [btn setImage:[UIImage imageNamed:@"alipay_msp_op_success"] forState:UIControlStateNormal];
    [btn sizeToFit];
    btn.center = self.view.center;
    //添加到父容器
    [self.view addSubview:btn];
    //添加点击事件
    [btn addTarget:self action:@selector(show:) forControlEvents:UIControlEventTouchUpInside];
    //添加圆
    UIView *circleView = [self createCircle];
    [self.view insertSubview:circleView atIndex:0];
}
-(void)show:(UIButton *)button {
    //禁用交互
    button.enabled = NO;
    for (int i = 0; i < 20; i++) {
        
        //创建圆
        UIView *v = [self createCircle];
        //添加到父容器
        [self.view insertSubview:v atIndex:0];
        //动画效果
        [UIView animateWithDuration:2 delay:0.5 * i options:0 animations:^{
            v.transform = CGAffineTransformMakeScale(5,5);
            v.alpha = 0;
            v.backgroundColor = self.view.backgroundColor;
        } completion:^(BOOL finished) {
            [v removeFromSuperview];
        }];
    }
}
//创建view
-(UIView *)createCircle {
    //创建view
    UIView *v = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    //设置属性
    v.backgroundColor = [UIColor colorWithRed:47/255.0 green:167/255.0 blue:244/255.0 alpha:1];
    v.center = self.view.center;
    v.layer.cornerRadius = 50;
   //返回view
    return v;
}


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • UIView UI控件的基类,拥有尺寸、位置、背景色等基本属性。其他的控件继承自UIVIew。 UIView的常见...
    CoderRH阅读 3,255评论 0 0
  • 引文 有时候为了实现某些效果,比如: 绘制某些简易图案,比如对勾,字形 手势相关的画线 制作一些复杂动效 需要对简...
    crosstrack阅读 3,582评论 0 3
  • UIView是iOS开发中所有视图的基类, 表示屏幕上的一块矩形区域, 同时可以处理该区域的绘制和触摸事件. UI...
    icetime17阅读 6,637评论 1 4
  • UIView的常见属性 NSSArray *subviews所有的子控件子控件是以数组形式展现,并且数组的顺序是:...
    居敬持志阅读 3,823评论 0 0
  • 香被共伊晚 飛越太平洋, 晨昏倒, 飛機引擎, 嗡嗡響. 海水拍岸, 夕陽西沉半. 倦鳥歸巢雙雙急, 不忘相相喚....
    BarryChang阅读 1,001评论 0 0