WPF：Graphics图画--Brushes--DrawingBrush绘图画刷

最新推荐文章于 2025-05-16 16:31:35 发布

weixin_33897722

最新推荐文章于 2025-05-16 16:31:35 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000013144505

本文详细介绍了WPF中如何使用DrawingBrush进行复杂绘图，包括DrawingBrushExample、使用绘图画刷、变换应用、图像绘制以及几何绘图动画。通过各种实例展示了DrawingBrush在背景绘制、旋转动画、图像填充和动态几何形状变化等方面的应用，提供了丰富的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DrawingBrushExample

实现效果：

背景的动画及其开关事件
DrawingBrush的转换、动画应用

关键词：

DockPanel.Background-DrawingBrush--DrawingGoup.Children[]-GeometryDrawing.Geometry-EllipseGoemetry
EventTrigger-ResumeStoryboard/PauseStoryboard

背景实现：

使用DrawingBrush作为容器背景画刷，其Drawing属性中DrawingGroup.Children包含一个几何方框（黑灰边缘、亮灰填充)、两个几何圆

2、同时设置DrawingBrush的旋转RotateTransform中心

<DockPanel.Background>    
  <DrawingBrush TileMode="Tile"
    Viewport="0,0,100,100" ViewportUnits="Absolute">
    <DrawingBrush.Drawing>
      <DrawingGroup>
        <DrawingGroup.Children>            
        
          <GeometryDrawing>
            <GeometryDrawing.Geometry>
              <RectangleGeometry Rect="0,0,1,1" />
            </GeometryDrawing.Geometry>
            <GeometryDrawing.Brush>
              <SolidColorBrush Color="LightGray" />
            </GeometryDrawing.Brush>
             <GeometryDrawing.Pen>
              <Pen Thickness="0.01" Brush="DarkGray" />
            </GeometryDrawing.Pen>               
          </GeometryDrawing>
          
          <GeometryDrawing Brush="#99CCCCCC">
            <GeometryDrawing.Geometry>
              <EllipseGeometry Center="0.75,0.5" RadiusX="0.25" RadiusY="0.25" />
            </GeometryDrawing.Geometry>
          </GeometryDrawing>       
          <GeometryDrawing Brush="#66CCCCCC">
            <GeometryDrawing.Geometry>
              <EllipseGeometry Center="0.25,0.25" RadiusX="0.1" RadiusY="0.1" />
            </GeometryDrawing.Geometry>
          </GeometryDrawing>                
        </DrawingGroup.Children>
      </DrawingGroup>
    </DrawingBrush.Drawing>
    <DrawingBrush.Transform>
      <RotateTransform CenterX="0.5" CenterY="0.5" />
    </DrawingBrush.Transform>
  </DrawingBrush>
</DockPanel.Background>

背景动画触发事件
1. 作为窗口触发器一部分，由Page.Loaded事件触发器开始故事板，对容器(DockPanel.Ba

最低0.47元/天解锁文章

200万优质内容无限畅学