Windows Store App 變形特效

來源:互聯網
上載者:User

標籤:

在應用程式的開發過程中,為了讓介面按照期望的效果顯示,有時會對介面元素應用變形特效,例片的縮放、旋轉、移動等。與3D特效不同,在介面元素實現變形特效之後,其平行關係不會發生改變,只不過是位置、大小或方向發生了改變。

變形特效由介面元素的RenderTransform屬性提供支援,此屬性是Transform類型的屬性, TranslateTransform、RotateTransform、ScaleTransform等都繼承自Transform類,通過將它們賦值給RenderTransform,可以實現介面元素的平移、旋轉以及縮放等變形特效,下面列舉了RenderTransform所包含的Transform類型成員。

q  TranslateTransform,能夠使元素的位置發生平移變化,兩個比較重要的屬性是X和Y,分別代表相對於元素的起始點位移量。

q  RotateTransform,能夠使元素產生旋轉變化,根據中心點進行順時針或逆時針旋轉。

q  ScaleTransform,能夠使元素產生縮放變化。它有兩個重要屬性ScaleX和ScaleY。對於ScaleX而言,如果值介於0 和1之間,就會減小縮放對象的寬度;如果值大於1,會增大縮放對象的寬度;如果值為1,表示對象不在 X軸方向進行縮放;如果為負值,會沿水平方向翻轉縮放對象; 如果值介於0和-1之間,代表翻轉縮放對象並減小其寬度;如果值小於-1,會翻轉對象並增大其寬度;如果值為-1,則翻轉縮放對象,但不更改其寬度大小。

q  SkewTransform,能夠使元素產生扭曲變化,它的四個屬性中,AngleX和AngleY決定扭曲對象的傾斜度,CenterX和CenterY決定扭曲的中心點。

q  TransformGroup,能夠使元素的縮放、旋轉、扭曲等變形特效綜合起來使用。

q  MatrixTransform,能夠使元素通過矩陣演算法實現更為複雜的變形。

變形元素包括平移變形、縮放變形、旋轉變形、扭曲變形、組合變形以及矩陣變形元素,變形特效常用於在不改變元素本身構成的情況下,使其產生變形效果。下面將逐一介紹上述的幾種變形效果。

Windows Store App 變形特效

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.