windows phone (19) 深入了解TextBlock

 TextBlock

一般用于显示文本的元素，我们最为经常用到的是该类的Text属性，其实显示文本有两种呈现方式，一个是设置内部文本Text，另一种就是在Inlines 集合中创建一个新的 Run 对象和LineBreak对象，我们称之为内联文本；【作者：神舟龍】

Run 标签内容成为 Text 属性的值,该类具有TextBlock类所具有的部分属性，比如FontFamily,FontSize,FontStretch,Foregroud等等；

LineBreak  新起一行，是换行标签

 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <TextBlock x:Name="tbShow" Text="文字示例" Foreground="White"    VerticalAlignment="Center" HorizontalAlignment="Center">
                <TextBlock.Inlines>
                    <Run Foreground="Blue" Text="ddd"  ></Run>
                </TextBlock.Inlines>
            </TextBlock>
        </Grid>

 可以看到我们在Run标签和TextBlock标签都设置的前景色和显示的文字，可是效果如何那，效果：

 

 所以我们确定如果TextBlock标签和TextBlock标签内定义Run标签的属性相重复时，两者的属性互不相干，但是Run设置的显示文本在TextBlock属性Text之后，要把程序运行起来，设计器直接看会是这样的错误结果，

 

 

 再看下面的例子，我们对Run标签的一些属性进行了一些罗列：

  <!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <TextBlock x:Name="tbShow" Text="文字示例" Foreground="White"    VerticalAlignment="Center" HorizontalAlignment="Center">
                <Run Foreground="Blue">前景色Blue</Run><LineBreak></LineBreak>
                 <Run FontStyle="Italic">字体样式Italic</Run><LineBreak></LineBreak>
                <Run  FontSize="30">字体30</Run><LineBreak></LineBreak>
                <Run  TextDecorations="Underline">下划线</Run><LineBreak></LineBreak>
                  <Run  TextDecorations="Underline"
                         FontSize="30"
                        FontStyle="Italic"
                        Foreground="Blue"
                        Text="综合" ></Run><LineBreak></LineBreak>
            </TextBlock>
        </Grid>

 实现的是这样的效果：

 

---

 上面介绍到的是Inlines 集合的内联文本，这是说说TextBlock属性Text的一些特殊用法

 

案例代码：

<!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <TextBlock x:Name="tbShow"  Foreground="White"
                       VerticalAlignment="Center" HorizontalAlignment="Center"
                       Text="π表示3.14"
                       >
            </TextBlock>
        </Grid>

 它实现的效果是：

 

还比如。表示句号（。）， 表示回车， 表示换行，当然你可以看出格式都差不多，可以更改最后一个字母或数字看看变成什么，比如

〇是一个圆圈；当用到换行的时候，我们可以设置TextBlock的属性TextWrapping="Wrap"，该属性表示在显示文本超过容器所限制的宽度时，文本会自动换行；

也可以设置文本对齐方式，TextAlignment属性可以甚至为：left，right,center;

如果你在textblock设置了fontfamily属性，并且名字写错的话，不会造成什么后果，系统会使用默认的字体 ，但是从隐藏文件获取字体的话还是获取到的是错误字体；

---

MediaElement

 

 

 表示的是播放媒体，目前支持mp4,wma,mp3,wmv（ps:我刚刚从优酷找到一个swf格式的不支持），MediaElement的属性AutoPlay属性默认为True，所以当视频缓冲到可以播放的时候，视频会自动播放

 参考书上的地址设置了播放源，xaml代码如下

 <!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name="ContentPanel" Background="AntiqueWhite" Grid.Row="1" Margin="12,0,12,0">

            <MediaElement Source="http://www.charlespetzold.com/Media/Walrus.wmv" ></MediaElement>
        </Grid>

 在播放途中截图：

 

 话说这就是Charles Petzold，不管怎样感谢他带给我们的知识，也可访问他本人的网站http://www.charlespetzold.com/