WPF图形控件使用之-VisualBrush图形画刷

  • WPF图形控件使用之-VisualBrush图形画刷已关闭评论
  • 102 次浏览
  • A+
所属分类:.NET技术
摘要

VisualBrush 背景图 Background上画,线条(LineGeometry)、几何图形(RectangleGeometry)、椭圆(EllipseGeometry)、弧线(ArcSegment )、各种控件等,相对与DrawingBrush书写更简单一些。

VisualBrush 背景图 Background上画,线条(LineGeometry)、几何图形(RectangleGeometry)、椭圆(EllipseGeometry)、弧线(ArcSegment )、各种控件等,相对与DrawingBrush书写更简单一些。

 

属性
说明
备注
Viewport
(从左向右,从上向下,图像宽度放大比例,图像高度放大比例)放大背景图,
Viewport="0,0,8 5"(X  Y  W  H)   默认表示比例:调整图像的大小位置
ViewboxUnits
设置上面属性的比例为绝对值。
ViewboxUnits="Absolute"
TileMode
设置平铺方式
TileMode="Tile" (None、FlipX(水平方向反转)、FlipY(从上往下反转)、FlipXY(及X方向反转,也Y方向反转)、Tile(平铺))
实例:VisualBrush中显示各种控件
显示效果:

WPF图形控件使用之-VisualBrush图形画刷

代码实例:

<Border Width="100" Height="50">             <Border.Background>                 <!--所有可以在页面显示的控件都可以放在VisualBrush里渲染。所有继承VisualBrush的控件都可以放在VisualBrush里渲染-->                 <VisualBrush Viewport="0,0,8 5" ViewportUnits="Absolute" TileMode="Tile">                     <!--VisualBrush.Visual 用于存放各种继承自VisualBrush的控件,只能放一个-->                     <VisualBrush.Visual>                         <!--VisualBrush中可以放各种控件显示-->                         <!--<Button/>-->                         <!--画多边形控件 Points="0 5 8 0 16 5 8 10"(x y x y x y)相当于每两个坐标点一组,一直循环。-->                         <!--<Polygon Points="0 5 8 0 16 5 8 10" Stroke="Green" StrokeThickness="1"/>-->                         <!--M0 5起始坐标XY、8 0结束坐标xy、16 5结束坐标xy、8 10结束坐标xy(如此循环)、z图形结束-->                         <!--<Path Data="M0 5 8 0 16 5 8 10z" Stroke="Green" StrokeThickness="1"/>-->                         <!--M18 60起始坐标xy、后面跟着结束坐标、M69 30起始坐标xy、后面跟着结束坐标-->                         <Path Data="M18 60,0 30,18 0 50,0 69,30 50,60M69,30 100,30" Stroke="#FF6E00" StrokeThickness="1"/>                     </VisualBrush.Visual>                 </VisualBrush>             </Border.Background>         </Border>

 
实例:VisualBrush中映射其它控件
显示效果

 

WPF图形控件使用之-VisualBrush图形画刷

 代码实例:

<TextBox Text="Hello" Width="100" Name="tb" Opacity="1">         </TextBox>         <Border Height="30" Width="100" RenderTransformOrigin="0.5,0.5">             <Border.Background>                 <!--把其它控件显示在VisualBrush中-->                 <VisualBrush Visual="{Binding ElementName=tb}"/>             </Border.Background>             <Border.RenderTransform>                 <TransformGroup>                     <!--设置旋转角度-->                     <RotateTransform Angle="180"/>                 </TransformGroup>             </Border.RenderTransform>         </Border>