【WPF學習】第四十一章 變換

来源:https://www.cnblogs.com/Peter-Luo/archive/2020/02/15/12312445.html
-Advertisement-
Play Games

通過使用變換(transform)，許多繪圖任務將更趨簡單；變換是通過不加通告地切換形狀或元素使用的坐標系統來改變形狀或元素繪製方式的對象。在WPF中，變換由繼承自System.Windows.Media.Transform抽象類的類表示。下表列出了這些類。 表 變換類 從技術角度看，所有變換都使用 ...


　　通過使用變換(transform)，許多繪圖任務將更趨簡單；變換是通過不加通告地切換形狀或元素使用的坐標系統來改變形狀或元素繪製方式的對象。在WPF中，變換由繼承自System.Windows.Media.Transform抽象類的類表示。下表列出了這些類。

表 變換類

 　　從技術角度看，所有變換都使用矩陣數學改變形狀的坐標。不過，使用預先構建好的變換，如TranslateTransform、RotateTransform、ScaleTransform以及SkewTransform，比使用MatrixTransform並嘗試為希望執行的操作構造正確的矩陣更簡單的多。當使用TransformGroup執行一系列變換時，WPF將所有變換融合到單獨的MatrixTransform變換中以確保獲得最佳性能。

　　所有變換(通過Transform類)繼承自Freezable類，這意味著它們支持自動更改通知功能。如果改變了在形狀中使用的變換，形狀會立即重新繪製自身。

　　變換是那些在不同上下文中非常有用的古怪概念中的一個。下麵例舉幾個例子：

  • 　　傾斜形狀。到目前為止已經介紹了水平對齊的矩形、橢圓、直線以及多邊形。使用RotateTransform變換，可轉動坐標系統，使創建特定的形狀更容易。
  • 　　重覆形狀。許多圖畫是在不同的位置使用類似的形狀構建的。使用變換，可先繪製一個形狀，然後移動、旋轉、縮放該形狀，以及執行其他操作。
  • 　　動畫。通過變換，可創建大量精緻的效果。例如，旋轉形狀、將形狀從一個地方移到另一個地方，以及動態扭曲形狀。

一、變換形狀

　　為變換形狀，將RenderTransform屬性指定為希望使用的變換隊形。根據使用的變換隊形，需要填充不同的屬性以配置變換隊形。

　　例如，如果旋轉形狀，需要使用RotateTransform變換，並以度為單位提供旋轉角度。下麵的示例將舉行旋轉25°：

 <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="100">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="25" />
            </Rectangle.RenderTransform>
        </Rectangle>

　　採用這種方式旋轉形狀時，是圍繞形狀的原點進行旋轉的（左上角）。下圖演示了繞形狀原點旋轉25°、50°、75°以及100°的效果。

<Window x:Class="Drawing.RotateShape"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="RotateShape" Height="427" Width="332"
    >
    <Canvas>
        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
          Canvas.Left="100" Canvas.Top="100">
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="100">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="25" />
            </Rectangle.RenderTransform>
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
          Canvas.Left="100" Canvas.Top="100">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="50" />
            </Rectangle.RenderTransform>
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="100">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="75" />
            </Rectangle.RenderTransform>
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="100">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="100" />
            </Rectangle.RenderTransform>
        </Rectangle>
    </Canvas>

</Window>
RotateShape

　　有時候希望繞不同的點旋轉形狀。與其他許多變換類一樣，RotateTransform變換也提供了CenterX和CentertY屬性。可以用這些屬性指定將進行旋轉的中心。下麵的矩形使用該方法繞其中心點旋轉自身25°：

<Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="300">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="25" CenterX="45" CenterY="5" />
            </Rectangle.RenderTransform>
        </Rectangle>

　　採用這種方式旋轉形狀時，是圍繞形狀的原點進行旋轉的（中心）。下圖演示了繞形狀原點旋轉25°、50°、75°以及100°的效果。

<Window x:Class="Drawing.RotateShape"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="RotateShape" Height="427" Width="332"
    >
    <Canvas>
        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
          Canvas.Left="100" Canvas.Top="300">
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="300">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="25" CenterX="45" CenterY="5" />
            </Rectangle.RenderTransform>
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="300">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="50" CenterX="45" CenterY="5" />
            </Rectangle.RenderTransform>
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="300">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="75" CenterX="45" CenterY="5" />
            </Rectangle.RenderTransform>
        </Rectangle>

        <Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="300">
            <Rectangle.RenderTransform>
                <RotateTransform Angle="100" CenterX="45" CenterY="5" />
            </Rectangle.RenderTransform>
        </Rectangle>
    </Canvas>

</Window>
RotateShape

 

 　　使用RotateTransform的CenterX和CenterY屬性時存在明顯的限制。這些屬性是使用絕對坐標定義的，這意味著需要瞭解繪製內容的中心店的準確位置。如果正在顯示動態內容（例如，可變維度的圖片或改變尺寸的元素），就會出現問題。幸運的是，WPF通過方便的RenderTransformOrigin屬性，為這個問題提供瞭解決方法，所以形狀都支持RenderTransformOrign屬性。該屬性使用相對坐標系統設置中心點，下該對坐標系統在兩個方向上的範圍都是從0到1。換句話說，點（0,0）被指定為左上角，點（1,1）表示右下角（如果形狀區域不是正方形，那麼會相應地拉伸坐標系統）。

　　藉助於RenderTransformOrigin屬性，可使用如下所示的標記，繞中心點旋轉任意形狀：

<Rectangle Width="80" Height="10" Stroke="Blue" Fill="Yellow" 
      Canvas.Left="100" Canvas.Top="300" RenderTransformOrigin="0.5,0.5">
      <Rectangle.RenderTransform>
        <RotateTransform Angle="75" CenterX="45" CenterY="5" />
      </Rectangle.RenderTransform>
    </Rectangle>

　　因為不管形狀的尺寸是多少，點（0.5,0.5）都表示形狀中心，所以上面的標記可以工作。實際上，RenderTransformOrigin屬性通常比CenterX和CenterY屬性更有用，儘管根據需要可以使用兩者中的一個，或者同時使用兩者。

二、變換元素

　　RenderTransform和RenderTransformOrigin屬性並不限制只能用於形狀。實際上，Shape類的這些屬性從UIElement類繼承而來，這意味著所有WPF元素都支持這兩個屬性，包括按鈕、文本框、TextBlock控制項、充滿內容的整個佈局容器等。令人感到驚訝的是，可旋轉、扭曲以及縮放WPF用戶界面中的任意一部分。　　

　　RenderTransform不是在WPF基類中定義的唯一與變換相關的屬性。FrameworkElement類還定義了LayoutTransform屬性。LayoutTransform屬性以相同的方式變換元素，但在佈局之前執行其工作。這種情況的開銷雖然更大些，但如果使用佈局容器為一組控制項提供自動佈局功能，這種方式是很關鍵的（Shape類也提供了LayoutTransform屬性，但很少需要使用該屬性，因此通常使用容器（如Canvas面板）明確地放置形狀，而不是使用自動佈局）。

　　為理解兩者的區別，分析下圖中顯示的視窗，該視窗包含兩個StackPanel容器（由陰影區域表示），這兩個容器都包含一個選擇過的按鈕和一個正常的按鈕。在第一個StackPanel容器中，選擇的按鈕使用RenderTransform方法。該StackPanel容器在對兩個按鈕進行佈局時，第一個按鈕正常定位，並且在即將呈現之前旋轉該按鈕。因此，選擇過的按鈕被重疊在下麵。在第二個StackPanel容器中，選擇過的按鈕使用LayoutTransform方法。StackPanel容器獲取到選項後按鈕所需的邊界，並相應地佈局第二個按鈕。

<Window x:Class="Drawing.RotateElement"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="RotateElement" Height="314" Width="305"
    >
  <StackPanel>
    <StackPanel  Margin="25"  Background="LightYellow">
      <Button Padding="5" HorizontalAlignment="Left">
        <Button.RenderTransform>
          <RotateTransform Angle="35" CenterX="45" CenterY="5" />
        </Button.RenderTransform>
        <Button.Content>I'm rotated 35 degrees</Button.Content>
      </Button>
      <Button Padding="5" HorizontalAlignment="Left">I'm not</Button>
    </StackPanel>

    <StackPanel  Margin="25"  Background="LightYellow">
      <Button Padding="5" HorizontalAlignment="Left">
        <Button.LayoutTransform>
          <RotateTransform Angle="35" CenterX="45" CenterY="5" />
        </Button.LayoutTransform>
        <Button.Content>I'm rotated 35 degrees</Button.Content>
      </Button>
      <Button Padding="5" HorizontalAlignment="Left">I'm not</Button>
    </StackPanel>
  </StackPanel>
</Window>
RotateElement

 

 　　只有很少幾個元素不能被變換，因為他們的呈現工作並非由WPF本身負責。不能被變換的元素的兩個例子是WindowsFormHost和WebBrower元素，WindowsFormHost元素用於在WPF視窗中放置Windows窗體控制項，WebBrower元素用於顯示HTML內容。

　　在一定程度上，當設置LayoutTransform或RenderTransform屬性時，WPF元素不知道它們正在被修改。特別是，變換不會影響元素的ActualHeight和ActualWidth屬性，它們仍記錄著變換之前的值。這正是WPF能夠保證流失佈局以及外邊距繼續以相同的方式工作的部分原理，即使應用了一個或多個變換也同樣如此。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Pycharm創建Django項目顯示python non-zero exit code(1)錯誤
    好久時間沒有做Django的項目了，今天創建項目竟然報Non-zero exit code(1)錯誤 查明原因是因為pip不是最新版本，需要執行以下命令：python -m pip install --upgrade pip 但還是沒有成功，提示超時，估計源有問題 使用豆瓣源進行安裝，問題解決了 命 ...
  • Python 實現深度學習
    前言最近由於疫情被困在家，於是準備每天看點專業知識，準備寫成博客，不定期發佈。博客大概會寫5~7篇，主要是“解剖”一些深度學習的底層技術。關於深度學習，電腦專業的人多少都會瞭解，知道Conv\Pool的過程，也看過論文，做過實驗或是解決方案。在寫的各種捲積網路 時候，有沒有問問自己：這些網路到底是... ...
  • Python—初識函數
    為什麼要用函數 現在python屆發生了一個大事件，len方法突然不能直接用了。。。 然後現在有一個需求，讓你計算'hello world'的長度，你怎麼計算？ 這個需求對於現在的你其實不難，我們一起來寫一下。 s1 = "hello world" length = 0 for i in s1: l ...
  • 慕課網-悟空-玩轉Java併發工具，精通JUC，成為併發多面手-筆記
    慕課網-悟空-玩轉Java併發工具，精通JUC，成為併發多面手-筆記 微雲：https://share.weiyun.com/81aa12bb98016e200add31fb8e191cdf百度網盤：鏈接：https://pan.baidu.com/s/1IiClTkQwFJgBL2NqlptKbA ...
  • Python 進行目標檢測
    一、前言 從學單片機開始鼓搗C語言，到現在為了學CV鼓搗Python，期間在CSDN、簡書、博客園和github這些地方得到了很多幫助，所以也想把自己做的一些小東西分享給大家，希望能幫助到別人。記錄人生的第一篇博客，mark。 二、圖像檢測步驟 1. 讀取兩張圖片 第一張是需要檢測的小物體，第二章圖 ...
  • Java學習筆記(十一)面向對象---多態
    多態的體現 父類的引用指向了自己的子類對象。 父類的引用也可以接受自己的子類對象。 代碼體現 運行結果 多態的前提 必須是類與類之間有關係。要麼是繼承關係，要麼實現。 存在覆寫關係。 多態利弊 利處 多態的出現大大地提高了程式的拓展性。 弊端 提高了拓展性，但是只能使用父類的引用訪問父類中的成員,不 ...
  • 一個新實驗：使用gRPC-Web從瀏覽器調用.NET gRPC服務
    今天給大家翻譯一篇由ASP.NET首席開發工程師 "James Newton King" 前幾天發表的一篇博客，文中帶來了一個實驗性的產品gRPC Web。大家可以點擊文末的討論帖進行相關反饋。我會在文章末尾給出原文鏈接。全部譯文如下： 我很高興宣佈通過.NET對gRPC Web進行實驗性支持。gR ...
  • .NET Core WebAPI post參數傳遞時後端的接收方式
    .NET Core WebAPI post參數傳遞時後端的接收方式 1. 實體類 2. dynamic動態類型 3. JObject參數 4. 單值參數(字元串參數) A.前端Post請求代碼 B.後端接收參數方式 1. 實體類 實體類是比較簡單的一種傳參方式，使用頻率非常高。 1. 添加實體類 2 ...
一周排行
    -Advertisement-
    Play Games
  • Dapr Outbox 執行流程
    Dapr Outbox 是1.12中的功能。 本文只介紹Dapr Outbox 執行流程，Dapr Outbox基本用法請閱讀官方文檔 。本文中appID=order-processor，topic=orders 本文前提知識：熟悉Dapr狀態管理、Dapr發佈訂閱和Outbox 模式。 Outbo ...
  • Advanced .Net Debugging 7：托管堆與垃圾收集
    引言 在前幾章我們深度講解了單元測試和集成測試的基礎知識，這一章我們來講解一下代碼覆蓋率,代碼覆蓋率是單元測試運行的度量值,覆蓋率通常以百分比表示，用於衡量代碼被測試覆蓋的程度，幫助開發人員評估測試用例的質量和代碼的健壯性。常見的覆蓋率包括語句覆蓋率（Line Coverage）、分支覆蓋率（Bra ...
  • C#S7.NET實現西門子PLCDB塊數據採集的完整步驟
    前言 本文介紹瞭如何使用S7.NET庫實現對西門子PLC DB塊數據的讀寫，記錄了使用電腦模擬，模擬PLC，自至完成測試的詳細流程，並重點介紹了在這個過程中的易錯點，供參考。 用到的軟體： 1.Windows環境下鏈路層網路訪問的行業標準工具（WinPcap_4_1_3.exe）下載鏈接：http ...
  • WPF控制項：密碼框綁定MVVM
    從依賴倒置原則（Dependency Inversion Principle, DIP）到控制反轉（Inversion of Control, IoC）再到依賴註入（Dependency Injection, DI）的演進過程，我們可以理解為一種逐步抽象和解耦的設計思想。這種思想在C#等面向對象的編 ...
  • Python中的私有屬性與私有方法
    關於Python中的私有屬性和私有方法 Python對於類的成員沒有嚴格的訪問控制限制，這與其他面相對對象語言有區別。關於私有屬性和私有方法，有如下要點： 1、通常我們約定，兩個下劃線開頭的屬性是私有的（private）。其他為公共的（public）； 2、類內部可以訪問私有屬性（方法）； 3、類外 ...
  • C++ 訪問說明符詳解：封裝數據，控制訪問，提升安全性
    C++ 訪問說明符 訪問說明符是 C++ 中控制類成員（屬性和方法）可訪問性的關鍵字。它們用於封裝類數據並保護其免受意外修改或濫用。 三種訪問說明符： public：允許從類外部的任何地方訪問成員。 private：僅允許在類內部訪問成員。 protected：允許在類內部及其派生類中訪問成員。 示 ...
  • static_cast與dynamic_cast到底是什麼？
    寫這個隨筆說一下C++的static_cast和dynamic_cast用在子類與父類的指針轉換時的一些事宜。首先，【static_cast，dynamic_cast】【父類指針，子類指針】，兩兩一組，共有4種組合：用 static_cast 父類轉子類、用 static_cast 子類轉父類、使用 ...
  • C語言數據結構：雙向鏈表的增刪操作
    /******************************************************************************************************** * * * 設計雙向鏈表的介面 * * * * Copyright (c) 2023-2 ...
  • @ComponentScan註解的實現，Spring掃描包的過程
    相信接觸過spring做開發的小伙伴們一定使用過@ComponentScan註解 @ComponentScan("com.wangm.lifecycle") public class AppConfig { } @ComponentScan指定basePackage，將包下的類按照一定規則註冊成Be ...
  • opensips開啟python支持
    操作系統 ：CentOS 7.6_x64 opensips版本： 2.4.9 python版本：2.7.5 python作為腳本語言，使用起來很方便，查了下opensips的文檔，支持使用python腳本寫邏輯代碼。今天整理下CentOS7環境下opensips2.4.9的python模塊筆記及使用 ...
所有分類