IOS_OC_最基本的視圖動畫效果(基于UIKit)(1)


animation = YES/NO 還在用這個玩意?
?
?
?
動畫看起來都很牛X吧,其實用我們的UIKit庫也可以實現一些動畫的,
雖然不能向CG那么厲害,但是在項目里加上一些小小的動畫,
就瞬間可以讓你的項目高大上不少.

如果之前沒接觸過那也沒關系,先上一張弟弟圖;


平移.gif

再接著上代碼


#import "ViewController.h"
#import <UIKit/UIKit.h>
@interface ViewController ()
@property(nonatomic,strong)UIView *translationView;
@property(nonatomic,strong)UITextView *password;
@property(nonatomic,strong)UIButton *login;
@end
@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 30, 30)];
    [btn setTitle:@"go" forState:UIControlStateNormal];
    btn.backgroundColor = [UIColor blackColor];
    btn.center = self.view.center;
    [btn addTarget:self action:@selector(translationDidChange) forControlEvents:UIControlEventTouchDown];
    [self.view addSubview:btn];
    self.translationView = [[UIView alloc] initWithFrame:CGRectMake(0, 100, 50, 50)];
    self.translationView.backgroundColor = [UIColor redColor];
    [self.view addSubview:self.translationView];
    
   
   
    

}

最后觸發(fā)方法 通過改變控件中心點的frame來實現平移
這里面參數UIview直接換成你想要的控件類型;
animateWith 后面的Duration是設置動畫完成的過程用時;
后面block就是位移的目標地點;

-(void)translationDidChange{
    
    CGPoint accountCenter = self.translationView.center;
   
    self.translationView.center = accountCenter;
    accountCenter.x += self.view.frame.size.width-50;
    
    
    [UIView animateWithDuration:3.5 animations:^{
        self.translationView.center = accountCenter;
    } completion:nil];
    
}

如果你需要控件平移效果的話,這個很基本了已經
從這個一個方法我們就可以實現上下左右移動
寬高都改變的情況下斜著來也行,block還可以寫透明度


斜向位移加改變透明度

觸發(fā)方法代碼:

  CGPoint accountCenter = self.translationView.center;
    CGFloat accountAlpha = self.translationView.alpha;
    
    
    self.translationView.center = accountCenter;
    self.translationView.alpha = accountAlpha;
    accountCenter.x += self.view.frame.size.width-50;
    accountCenter.y += self.view.frame.size.height - 150;
    accountAlpha -= 1;
    [UIView animateWithDuration:3.5 animations:^{
        self.translationView.center = accountCenter;
        self.translationView.alpha = accountAlpha;
    } completion:nil];

可以實現的效果非常非常多,
比如登陸注冊的時候可以搞個輸入框,密碼框
確定按鈕動畫入場.........漬漬漬.....


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末咪惠,一起剝皮案震驚了整個濱河市退子,隨后出現的幾起案子诞丽,更是在濱河造成了極大的恐慌,老刑警劉巖帆锋,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異禽额,居然都是意外死亡锯厢,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門脯倒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來实辑,“玉大人,你說我怎么就攤上這事藻丢〖羟耍” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵悠反,是天一觀的道長残黑。 經常有香客問我,道長斋否,這世上最難降的妖魔是什么梨水? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮如叼,結果婚禮上冰木,老公的妹妹穿的比我還像新娘。我一直安慰自己笼恰,他們只是感情好踊沸,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著社证,像睡著了一般逼龟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上追葡,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天腺律,我揣著相機與錄音,去河邊找鬼宜肉。 笑死匀钧,一個胖子當著我的面吹牛,可吹牛的內容都是我干的谬返。 我是一名探鬼主播之斯,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼遣铝!你這毒婦竟也來了佑刷?” 一聲冷哼從身側響起莉擒,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎瘫絮,沒想到半個月后涨冀,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡麦萤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年鹿鳖,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片频鉴。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡栓辜,死狀恐怖,靈堂內的尸體忽然破棺而出垛孔,到底是詐尸還是另有隱情藕甩,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布周荐,位于F島的核電站狭莱,受9級特大地震影響,放射性物質發(fā)生泄漏概作。R本人自食惡果不足惜腋妙,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望讯榕。 院中可真熱鬧骤素,春花似錦、人聲如沸愚屁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽霎槐。三九已至送浊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間丘跌,已是汗流浹背袭景。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留闭树,地道東北人耸棒。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像报辱,于是被迫代替她去往敵國和親榆纽。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354