欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

WPF基礎(chǔ)教程之形狀畫刷與變換詳解

 更新時(shí)間：2019年01月24日 08:20:39   投稿：daisy  
這篇文章主要給大家介紹了關(guān)于WPF基礎(chǔ)教程之形狀畫刷與變換的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

形狀

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

  • 形狀繪制自身。不需要管理無效的情況和繪圖過程。例如，移動(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á)圖形的外部必須穿過的直線數(shù)量。如果是奇數(shù)，就填充區(qū)域；如果是偶數(shù)就不填充改區(qū)域。

如果屬性設(shè)置為Nonzero填充規(guī)則，WPF計(jì)算為了到達(dá)圖形的外部經(jīng)過的正反向和反方向的直線數(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屬性。

常用畫刷

名稱
說明
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.

變換

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

名稱
說明
重要屬性
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 通過傾斜一定的角度扭曲坐標(biāo)系統(tǒng)。例如繪制正方形，通過該變換正方形變成平行四邊形。 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)畫。通過變換可創(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>

通過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è)元素的可見內(nèi)容。
  • 設(shè)置畫刷的Opacity屬性。每個(gè)畫刷也從Brush基類繼承了Opacity屬性?？墒褂?到1之間的值設(shè)置該屬性，以控制使用畫刷繪制的內(nèi)容的透明度，不管是固定顏色畫刷、漸變畫刷，還是某種類型的紋理或圖像畫刷。因?yàn)榭蔀樾螤畹腟troke和Fill屬性使用不同的畫刷，所以可為邊框和表面的不同區(qū)域設(shè)置不同的透明度。
  • 使用具有透明Alpha值的顏色。所有alpha值小于255的顏色都是半透明的。例如可在SolidColorBrush畫刷中使用半透明顏色，并使用該畫刷繪制元素的前景內(nèi)容和背景表面。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論