【问题标题】:Draw special background绘制特殊背景
【发布时间】:2018-10-08 15:08:38
【问题描述】:

在 WPF 中是否可以通过以下方式绘制窗口的背景:

  • 例如窗口的背景是白色的
  • 20 像素宽的垂直彩色线条,中间有相同大小的间隙,这样您就可以得到红色条纹图案
  • 20 像素高的水平彩色线条,颜色相同,中间也有相同大小的间隙
  • 水平和垂直红线相互重叠的区域应该再次显示为白色,这样你就会得到一种方格图案

我知道如何在 WPF 中绘制线条,我知道如何重复绘制以填充整个背景,但我不知道如何管理重叠颜色消失的部分。

【问题讨论】:

标签: wpf


【解决方案1】:

不确定差距应该有多大。但是,您可以像这样调整 DrawingBrush:

<Window.Background>
    <DrawingBrush TileMode="Tile" ViewportUnits="Absolute" Viewport="0,0,100,100">
        <DrawingBrush.Drawing>
            <DrawingGroup>
                <GeometryDrawing Brush="White">
                    <GeometryDrawing.Geometry>
                        <RectangleGeometry Rect="0,0,100,100"/>
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
                <GeometryDrawing
                    Geometry="M50,0 L50,40 M50,60 L50,100 M0,50 L40,50 M60,50 L100,50">
                    <GeometryDrawing.Pen>
                        <Pen Brush="Red" Thickness="20"/>
                    </GeometryDrawing.Pen>
                </GeometryDrawing>
            </DrawingGroup>
        </DrawingBrush.Drawing>
    </DrawingBrush>
</Window.Background>

或者使用另一个 TileMode:

<Window.Background>
    <DrawingBrush TileMode="FlipXY" ViewportUnits="Absolute" Viewport="0,0,50,50">
        <DrawingBrush.Drawing>
            <DrawingGroup>
                <GeometryDrawing Brush="White">
                    <GeometryDrawing.Geometry>
                        <RectangleGeometry Rect="0,0,50,50"/>
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
                <GeometryDrawing Geometry="M0,45 L40,45 M45,0 L45,40">
                    <GeometryDrawing.Pen>
                        <Pen Brush="Red" Thickness="10"/>
                    </GeometryDrawing.Pen>
                </GeometryDrawing>
            </DrawingGroup>
        </DrawingBrush.Drawing>
    </DrawingBrush>
</Window.Background>

【讨论】:

  • RectangleGeometry 有什么用?至少在第一个版本中,我可以在不更改结果背景的情况下将其删除?
  • 是白色背景。没有它,背景将是透明的。
猜你喜欢
  • 2018-09-10
  • 2019-12-20
  • 1970-01-01
  • 2013-04-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多