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

发布时间 2023-08-11 14:40:52作者: 我家有个小鸡仔

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中显示各种控件
显示效果:

代码实例:

<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中映射其它控件
显示效果

 

 代码实例:

<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>