博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
windows phone (19) 深入了解TextBlock
阅读量:5929 次
发布时间:2019-06-19

本文共 2401 字,大约阅读时间需要 8 分钟。

原文:

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

Run 标签内容成为 属性的值,该类具有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>

 实现的是这样的效果:

 


 上面介绍到的是 集合的内联文本,这是说说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://ocktx.baihongyu.com/

你可能感兴趣的文章
数据结构和算法
查看>>
扎心一问:分库分表就能无限扩容吗
查看>>
草根学Python(十)Python 的 Magic Method
查看>>
EA - indicator
查看>>
牵引力技术部告诉你,学java哪里好?
查看>>
阿里云智能对话分析服务使用教程
查看>>
做了「负载均衡」就可以随便加机器了吗?这三招来帮你!
查看>>
leetCode 8 String to Integer
查看>>
让我们荡起双桨,Android 小船波浪动画
查看>>
Angular 6 服务端渲染之 udao 终章
查看>>
数字货币跨品种对冲的探讨及DEMO
查看>>
Java集合系列之LinkedHashMap
查看>>
前端面试中容易让你忽略的知识点(一)
查看>>
android 多aar上传私人maven服务器
查看>>
iOS隐藏某个页面导航栏的方法
查看>>
Vue源码中为什么要const _toStr = Object.prototype.toString?
查看>>
数组扁平化
查看>>
《ios编程第四版》随感,随想
查看>>
微信小程序全局状态管理,并提供Vuex的开发体验
查看>>
分布式相关部分笔记整理
查看>>