菱形开合的实现 IOS

实现的原理： 利用了自动布局和形变

核心代码块：

@implementation JHMainView

{

    UILabel *label1,*label2,*label3,*label4;

    UIButton *btn;

}

- (id)initWithFrame:(CGRect)frame

{

    self = [super initWithFrame:frame];

 

    if (self) {

        btn = [[UIButton alloc]initWithFrame:CGRectMake(100, 120, 120, 120)];

        btn.transform = CGAffineTransformRotate(btn.transform, M_PI_4);

 

        [btn addTarget:self action:@selector(btnClick:)forControlEvents:UIControlEventTouchUpInside];

        btn.autoresizesSubviews = YES;

        //btn.backgroundColor = [UIColor cyanColor];

        

        

        label1 = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 60, 60)];

        

        label1.backgroundColor = [UIColor orangeColor];

        

        label2 = [[UILabel alloc]initWithFrame:CGRectMake(btn.bounds.size.width/2, 0, 60, 60)];

        label2.autoresizingMask =  UIViewAutoresizingFlexibleLeftMargin;

        label2.backgroundColor = [UIColor blackColor];

        

        label3 = [[UILabel alloc]initWithFrame:CGRectMake(0, btn.bounds.size.height/2, 60, 60)];

        label3.backgroundColor = [UIColor blueColor];

        label3.autoresizingMask = UIViewAutoresizingFlexibleTopMargin;

        

        label4 = [[UILabel alloc]initWithFrame:CGRectMake(btn.bounds.size.width/2, btn.bounds.size.height/2, 60, 60)];

        label4.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleLeftMargin;

        label4.backgroundColor = [UIColor purpleColor];

        

        [btn addSubview:label1];

        [btn addSubview:label2];

        [btn addSubview:label3];

        [btn addSubview:label4];

        [self addSubview:btn];

        

        

        

    }

    return self;

}

 

 

- (void)btnClick:(UIButton *)sender

{

    static int i=1 ;

    btn.center = btn.center;

    

    if(i%2)

    {

        btn.bounds = CGRectMake(0, 0, 180, 180);

    }

    else

    {

        btn.bounds = CGRectMake(0, 0, 120, 120);

    }

    

    i++;

}

 

@end