日期:2014-05-16  浏览次数:20929 次

[Win8]Windows8开发笔记(四):画刷介绍以及如何实现实现歌词动态变色显示

新建一个项目,叫做TestBrush。

在MainPage.xaml下,输入以下代码:

        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" 
                   TextWrapping="Wrap" FontSize="100" Text="只是说一句 好久不见"/>

可以看见屏幕上出现了如下文字:


接下来就是笔刷的加入。


  • SolidColorBrush

先来看一下SolidColorBrush的效果。将代码做如下修改:

<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" 
                   TextWrapping="Wrap" FontSize="100" Text="只是说一句 好久不见">
            <TextBlock.Foreground>
                <SolidColorBrush Color="Red"/>
            </TextBlock.Foreground>
        </TextBlock>

可以看见效果就是文字的颜色变成了红色了,SolidColorBrush就是全填充的意思。



  • ImageBrush

再看一下下一个笔刷:ImageBrush,也就是图片笔刷的使用。

比如一张图片6.jpg,代码如下:

 <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" 
                   TextWrapping="Wrap" FontSize="100" Text="只是说一句 好久不见">
            <TextBlock.Foreground>
                <ImageBrush ImageSource="6.jpg"/>
            </TextBlock.Foreground>
        </TextBlock>

效果就是:


可以看出来效果就是使用图片填充。


  • LinearGradientBrush

简单来说就是渐变笔刷,使用方法比前两种略复杂,需要定义颜色的偏移量实现渐变的效果。

<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" 
                   TextWrapping="Wrap" FontSize="100" Text="只是说一句 好久不见">
            <TextBlock.Foreground>
                <LinearGradientBrush>
                    <GradientStop Color="Red" Offset="0&quo