UI簡單頁面設計 之 動畫效果 (1)

2021-07-04 19:47:00 字數 1963 閱讀 8815

在ios設計中,ios4.0 之前  uiview 新增動畫效果  採用的全部都是類方法 

如果說你想實現動畫效果,

必須通過 beginanimations 和 comtianimations 來標記動畫的開始與結束的時間點

下面就介紹這種製作動畫效果的方法

步驟:1. uiview執行 beginanimations 方法 (開始)

2.設定一下動畫執行的一些屬性

比如duration delay repeatcount 等等

3.改變檢視的某些可以用來做動畫的屬性這個檢視就是你想做動畫的那個檢視

4. uiview執行 comtianimations 方法 (結束)

話不多說上 **

[uiview beginanimations:@"tm" context:@"tm"]; //標記動畫開始  字元用於標記

// 設定動畫的一些屬性

[uiview setanimationduration:0.1]; // 設定動畫的執行時間

[uiview setanimationdelay:0];  // 規定動畫延時

執行[uiview setanimationrepeatcount:200];  // 設定動畫執行次數

//  改變動畫檢視的可做動畫屬性的值實現動畫效果

self.animationimageview.backgroundcolor = [uicolor colorwithred:arc4random()% 256 / 255.0 green:arc4random()% 256 / 255.0 blue:arc4random()% 256 / 255.0 alpha:1];

self.animationimageview.frame = cgrectmake(100, 400, 100, 100);

self.animationimageview.transform = cgaffinetransformmakerotation(m_pi);  //  旋轉

self.animationimageview.transform = cgaffinetransformmakescale(1, 2);  //  改變比例(大小)

//  設定動畫的**物件

[uiview setanimationdelegate:self];

//  設定了動畫的**之後需要讓**物件在動畫開始或者結束時執行方法

[uiview setanimationwillstartselector:@selector(animationdidstart:context:)];

[uiview setanimationdidstopselector:@selector(animationdidstop:finished:context:)];

[uiview commitanimations];  // 標記動畫結束

// 動畫**物件執行的方法    我這裡只是列印一下,顯示**走的過程 根據具體需要實現

- (void)animationdidstart:(nsstring *)animationid context:(void *)context

- (void)animationdidstop:(nsstring *)animationid finished:(nsnumber *)finished context:(void *)context

✨   動畫實現跳轉 特別炫的技能  setanimationtransition

是乙個 跳轉樣式的 列舉

//  動畫實現頁面切換

[uiview

setanimationtransition:

uiviewanimationtransitioncurldown

forview:

self

.view

.superview

cache:

yes];

!!注意:這裡容易出現邏輯錯誤,導致頁面跳轉後不顯示要顯示的內容 

jQuery之簡單動畫效果

1 show 顯示動畫 語法 show speed,callback number string,function speend為動畫執行時間,單位為毫秒。也可以為slow normal fast callback可選,為 當動畫完成時執行的函式。show speed,easing callback...

ListView之簡單動畫效果實現

下面是布局檔案中乙個listview控制項 其中引用了乙個list layout animation檔案,下面我們在res anim 下面建立這樣乙個檔案,其內容如下 其中,android animation表示每個item出現時使用的動畫,它引用了item animation檔案,該檔案中具體描述...

1 設計模式之簡單工廠模式

簡單工廠模式是屬於建立型模式,又叫做靜態工廠方法 static factory method 模式,但不屬於23種gof設計模式之一。簡單工廠模式是由乙個工廠物件決定建立出哪一種產品類的例項。簡單工廠模式是工廠模式家族中最簡單實用的模式,可以理解為是不同工廠模式的乙個特殊實現。上 package c...