1. 程式人生 > >ios-day02-03(使用transform對按鈕進行平移、縮放、旋轉)

ios-day02-03(使用transform對按鈕進行平移、縮放、旋轉)

//
//  LiuJieViewController.m
//  03-transform
//
//  Created by XinYou on 15-1-30.
//  Copyright (c) 2015年 vxinyou. All rights reserved.
//

#import "LiuJieViewController.h"

@interface LiuJieViewController ()
@property (weak, nonatomic) IBOutlet UIButton *head;

- (IBAction)up;

- (IBAction)large;

- (IBAction)rotate;

@end

@implementation LiuJieViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


- (IBAction)up {
    // 通過viewWithTag這個方法來尋找view中的子控制元件,但是如果兩個子控制元件的tag相同,那麼會返回最先新增到view中的子控制元件。
    // viewWithTag這個方法返回的時UIView型別,理解這是為什麼!
//    UIButton *btn = (UIButton *)[self.view viewWithTag:10];
    
    // 使用...MakeTranslation(tx,ty)這個方法來移動,是相對於初始位置的移動。
    // 也就是說,第一次點擊向上按鈕,執行up方法,會相對於初始位置y方向減少100,
    // 第二次點擊向上按鈕,執行up方法,還是相對於初始位置y方向減少100,相當於第二次點選是無效的。
//    self.head.transform = CGAffineTransformMakeTranslation(0, -100);
    
    // 使用...Translate(transform,tx,ty)這個方法來移動,是相對於一個transform來移動。
    self.head.transform = CGAffineTransformTranslate(self.head.transform, 0, -10);
}

- (IBAction)large {
    // 這裡的1.2表示變成初始大小的1.2倍
//    self.head.transform = CGAffineTransformMakeScale(1.2, 1.2);
    
    // 這裡的1.2表示變成上一個狀態大小的1.2倍
    self.head.transform = CGAffineTransformScale(self.head.transform, 1.2, 1.2);
}

- (IBAction)rotate {
    // M_PI_4是一個巨集,表示 π/4 , -M_PI_4表示逆時針旋轉
//    self.head.transform = CGAffineTransformMakeRotation(-M_PI_4);
    
    self.head.transform = CGAffineTransformRotate(self.head.transform, -M_PI_4);
}
@end

相關推薦

Android單點觸控技術,圖片進行平移旋轉操作

相信大家使用多點對圖片進行縮放,平移的操作很熟悉了,大部分大圖的瀏覽都具有此功能,有些app還可以對圖片進行旋轉操作,QQ的大圖瀏覽就可以對圖片進行旋轉操作,大家都知道對圖片進行縮放,平移,旋轉等操作可以使用Matrix來實現,Matrix就是一個3X3的矩陣,對圖片的處理可

Android圖片進行平移旋轉操作

package com.app.freestyle; import java.util.Arrays; import java.util.Collections; import java.util.List; import com.app.freestyle.R; i

ios-day02-03(使用transform按鈕進行平移旋轉)

// // LiuJieViewController.m // 03-transform // // Created by XinYou on 15-1-30. // Copyright (c) 2015年 vxinyou. All rights reserved. // #import "LiuJ

IOS CGAffineTransform 用於檢視平移旋轉

今天碰到了一個旋轉放縮圖片的一個demo,在看的過程中發現實現圖片變化的那個方法特別簡單。一共只有三句話,下面就是這個方法- (void)transformImageView{CGAffineTransform t = CGAffineTransformMakeScale(

iOS開發:旋轉平移

一、建立一個UIView #import "ViewController.h" @interface ViewController () @property (nonatomic, strong)

Android自定義imageview可圖片進行多點和拖動

package com.msstudent.view; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import andro

unity3d實現相機場景物體的旋轉平移檢視功能近似於scene下檢視場景的效果

程式碼如下: using UnityEngine;using System.Collections;public class Camera_control_rotate : MonoBehaviour{public float moveSeed = 80f;//移動速度pu

在CSS3中,可以利用transform功能來實現文字或圖像的旋轉傾斜移動這四種類型的變形處理

for skew 文字 values alt 實例 垂直 -o 移動 CSS3中的變形處理(transform)屬 transform的功能分類 1.旋轉 transform:rotate(45deg); 該語句使div元素順時針旋轉45度。deg是CSS 3的“V

Matlab 圖像平移旋轉鏡像

more msh ret 結果 src end 初始 求解 http 今天學習了用Matlab實現對圖像的基本操作。在Matlab中,圖像是按照二維矩陣的形式表示的。所以對圖像的操作就是對矩陣的操作。 對圖像進行縮放、平移、旋轉,都可以轉化為矩陣的運算。 關於變換矩陣的構

基本動畫復合動畫設置 平移旋轉透明度 編碼實現 xml實現

sca ons new rpo 頂點 進行 clas imageview abs public class VAActivity extends Activity { private ImageView iv_animation; private Tex

影象處理之影象基本變化(平移旋轉)(Octave實現)

在模式識別及計算機視覺中,要經常進行影象的變化。 例如:在識別手寫數字中,我們可能在廣泛應用中要求所有的圖片都是20*20這麼好的規格。所以,我們就需要進行縮放來達到目的。 今天來總結下學到的影象的基本變換。 首先我們計 (w,v) (w,v)為源影象的

屬性動畫(旋轉平移透明綜合)

@Override public void onClick(View v) { switch (v.getId()) { case R.id.btn_rotate://360度旋轉 ObjectAnimator rotate = ObjectAnima

屬性動畫---平移旋轉漸變組合

佈局—5個按鈕,一個ImageView 平移 private void transAnimator() { ObjectAnimator objectAnimator = new ObjectAnimator().ofFloat(image,

CSS3中的變形處理——transform功能(旋轉傾斜移動)

1 transform屬性 在CSS3中,可以利用transform功能實現文字或影象的旋轉、縮放、傾斜、移動這4中型別的變形處理。 (1)瀏覽器支援 到目前為止:Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上瀏覽器支援該屬性。  2

OpenCV2:影象的幾何變換,平移映象旋轉(1)

影象的幾何變換是在不改變影象內容的前提下對影象畫素的進行空間幾何變換,主要包括了影象的平移變換、映象變換、縮放和旋轉等。本文首先介紹了影象幾何變換的一些基本概念,然後再OpenCV2下實現了影象的平移變換、映象變換、縮放以及旋轉,最後介紹幾何的組合變換(平移+縮放+旋轉)。

CSS3變形和動畫:旋轉扭曲位移矩陣 原點 transform-origin過渡屬性 transition-property過渡所需時間 transition-duration...

旋轉、扭曲、縮放、位移、矩陣 、原點 transform-origin、過渡屬性 transition-property、過渡所需時間 transition-duration、過渡函式 transition-timing-function、過渡延遲時間 transition-

原生webgl學習(八) WebGL實現動畫:平移旋轉

筆者在前面的文章主要是針對二維的靜態圖形進行開發;但有時候我們需要模型動起來,就像真實世界中的一切運動變化一樣。場景如果不是動態的,那麼可想而知,我們的世界是多麼枯燥乏味。為了讓我們開發的圖形應用看上去更加高大上,這一節筆者將和大家一起做一個動畫的例子;本節的內容用到了前面文

html5學習筆記三:canvas中平移旋轉等影象變換問題

1,儲存與恢復問題 關鍵字:save / restore save指儲存save之前的canvas狀態,restore恢復save儲存的canvas狀態。舉個例子我想在canvas中隔一秒顯示一個圖片,那我可以先用save指令儲存空白的canvas,然後在顯示一張圖片之後r

canvas之圖形的變化(儲存,平移旋轉

1、儲存與恢復canvas狀態 ctx.save();暫時將當前的狀態儲存到堆中 ctx.restore();該方法用於將上一個儲存的狀態從堆中再次取出,恢復該狀態的所有設定。 <meta charset="utf-8"> <title><

Android 繪圖基礎:Bitmap(點陣圖)與Matrix(矩陣)實現圖片5種操作(平移旋轉錯切對稱)

Android的Matrix利用數學原理實現圖片平移、旋轉等操作詳解   很慶幸自己的線性代數學的還可以,理解Matrix的矩陣變換完全沒有問題。Matrix矩陣實現圖片的平移旋轉等操作涉及到線性代數問題,感興趣它的具體實現的話可以參考一下上面的部落格,非常詳