神奇的笔刷

最新推荐文章于 2022-09-22 09:43:53 发布

原创最新推荐文章于 2022-09-22 09:43:53 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #button #windows #class #binding #wpf

WPF 专栏收录该内容

23 篇文章

订阅专栏

一、ImageBrush的使用，使文字更加炫

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
    <Grid>
        <Ellipse Margin="42,64,43,90" Name="ellipse1" Stroke="Black">
            <Ellipse.Fill>
                <ImageBrush Viewport="0,0,0.3,0.3" TileMode="Tile" ImageSource="C:\Windows\Blue Lace 16.bmp" />
            </Ellipse.Fill>
        </Ellipse>
        <TextBlock Height="38" Margin="17,0,26,49" Name="textBlock1" VerticalAlignment="Bottom" Text="Hello World" FontSize="36" FontFamily="Arial Black">
            <TextBlock.Foreground>
                <ImageBrush ImageSource="C:\Windows\Blue Lace 16.bmp" />        
            </TextBlock.Foreground>
        </TextBlock>
        <TextBox Height="46" Margin="24,11,26,0" Name="textBox1" VerticalAlignment="Top" FontSize="36" FontFamily="Arial Black">
            <TextBox.Foreground>
                <ImageBrush Viewport="0,0,0.3,0.3" TileMode="Tile"  ImageSource="C:\Windows\Blue Lace 16.bmp" />
            </TextBox.Foreground>
            Demo</TextBox>
    </Grid>
</Window>

二、使用渐变笔刷使图元看起来有立体感

<Window x:Class="WpfApplication2.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="300" Width="300">
    <Grid>
        <Ellipse Height="123" HorizontalAlignment="Left" Margin="49,22,0,0" Name="ellipse1" Stroke="Black" VerticalAlignment="Top" Width="126">
            <Ellipse.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1"><!--线性渐变刷子-->
                    <GradientStop Color="White" Offset="0"/>
                    <GradientStop Color="Black" Offset="1"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse Height="90" HorizontalAlignment="Left" Margin="69,41,0,0" Name="ellipse2" Stroke="Black" VerticalAlignment="Top" Width="89">
            <Ellipse.Fill>
                <LinearGradientBrush StartPoint="1,1" EndPoint="0,0">
                    <GradientStop Color="White" Offset="0"/>
                    <GradientStop Color="Black" Offset="1"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Button Content="Button" Height="31" HorizontalAlignment="Left" Margin="49,165,0,0" Name="button1" VerticalAlignment="Top" Width="109" >
            <Button.Background>
                <LinearGradientBrush StartPoint="1,0" EndPoint="1,1">
                    <GradientStop Color="White" Offset="0"/>
                    <GradientStop Color="Black" Offset="1"/>
                </LinearGradientBrush>
            </Button.Background>
        </Button>
        <Ellipse Height="80" HorizontalAlignment="Left" Margin="173,132,0,0" Name="ellipse3" Stroke="Black" VerticalAlignment="Top" Width="85" >
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0,0"><!--放射性的渐变刷子--><!--GradientOrigin更改放射点的位置-->
                    <GradientStop Color="red" Offset="0"/>
                    <GradientStop Color="Green" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
    </Grid>
</Window>

三、使用VisualBruash制作荧幕

<Window x:Class="Wpf_VisualBursh的使用.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.Background>
            <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                <GradientStop Color="Black" Offset="0" />
                <GradientStop Color="White" Offset="1" />
            </LinearGradientBrush>
        </Grid.Background>
        <TextBox Height="41" HorizontalAlignment="Left" Margin="92,52,0,0" Name="textBox1" VerticalAlignment="Top" Width="281" FontSize="24" />
        <Rectangle Height="46" HorizontalAlignment="Left" Margin="92,0,0,170" Name="rectangle1" StrokeThickness="0" VerticalAlignment="Bottom" Width="281">
            <Rectangle.Fill>
                <VisualBrush Visual="{Binding ElementName=textBox1}">                    
                    <VisualBrush.RelativeTransform>    
                        <TransformGroup >
                            <ScaleTransform ScaleX="1" ScaleY="-1"/> <!--ScaleX="1" ScaleY="-1":字体大小不变上下颠倒-->
                            <TranslateTransform Y="1"/>
                        </TransformGroup>
                        </VisualBrush.RelativeTransform>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Window>