MSDN 教学短片 WPF 7(WPF文字方块)

最新推荐文章于 2023-01-23 12:31:57 发布

转载最新推荐文章于 2023-01-23 12:31:57 发布 · 184 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dingli/archive/2010/12/14/1906022.html

本文介绍如何使用WPF创建带有图片背景的文字方块，并通过VisualBrush实现文字方块的倒影效果。文章详细展示了XAML代码，包括设置字体、背景图片、倒影矩形及相对变换。

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

WPF文字方块

其实我们接着上次讲的课。

我们先拖个textBox到窗体中，给他字的背景色上一幅图画。

</TextBox>

这里为了更好的效果，我们将字体设置为Arial Bold。

由于图片的原因，效果不是很好。

接下来我们给它两个倒影的文字方块。

上面的方块。

 <Rectangle Margin="5,7,16,0" Name="rectangle1" Stroke="Black" Height="42" VerticalAlignment="Top" StrokeThickness="0.01">
                <Rectangle.Fill>
                    <VisualBrush Visual="{Binding ElementName=textBox1}">
                        <VisualBrush.RelativeTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="1" ScaleY="-1" />
                                <TranslateTransform Y="1" />
                            </TransformGroup>
                        </VisualBrush.RelativeTransform>
                    </VisualBrush>
                </Rectangle.Fill>
            </Rectangle>

下面的方块。

<Rectangle Margin="5,0,16,25" Name="rectangle2" Stroke="Black" StrokeThickness="0.1" Height="41" VerticalAlignment="Bottom">
                <Rectangle.Fill>
                    <VisualBrush Visual="{Binding ElementName=textBox1}">
                        <VisualBrush.RelativeTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="1" ScaleY="-1" />
                                <TranslateTransform Y="1" />
                            </TransformGroup>
                        </VisualBrush.RelativeTransform>
                    </VisualBrush>
                </Rectangle.Fill>
            </Rectangle>

这里的代码就是上面节课讲的。

隐隐约约可以看得到效果。

如果我们把这三个放到一个grid里面，那么就相当于封装了这三个方块。

<Rectangle HorizontalAlignment="Right" Margin="0,26,0,39" Name="rectangle3" Stroke="Black" Width="184">
            <Rectangle.Fill>
                <VisualBrush Visual="{Binding ElementName=grid1}" />
            </Rectangle.Fill>
        </Rectangle>

这里我们给绑定到原始放三个方块的Grid。

看右边的那个就是一个绑定的巨型块。

结束。

转载于:https://www.cnblogs.com/dingli/archive/2010/12/14/1906022.html