04 2D轉換 移動 旋轉 縮小

2021-10-07 07:27:14 字數 1218 閱讀 9830

一、2d轉換之移動translate

(1)

、transform

:translate

(x,y)

作用: 水平和垂直移動多少距離

引數: x代表x軸 單位px ; y代表y軸 單位px

注意:如果translate只給乙個引數,那麼移動得是x軸,y軸不變

(2)、transform

:translatex

(x)作用

: 水平移動x畫素

引數: x代表水平移動多少距離,單位x。

(3)、transform

:translatey

(y)作用

: 垂直移動y畫素

引數: y代表垂直移動多少距離,單位y。

重點:

transform

:rotate

(e)作用

: 旋轉多少度

引數: e代表度數,單位deg

重點:

三、2d轉換之中心點transform-origin

transform-origin

: x y ;

引數: x代表橫向座標, y代表垂直座標,單位是px

注意:

四、動畫過度效果

動畫過度效果得作用

:就是給要做動畫得元素新增乙個時間,讓肉眼可以看到動畫效果

transition

: all 0.5s;

s: s代表動畫所用得時間,單位是秒(s)。

注意: 誰做動畫給誰加,動畫加在本身上。

五、2d轉換之放大和縮小scale

transform

:scale

(x,y)

作用:可以實現放大和縮小效果

引數: x和y代表倍數,不帶單位。

注意:

六、2d轉換綜合寫法

當乙個元素,需要做移動,旋轉,縮放動作時,需要注意三者之間得書寫順序。

注意:

2D轉換之移動translate

4.2 2d轉換之移動translate 2d移動是2d轉換裡面的一種功能,可以改變元素在頁面中的位置,類似定位 1.語法 transform translate x,y transform translatex n transform translatey n 2.重點 定義2d轉換中的移動,沿著...

Unity3D 控制物體移動 旋轉 縮放

1.指定方向移動 移動速度 float translatespeed 10f 表示 向前 transform.translate vector3.forward translatespeed 2.全方向移動 x軸移動速度移動速度 float xspeed 5f z軸移動速度移動速度 float zs...

android圓形旋轉選單,而對於移動轉換功能支援

lz該公司最近接手乙個專案,需要寫乙個圓形旋轉選單,和選單之間的移動換位支援,我本來以為這樣的demo如若網際網路是非常。想想你媽媽也幫不了我,空旋轉,但它不能改變位置,所以lz我們只能靠自己摸索。在此貢獻出來給廣大碼農們共享。話不多說,先上 自己定義view類 public class round...