轉換概觀

在 Microsoft Expression Blend 中,您可以調整位置、調整大小、平移、縮放、旋轉、扭曲、翻轉和變更物件的中心點,輕鬆地修改向量物件和文字物件。您可以在畫板上進行變更,或是在 [屬性] 面板的 [版面配置] 與 [轉換] 類別之下變更屬性,以修改物件。此外,您可以使用 [筆刷轉換] 工具,僅修改文字與向量物件的筆刷屬性。

任意修改畫板上的物件

使用 [工具箱] 中的 [選取] Cc294973.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-tw,Expression.10).png 工具選取畫板上的物件時,Expression Blend 會在物件的周圍顯示週框方塊,而週框方塊週框方塊的控點可以用來轉換物件。您也可以按住 CTRL 鍵同時選取多個物件,而您選取的所有物件周圍都會出現週框方塊。以下是使用控點的快速提示,以及可示範物件在套用轉換之前及之後的影像。

修改

之前及之後

調整位置

沿著 X、Y 或 Z (僅限立體物件) 軸來移動物件。

若要調整物件位置,請將指標移到物件上,直到指標變成較小的四向箭號 Cc294973.eff911a7-b891-4315-a86c-cc4cd088e647(zh-tw,Expression.10).png,然後拖曳指標以移動物件。按住 SHIFT 鍵可在您調整位置時,限制移動到 X 或 Y 平面。

調整物件位置會變更 [屬性] 面板中 [版面配置] 下的物件屬性。調整位置只會直接變更物件的初始位置。調整位置並不會對物件套用轉換,除非您修改觸發程序或是動畫時間軸中的物件,在此情況下,調整位置會變更 [屬性] 面板中 [轉換] 下 [平移] Cc294973.962807da-746d-41bd-878c-0f89500f3907(zh-tw,Expression.10).png 索引標籤中的屬性。

調整畫板上物件的位置

Cc294973.c7c8c2bc-c934-4dd5-a121-94d4ca82f294(zh-tw,Expression.10).png

調整大小

變更物件的高度、寬度和深度 (僅限立體物件)。

若要調整物件大小,請將指標移到物件的角落控點或是中點控點上,直到指標變成雙向箭號 (Cc294973.5b735d0c-fdc1-4d8b-a592-0e762cc7c635(zh-tw,Expression.10).pngCc294973.b1472e4f-1959-485d-901f-df5583a77bcb(zh-tw,Expression.10).pngCc294973.ec88bf27-dad4-4869-9146-0c9647c29cdc(zh-tw,Expression.10).pngCc294973.7d350cd4-6d4f-40bc-9d04-d46d2d54ebee(zh-tw,Expression.10).png),然後拖曳指標以變更物件的大小。在調整物件的大小時按住 SHIFT 鍵,則可以限制物件的比例。按住 ALT 鍵以維持中心點。

調整物件大小會變更 [屬性] 面板中 [版面配置] 下的物件屬性。調整大小只會變更物件的初始大小。調整大小並不會對物件套用轉換,除非您修改觸發程序或是動畫時間軸中的物件,在此情況下,調整大小會變更 [屬性] 面板中 [轉換] 下 [縮放] Cc294973.7a93944e-a7f5-4607-babd-768bb5f56185(zh-tw,Expression.10).png 索引標籤中的屬性。

調整畫板上的物件大小

Cc294973.1bf7361c-1d19-47e0-981b-222d7a8d69d4(zh-tw,Expression.10).png

旋轉

圍繞著物件的中心點來旋轉物件。

若要旋轉物件,請將指標移到物件的角落控點上,直到指標變成旋轉控點 Cc294973.888cbf6b-c442-424d-977d-61d942703c4a(zh-tw,Expression.10).png,然後拖曳指標以旋轉物件。在旋轉物件時按住 SHIFT 鍵,則可以每次增加 15 度的方式來旋轉物件。中心點的位置會影響物件的旋轉方式。您可以在物件中央的控點上移動指標,直到指標變成四向箭號 Cc294973.9003164f-1dd4-4a3b-8a4c-21a70d4b3ffb(zh-tw,Expression.10).png,然後拖曳該指標以移動物件的中心點。移動中心點會變更 [屬性] 面板中 [轉換] 下的 [中心點] Cc294973.49772b0c-095e-450b-967e-75dc1858966f(zh-tw,Expression.10).png 索引標籤中的屬性。

旋轉物件會變更 [屬性] 面板中 [轉換] 下的 [旋轉] Cc294973.321b430b-5c8e-47dc-93f8-0e85ac32cca5(zh-tw,Expression.10).png 索引標籤中的物件屬性。旋轉會將轉換套用至物件。

旋轉畫板上的物件

Cc294973.0ec39880-288d-4083-90f0-26b05c094977(zh-tw,Expression.10).png

扭曲

沿著 X、Y 或 Z (僅限立體物件) 軸來扭曲 (傾斜) 物件。

若要扭曲物件,請將指標移到物件的中點控點上,直到指標變成分開的雙向箭號 Cc294973.2be41f49-8a61-4966-bf08-598f4253b610(zh-tw,Expression.10).png,然後拖曳指標以扭曲或傾斜物件。按住 ALT 鍵以維持中心點位置 (而非維持對角或對邊的位置)。

扭曲物件會變更 [屬性] 面板中 [轉換] 下的 [扭曲] Cc294973.90c478da-1e6b-4b59-8322-445053058a6d(zh-tw,Expression.10).png 索引標籤中的物件屬性。扭曲會將轉換套用至物件。

扭曲畫板上的物件

Cc294973.b5b43b8b-dd44-4d42-a0d2-f7fab35e6f33(zh-tw,Expression.10).png

翻轉

沿著 X、Y 或 Z (僅限立體物件) 軸來翻轉物件。

若要翻轉物件,請將指標移到物件的角落控點或是中點控點上,直到指標變成雙向箭號 (Cc294973.5b735d0c-fdc1-4d8b-a592-0e762cc7c635(zh-tw,Expression.10).pngCc294973.b1472e4f-1959-485d-901f-df5583a77bcb(zh-tw,Expression.10).pngCc294973.ec88bf27-dad4-4869-9146-0c9647c29cdc(zh-tw,Expression.10).pngCc294973.7d350cd4-6d4f-40bc-9d04-d46d2d54ebee(zh-tw,Expression.10).png),然後拖曳指標以經過對面或對角。在調整物件的大小時按住 SHIFT 鍵,則可以限制物件的比例。按住 ALT 鍵以維持中心點。

翻轉物件所產生的結果與選取 [屬性] 面板中 [轉換] 下的 [翻轉] Cc294973.90c478da-1e6b-4b59-8322-445053058a6d(zh-tw,Expression.10).png 索引標籤中的按鈕相同。翻轉會將轉換套用至包含負縮放值的物件。

翻轉畫板上的物件

Cc294973.8bfb0802-a741-429c-9608-03d706a3328c(zh-tw,Expression.10).png

Cc294973.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

設定特定屬性以修改物件

您可以在 [屬性] 面板中的 [版面配置] 與 [轉換] 下,輸入屬性的特定值以精確地修改物件。使用 [屬性] 面板可讓您輕易地控制物件的詳細資料,例如其初始高度、寬度、對齊方式、邊界以及控制轉換 (例如旋轉、扭曲角度、翻轉角度、縮放值、平移值和中心點)。如需有關如何設定特定轉換屬性的詳細資訊,請參閱轉換中所列的<方法>主題。

Cc294973.alert_note(zh-tw,Expression.10).gif注意事項:

在 [屬性] 面板中 [版面配置] 與 [轉換] 下大部分的屬性,都可以使用 Expression Blend 數字編輯器。啟動數字編輯器的方法是將指標移到屬性文字方塊上面,然後在數字調整 Cc294973.1ac1b6df-d5d6-4ad9-aba5-0712dc9a9036(zh-tw,Expression.10).png 游標出現時按一下並拖曳,這樣您就可以捲動數值。

Cc294973.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

修改文字物件

您可以將對向量物件套用的相同修改套用至文字物件。

套用至文字物件的修改。

Cc294973.f98cfe86-514a-42a0-b31d-57fa7e00e602(zh-tw,Expression.10).png

Cc294973.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

轉換物件

「轉換」可以定義如何將某個座標空間的點對應到另一個座標空間的點。例如,如果您「平移」某個物件,套用至物件的轉換會將物件從初始 X、Y 和 Z (僅限立體物件) 座標移到目的座標。如果您縮放某個物件,套用至物件的轉換會根據初始 X、Y 和 Z (僅限立體物件) 數值的百分比,調整物件的大小。

若要轉換物件,可以在 [屬性] 面板中的 [轉換] 下輸入特定值,或是修改畫板上物件的中心點、旋轉、扭曲角度或翻轉角度。在修改動畫時間軸或觸發程式中的物件時會自動套用轉換,即使您在畫板上調整物件位置或大小。這將保存物件的初始值。

轉換屬性可分成兩個類別:

  • RenderTransform   在版面配置轉換完成之後才套用轉換。使用 [選取] 工具以轉換畫板上的物件,會修改 [RenderTransform] 屬性。
Cc294973.alert_note(zh-tw,Expression.10).gif注意事項:

使用 [RenderTransform] 屬性執行物件轉換的應用程式效能較佳,所以是理想的方式。

  • LayoutTransform   轉換是在應用程式呈現在螢幕上之前,於版面配置期間在記憶體中套用。當您需要父元素以調整套用到子元素的轉換時,就可以使用 [LayoutTransform] 屬性。

Cc294973.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

轉換套用至物件的筆刷

若要轉換填滿、筆觸、不透明度遮罩或其他套用至物件的筆刷,請選取 [屬性] 面板中的筆刷屬性,然後選取 [工具箱] 中的 [筆刷轉換] Cc294973.8dc54a0d-02cc-44cd-b802-5a78309f4503(zh-tw,Expression.10).png 工具。筆刷轉換箭號會顯示在畫板上,您可以使用指標來修改它。如果您使用漸層筆刷,轉換箭號的端點會對應至色軸任一端的漸層停駐點。您可以透過下列方式變更筆刷轉換工具的行為:

  • 拖曳端點以限制沿著終點之間的直線移動時,按住 SHIFT 鍵。

  • 移動整個箭號以限制移動到 X 或 Y 平面時,按住 SHIFT 鍵。

  • 旋轉端點每隔 15 度貼齊一次時,按住 SHIFT 鍵。

  • 拖曳端點,同時移動兩個端點以維持中心點位置時,按住 ALT 鍵。

下列影像顯示將多種轉換套用至 [Fill] 屬性的漸層筆刷後,矩形物件所呈現的外觀。

填滿矩形所套用的轉換效果:線性漸層筆刷

Cc294973.ddadfdb4-f9f5-4239-8e56-d04014592af4(zh-tw,Expression.10).png

填滿矩形所套用的轉換效果:放射狀漸層筆刷

Cc294973.06d84067-19a1-4699-af39-18d0b11679a0(zh-tw,Expression.10).png

您可以選擇設定在 [屬性] 面板中按 [筆刷] 下的 [選項] 按鈕時所顯示的屬性。上圖顯示已選取 [邊框] 選項。若選取了 [反射] 或 [重複] 選項,然後使轉換箭號短於物件,將會出現波狀的效果。

除漸層筆刷外,您還可將筆刷類型轉換為其他類型。如需有關筆刷轉換的詳細資訊,請參閱外觀概觀轉換漸層或拼貼筆刷中的<筆刷>一節。

Cc294973.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

裁剪

有時,當您轉換物件時,會裁剪物件的某些部分 (亦即,某些部分會消失在週框方塊的外面)。您可以用下列方式修正裁剪問題:

  • 取消選取 [屬性] 面板中 [外觀] 下方的 [ClipToBounds] 屬性核取方塊。

  • 使用 [LayoutTransform] 類別中的屬性,而不要使用 [屬性] 面板中 [轉換] 下方的 [RenderTransform]。轉換視覺筆刷時,這個方式特別有用。

  • 請在套用轉換或在修改動畫時間軸或觸發程序中的物件之前,使用 [屬性] 面板中 [版面配置] 下的屬性,修改預設時間軸中的物件。這將在套用轉換之前,調整週框方塊的大小及位置。

Cc294973.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首