利用UIView做出霓虹灯的效果

效果如图

代码如下(只有实现部分)

@interface AppDelegate ()

@end

@implementation AppDelegate

- (void)dealloc
{
    [_window release];
    [super dealloc];
}

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    // Override point for customization after application launch.
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    [_window release];

    // 定义view,颜色模块
    UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(20, 20, 340, 340)];
    view1.backgroundColor = [UIColor greenColor];
    [self.window addSubview:view1];
    [view1 release];
    view1.tag = 1;

    UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(40, 40, 300, 300)];
    view2.backgroundColor = [UIColor purpleColor];
    [self.window addSubview:view2];
    [view2 release];
    view2.tag = 2;

    UIView *view3 = [[UIView alloc] initWithFrame:CGRectMake(60, 60, 260, 260)];
    view3.backgroundColor = [UIColor magentaColor];
    [self.window addSubview:view3];
    [view3 release];
    view3.tag = 3;

    UIView *view4 = [[UIView alloc] initWithFrame:CGRectMake(80, 80, 220, 220)];
    view4.backgroundColor = [UIColor redColor];
    [self.window addSubview:view4];
    [view4 release];
    view4.tag = 4;

    UIView *view5 = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 180, 180)];
    view5.backgroundColor = [UIColor orangeColor];
    [self.window addSubview:view5];
    [view5 release];
    view5.tag = 5;

    UIView *view6 = [[UIView alloc] initWithFrame:CGRectMake(120, 120, 140, 140)];
    view6.backgroundColor = [UIColor yellowColor];
    [self.window addSubview:view6];
    [view6 release];
    view6.tag = 6;

    UIView *view7 = [[UIView alloc] initWithFrame:CGRectMake(140, 140, 100, 100)];
    view7.backgroundColor = [UIColor cyanColor];
    [self.window addSubview:view7];
    [view7 release];
    view7.tag = 7;

    // 定义一个timer,实现色块变化
     NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:0.3 target:self selector:@selector(changeColor) userInfo:nil repeats:YES];

    return YES;
}

- (void)changeColor
{
    // 定义一个color来接收7的颜色
    UIColor *color = [self.window viewWithTag:7].backgroundColor;
    // 循环交换颜色
    for (int i = 6 ; i > 0; i--) {
        [self.window viewWithTag:i + 1].backgroundColor = [self.window viewWithTag:i ].backgroundColor;
    }
    // 交换最里面和最外面的值
    [self.window viewWithTag:1].backgroundColor = color;
}
@end

版权声明:本文为博主原创文章,转载请注明原文地址

时间: 2024-10-24 00:40:52

利用UIView做出霓虹灯的效果的相关文章

教你如何在网页上用利用H5快速实现动画效果

在web开发中,GIF动画效果是随处可见,比如常见的loading加载.人物奔跑的gif图片等等,那么这些都是怎么实现的呢?其实实现的原理很简单,简而言之,这些所谓的动画都是一帧一帧的图片经过一段时间的间隔做出位移而来的:譬如,我们在PS里面制作GIF动画,首先要把每一帧所需要的图片制作出来,然后再通过导出的方式把GIF图片保存下来:相信会PS的同学,都可以熟练的制作一个基本的GIF动画图片:在web开发中,要实现这样的gif图片,也有很多方法:在这给读者提供一个思路,就是利用html5 can

利用div实现遮罩层效果

利用div实现遮罩层效果就是利用一个全屏.半透明的div遮住页面上其它元素,典型的例子就是百度的登录界面.下面贴出示例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全屏div</title> <style> html,body { margin:0; height:100%; } #test { width:100%; h

利用jQuery实现回收站删除效果

jQuery是一款非常强大的Javascript脚本库,我们开发者喜欢jQuery的原因除了它代码简洁外,更多的是因为jQuery插件非常丰富.今天我们用一个示例来解说jQuery是如何实现拖拽的. 利用jQuery实现拖拽非常简单,我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素.今天我们就利用jQuery的这一特性来实现一个拖拽删除桌面小图标的功能,就像操作系统的回收站一样,我们只需要拖动应用图标至垃圾箱即可删除这个图标,具体可以看下面的DEMO演示. 大家也可

【代码笔记】UIView的placeholder的效果

一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController <UITextViewDelegate> { UITextView *psTextView; UILabel *pslabel; } @end RootViewController.m #import "RootViewController.h&q

as3如何做出残影效果

在页游中,时不时能看到人物做一些快速移动动作如冲刺时,有残影效果,强化了画面表现.实际人肉眼之所以能看到残影的效果,是因为观察到的物体会在人视线中残留几十毫秒时间,当运动物体运动太快时,人肉眼所见未能跟上物体运动速度,旧的物体影像未消失,物体已经移动到别的位置,就会产生残影效果. 实际游戏里物体的移动速度当然不可能这么快,但我们可以根据原理做出残影效果.用一张Bitmap专门draw运动物体,当物体移动时,并不把上一帧的bitmapData进行dispose,而是对bitmapData加上一层透

CSS3 利用 text-shadow 实现文字描边效果

实现效果: 效果代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <style> h2{color:#fff;text-shadow:1px 0px 0px pink,-1px 0px 0px pink,0px 1px 0px pink,0p

利用jqueryzoom实现图片放大镜效果

在你的页面中包含 jqzoom.css Html代码   <link rel="stylesheet" href="your_path/jqzoom.css" type="text/css" media="screen"> 包含 jQzoom 和 jQuery JS 代码: Html代码   <script type="text/javascript" src="your_pat

利用PopupWindow做出仿IOS样式的选择器

项目中总会遇到这样蛋疼的事情,android和ios同样的功能,都用的同样自带的控件,做出来的效果就是:android的丑的不行,ios的挺好看.于是,老大一拍屁股,android的改成和ios样式的一样就好了.然后,android开发就苦比了,凭空多出若干工作量.好了,话不多说,直接上代码吧.下面是我项目遇到的一个仿ios选择器的一个task,我边贴代码边说吧. 首先,看下这个选择器的布局文件. <?xml version="1.0" encoding="utf-8&

利用xcode6做出牛的一逼的计算器

1.利用xcode6控件搭成计算器界面 2.程序 #import "ViewController.h" @interface ViewController () { float result; int i; } @property (weak, nonatomic) IBOutlet UILabel *labble; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; ca=[[c