iOS 雪花動畫與跑馬燈

跑馬燈效果演示

- (void)viewdidload 

- (uilabel *)createlabelwithtext:(nsstring *)text textcolor:(uicolor *)textcolor ];
uilabel *label = [[uilabel alloc] initwithframe:cgrectmake(0, 0, width, 20)];
label.font = [uifont systemfontofsize:14.f];
label.text = string;
label.textcolor = textcolor;
return label;
}- (uicolor *)randomcolor 
- (cgfloat)randomvalue 
- (void)drawmarqueeview:(xtscrolllabelview *)drawmarqueeview animationdidstopfinished:(bool)finished);}
- (nsstring *)randomstring 

雪花動畫**演示

– 在viewdidload中這樣寫, 注釋已經很詳細

// 建立粒子layer

caemitterlayer *snowemitter = [caemitterlayer layer];
// 粒子發射位置
snowemitter.emitterposition = cgpointmake(120,0);
// 發射源的尺寸大小
snowemitter.emittersize = self
.view
.bounds
.size;
// 發射模式
snowemitter.emittermode = kcaemitterlayersu***ce;
// 發射源的形狀
snowemitter.emittershape = kcaemitterlayerline;
// 建立雪花型別的粒子
caemittercell *snowflake = [caemittercell emittercell];
// 粒子的名字
snowflake.name = @"snow";
// 粒子引數的速度乘數因子
snowflake.birthrate = 20.0;
snowflake.lifetime = 120.0;
// 粒子速度
snowflake.velocity = 10.0;
// 粒子的速度範圍
snowflake.velocityrange = 10;
// 粒子y方向的加速度分量
snowflake.yacceleration = 2;
// 周圍發射角度
snowflake.emissionrange = 0.5 * m_pi;
// 子旋轉角度範圍
snowflake.spinrange = 0.25 * m_pi;
snowflake.contents = (id)[[uiimage imagenamed:@"snow"] cgimage];
// 設定雪花形狀的粒子的顏色
snowflake.color = [[uicolor whitecolor] cgcolor];
snowflake.redrange = 1.5f;
snowflake.greenrange = 2.2f;
snowflake.bluerange = 2.2f;
snowflake.scalerange = 0.6f;
snowflake.scale = 0.7f;
snowemitter.shadowopacity = 1.0;
snowemitter.shadowradius = 0.0;
snowemitter.shadowoffset = cgsizemake(0.0, 0.0);
// 粒子邊緣的顏色
snowemitter.shadowcolor = [[uicolor whitecolor] cgcolor];
// 新增粒子
snowemitter.emittercells = @[snowflake];
// 將粒子layer新增進圖層中
[self
.view
.layer addsublayer:snowemitter];
// 形成遮罩
iOS開發之跑馬燈
1.法一 類似於彈幕，乙個label的實現 void viewdidload self.backview addsubview self.annonlabel self.backview sendsubviewtoback self.annonlabel void anmationfornotice...
iOS 跑馬燈的實現
介紹 我們一說起跑馬燈第乙個想到的就是 山寨機。接下來介紹的跑馬燈和那個跑馬燈是不一樣滴。在ios中，跑馬燈是指label上的字自動滾動，形成類似跑馬燈似的條幅。像這樣子 接下來就簡單看看這效果是怎麼實現的。實現1 首先我們從這個裡面能聯想到如果實現這個效果必然需要使用到動畫，或者還有有用scrol...
JS 封裝跑馬燈動畫函式
通過定時器 setinterval 不斷移動盒子位置 lang en charset utf 8 titletitle divstyle head div let div document.queryselector div obj 目標物件 target 目標位置 function animate...