這篇文章主要介紹WPF之形狀畫刷與變換的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出陽(yáng)春免費(fèi)做網(wǎng)站回饋大家。

形狀

在WPF中形狀繼承自FrameworkElement類。因此，形狀是元素，有如下好處。

• 形狀繪制自身。不需要管理無(wú)效的情況和繪圖過(guò)程。例如，移動(dòng)內(nèi)容，改變窗口尺寸或改變屬性時(shí)，不需要手動(dòng)重新繪制圖形。

• 使用與其他元素相同的方式組織形狀。在可任何布局容器中放置圖形。（canvas明細(xì)是最有用的容器，因?yàn)樗试S在特性的坐標(biāo)位置放置形狀，當(dāng)構(gòu)建復(fù)雜的具有多個(gè)部分的圖畫時(shí)，很重要。）

• 圖形支持與其他元素相同的事件。如焦點(diǎn)、鍵盤、鼠標(biāo)事件。

Shape類子類

矩形和橢圓

需要設(shè)置Height和Width屬性，設(shè)置Fill或Stroke屬性，如未設(shè)置Fill或Stroke屬性，形狀不會(huì)顯示。

<StackPanel>
 <Ellipse Fill="Yellow" Stroke="Blue" Width="100" Height="50" Margin="5" HorizontalAlignment="Left"></Ellipse>
 <Rectangle Fill="Yellow" Stroke="Blue" Height="50" Width="100" Margin="5" HorizontalAlignment="Left"></Rectangle>
 </StackPanel>

設(shè)置帶有帶有拐角的橢圓 RadiusX RadiusY值。

放置圖形的理想容器是Canvas,改容器要求使用left、top、right或bottom附加屬性，為每個(gè)圖形指定坐標(biāo)。這樣可以完全控制形狀是如何相互重疊的

使用viewbox控件縮放形狀

使用Canvas控件唯一的限制是不能改變自身的尺寸以適應(yīng)更大或更小的窗口。如果希望聯(lián)合Canvas控件的精準(zhǔn)控制功能和方便的改變尺寸功能，可使用Viewbox元素。

<Grid>
 <Grid.RowDefinitions>
  <RowDefinition Height="auto"></RowDefinition>
  <RowDefinition Height="*"></RowDefinition>
 </Grid.RowDefinitions>
 <TextBlock>The first row of the Grid</TextBlock>
 <Viewbox Grid.Row="1" HorizontalAlignment="Left">
  <Canvas Width="200" Height="150">
  <Ellipse Fill="Yellow" Stroke="Blue" Width="100" Height="50" Margin="5" HorizontalAlignment="Left" Canvas.Left="10" Canvas.Top="50"></Ellipse>
  <Rectangle Fill="Yellow" Stroke="Blue" Height="50" Width="100" Margin="5" HorizontalAlignment="Left" Canvas.Left="30" Canvas.Top="40"></Rectangle>
  </Canvas>
 </Viewbox>
 </Grid>

直線

<Line Stroke="Blue" X1="0" Y1="10" X2="10" Y2="100"></Line>

折線

<Polyline Stroke="Blue" StrokeThickness="5" Points="10,150 30,140 50,160 70,130 90,170 110,120 170,190,190,100 210,240"></Polyline>

多邊形

<Polygon Stroke="Blue" StrokeThickness="1" Fill="Yellow" Canvas.Left="10" Canvas.Top="10" FillRule="EvenOdd" Points="15,200 68,70 110,200 0,125 135,125"></Polygon>

FillRule填充規(guī)則：如果設(shè)置為EvenOdd：WPF計(jì)算為了到達(dá)圖形的外部必須穿過(guò)的直線數(shù)量。如果是奇數(shù)，就填充區(qū)域；如果是偶數(shù)就不填充改區(qū)域。

如果屬性設(shè)置為Nonzero填充規(guī)則，WPF計(jì)算為了到達(dá)圖形的外部經(jīng)過(guò)的正反向和反方向的直線數(shù)量差。如果等于0就不填充該區(qū)域，如果等于等于0就填充。

點(diǎn)劃線（虛線）

<Polyline Stroke="Blue" StrokeThickness="14" StrokeDashArray="1 2" Points="10,30 60,0 90,40 120,10 350,10"></Polyline>

StrokeDashArray="1 2" 是相對(duì)于直線寬度的，這里就是14 意思是14個(gè)單位的實(shí)線，28個(gè)單位的空白。

畫刷

畫刷填充區(qū)域，不干是元素的背景色、前景色以及邊框，還是形狀內(nèi)部填充和筆畫。

• 畫刷支持更改通知?；A(chǔ)自Freezable類。因此，如果改了畫刷，任何使用畫刷的元素都會(huì)重新繪制自身。

• 畫刷支持部分透明。為此，只需修改Opacity屬性。

常用畫刷

名稱	說(shuō)明
SolidColorBrush	使用單一的連續(xù)顏色繪制區(qū)域。
LinearGradientBrush	使用漸變填充繪制區(qū)域，漸變的陰影填充從一種顏色變化到另一種顏色（并且，也可以在變化到第3種顏色之后變化到第4種。）
RadialGradientBrush	使用徑向漸變填充繪制區(qū)域，除了在圓形模式中從中心點(diǎn)向外部輻射漸變之外，這種畫刷和漸變畫刷類似。
ImageBrush	使用可被拉伸、縮放或平鋪的圖像繪制區(qū)域。
DrawingBrush	使用Drawing對(duì)象繪制區(qū)域，改對(duì)象可包含已經(jīng)定義的形狀或位圖。
VisualBrush	使用Visual對(duì)象繪制區(qū)域。因?yàn)閃PF的元素都繼承自Visual類，所以可使用該畫刷將部分用戶界面復(fù)制到另一個(gè)局域。當(dāng)創(chuàng)建特殊效果時(shí)， 改畫刷特別有用。
BitmapCacheBrush	使用從Visual對(duì)象緩存的內(nèi)容繪制區(qū)域。這種畫刷和VisualBrush類似，但如果需要在多個(gè)地方重用圖形內(nèi)容或者頻繁地重繪圖形內(nèi)容，這種畫刷更高效。

LinearGradientBrush

<Rectangle Width="150" Height="100">
  <Rectangle.Fill>
  <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
   <GradientStop Color="Yellow" Offset="0.0"/>
   <GradientStop Color="Red" Offset="0.25"/>
   <GradientStop Color="Blue" Offset="0.75"/>
   <GradientStop Color="LimeGreen" Offset="1.0"/>
  </LinearGradientBrush>
  </Rectangle.Fill>  
 </Rectangle>

StartPoint 0，0 代表左上角，EndPonit 1,1 代表右下角 表示從左上角到右下角的方向漸變，同理如果是0，0 到0，0，1表示從上到下的垂直填充

Offset取值從0到1。表示顏色表示一種顏色漸變到另一種顏色的速度。

RadialGradientBrush

<Ellipse Margin="5" Stroke="Black" StrokeThickness="1" Width="200" Height="200">
  <Ellipse.Fill>
  <RadialGradientBrush RadiusX="1" RadiusY="1" GradientOrigin="0.7,0.3">
   <GradientStop Color="White" Offset="0"/>
   <GradientStop Color="Blue" Offset="1"/>
  </RadialGradientBrush>
  </Ellipse.Fill>
 </Ellipse>

GradientOrigin指定第一種顏色漸變的開始點(diǎn)，默然是（0.5，0.5）改點(diǎn)表示填充區(qū)域的中心。

RadiusX RadiusY決定了圓的尺寸，默認(rèn)值為0.5.

變換

變換是通過(guò)不加通告地切換圖形或元素使用的坐標(biāo)系統(tǒng)來(lái)改變形狀或元素的繪制方式的對(duì)象。變換主要類

名稱	說(shuō)明	重要屬性
TranslateTranform	將坐標(biāo)系統(tǒng)移動(dòng)一定的距離。如果希望在不同的地方繪制相同的形狀，改變換非常有用	X、Y
RotateTranform	旋轉(zhuǎn)坐標(biāo)系統(tǒng)。正常繪制的形狀繞著旋轉(zhuǎn)的中心點(diǎn)旋轉(zhuǎn)。	Angle、CenterX、CenterY
ScaleTranform	放大或縮小坐標(biāo)系統(tǒng)，從而繪制更大或更小的圖形?？稍赬和Y方向應(yīng)用不同的縮放度，從而拉伸或縮放形狀	ScaleX、ScaleY CenterX、CenterY
SkewTranform	通過(guò)傾斜一定的角度扭曲坐標(biāo)系統(tǒng)。例如繪制正方形，通過(guò)該變換正方形變成平行四邊形。	AngleX、AngelY、CenterX、CenterY
MatrixTranform	使用提供的矩陣的乘積修改坐標(biāo)系統(tǒng)。這是最復(fù)雜的選擇。	Matrix
TransformGroup	組合多個(gè)變換，從而可以一次應(yīng)用所有這些變換。應(yīng)用變換的順序是很重要的，因?yàn)檫@會(huì)影響最終的結(jié)果。例如，首先使用RotateTranform選擇圖形，然后使用TranslateTranform移動(dòng)圖形，這樣做的結(jié)果和先移動(dòng)再旋轉(zhuǎn)的結(jié)果是不同的。

應(yīng)用場(chǎng)景

• 傾斜形狀。

• 重復(fù)形狀。

• 動(dòng)畫。通過(guò)變換可創(chuàng)建大量精致的效果。例如，旋轉(zhuǎn)形狀、將圖形從一個(gè)地方移動(dòng)到另一個(gè)地方。

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

通過(guò)RenderTransform制定圖形的變換方式，RenderTransformOrigin="0.5,0.5"，以圖形的中心點(diǎn)旋轉(zhuǎn)，以左上角為準(zhǔn)旋轉(zhuǎn)。這兩個(gè)屬性不限制于形狀，WPF的所有元素都可以用這兩個(gè)屬性。

<Button Canvas.Left="100" Canvas.Top="100" Width="101" Height="30" Content="testTransform">
  <Button.RenderTransform>
  <RotateTransform Angle="25"></RotateTransform>
  </Button.RenderTransform>
  <Button.Background>
  <SolidColorBrush Color="#FF7DBFFC"></SolidColorBrush>
  </Button.Background>
 </Button>

透明

WPF實(shí)現(xiàn)元素透明的方式

• 設(shè)置元素的Opacity屬性。每個(gè)元素（包括形狀）都從UIElement基類繼承了Opacity屬性。不透明度是0到1之間的小數(shù)，1表示完全不透明（默認(rèn)值），0表示完全透明。當(dāng)使用這種方式設(shè)置不透明度時(shí)，設(shè)置會(huì)被整應(yīng)用于整個(gè)元素的可見(jiàn)內(nèi)容。

• 設(shè)置畫刷的Opacity屬性。每個(gè)畫刷也從Brush基類繼承了Opacity屬性?？墒褂?到1之間的值設(shè)置該屬性，以控制使用畫刷繪制的內(nèi)容的透明度，不管是固定顏色畫刷、漸變畫刷，還是某種類型的紋理或圖像畫刷。因?yàn)榭蔀樾螤畹腟troke和Fill屬性使用不同的畫刷，所以可為邊框和表面的不同區(qū)域設(shè)置不同的透明度。

• 使用具有透明Alpha值的顏色。所有alpha值小于255的顏色都是半透明的。例如可在SolidColorBrush畫刷中使用半透明顏色，并使用該畫刷繪制元素的前景內(nèi)容和背景表面。

以上是“WPF之形狀畫刷與變換的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

標(biāo)題名稱：WPF之形狀畫刷與變換的示例分析
URL分享：http://jinyejixie.com/article40/ijdjeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、商城網(wǎng)站、App開發(fā)、響應(yīng)式網(wǎng)站、、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)