iOS中在oc中制作一个霓虹灯

最新推荐文章于 2021-11-24 01:02:35 发布

原创最新推荐文章于 2021-11-24 01:02:35 发布 · 717 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

UI实例

本文介绍如何使用Objective-C创建一个动态变化颜色的霓虹灯效果。通过自定义UIView子类，实现圆形视图的布局，并利用定时器周期性地改变每个圆形视图的颜色。

1.创建霓虹灯的布局图

command ＋ n 创建一个MyView的类

MyView.h文件中创建一个可变数组来接收所有的圆圈

<span style="font-size:18px;">(nonatomic,strong)NSMutableArray</span>

MyView.m文件中重写初始化方法：

<span style="font-size:24px;">- (instancetype)initWithFrame:(CGRect)frame</span>

<span style="font-size:24px;">{<span style="white-space:pre">	</span></span>

<span style="font-size:24px;"><span style="white-space:pre">	</span>self = [super initWithFrame:frame];</span>

<span style="font-size:24px;"><span style="white-space:pre">	</span>if (self) {</span>

<span style="font-size:24px;"><span style="white-space:pre">		</span>[self create];</span>

<span style="font-size:24px;"><span style="white-space:pre">	</span>}</span>

<span style="font-size:24px;"><span style="white-space:pre">	</span>return self</span>

<span style="font-size:24px;">}</span>

添加creat的实现方法：

创建视图

<span style="font-size:24px;">#pragma mark 创建视图
- (void)creat{
    for (int i = 0; i < 8; i++) {
        UIView *view = [[UIView alloc] initWithFrame:CGRectMake(i * 50, i * 50 , self.frame.size.width - 40 * i, self.frame.size.height - 40 * i)];
        view.center = self.center;
        view.backgroundColor = [UIColor blueColor];
        view.layer.cornerRadius = (self.frame.size.width - 40 * i) / 2;
        view.layer.borderWidth = 1;
        [self addSubview:view];
        [self.array addObject:view];
    }
}</span>

<span style="font-size:24px;">#pragma mark 懒加载数组.懒加载属于对象的get方法，如果在懒加载中跟使用点语法，程序就会进入循环调用。
- (NSMutableArray *)array{
    if (!_array) {
        _array = [[NSMutableArray alloc] init];
    }
    return _array;
}</span>

2.在ViewController.m文件中

@property (nonatomic,strong)MyView *myView;
@property (nonatomic,strong)NSMutableArray *colorArray;

- (void)loadView{
    [super loadView];
    self.myView = [[MyView alloc] initWithFrame:CGRectMake(10, 100, 350, 350)];
    self.view = self.myView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
#pragma mark 给视图的颜色赋值
    for (int i = 0 ; i < self.myView.array.count; i++) {
        UIView *view = self.myView.array[i];
        UIColor *tempColor = self.colorArray[i];
        view.backgroundColor = tempColor;
    }
    [NSTimer scheduledTimerWithTimeInterval:0.2 target:self selector:@selector(change) userInfo:nil repeats:YES];
}

#pragma mark 懒加载数组颜色
-(NSArray *)colorArray{
    if (!_colorArray) {
        UIColor *color1 = [UIColor redColor];
        UIColor *color2 = [UIColor blueColor];
        UIColor *color3 = [UIColor yellowColor];
        UIColor *color4 = [UIColor orangeColor];
        UIColor *color5 = [UIColor grayColor];
        UIColor *color6 = [UIColor brownColor];
        UIColor *color7 = [UIColor greenColor];
        UIColor *color8 = [UIColor cyanColor];
        self.colorArray = [@[color1,color2,color3,color4,color5,color6,color7,color8] mutableCopy];
    }
    return _colorArray;
}

#pragma mark 颜色交换
- (void)change{
    for (int i = 0; i < 7; i++) {
        UIView *tempView = self.myView.array[i];
        UIColor *tempColor = tempView.backgroundColor;
        
        tempColor = self.colorArray[i];
        self.colorArray[i] = self.colorArray[i + 1];
        self.colorArray[i + 1] = tempColor;
        tempView.backgroundColor = self.colorArray[i];
    }
}