《Programming WPF》翻译 第5章 4.元素类型样式

本文介绍了WPF中元素类型样式的使用方法及其作用范围,包括如何为Button和TextBlock等元素设置统一的样式,以及如何调整样式的作用范围。
原文: 《Programming WPF》翻译 第5章 4.元素类型样式

命名样式非常有用,当你得到一组属性并应用到特点的元素上。然而,如果你想要应用一个统一的样式到所有确定元素类型的实例,设置TargetType而不用一个Key,如示例5-16所示。

示例5-16


<!--  no Key  -->
< Style  TargetType =" {x:Type Button} " >
  
< Setter  Property ="FontSize"  Value ="32"   />
  
< Setter  Property ="FontWeight"  Value ="Bold"   />
</ Style >
<!--  no Key  -->
< Style  TargetType =" {x:Type TextBlock} " >
  
< Setter  Property ="FontSize"  Value ="32"   />
  
< Setter  Property ="FontWeight"  Value ="Thin"   />
  
< Setter  Property ="Foreground"  Value ="White"   />
  
< Setter  Property ="HorizontalAlignment"  Value ="Center"   />
</ Style >

< Button  Grid.Row ="0"  Grid.Column ="0"  x:ID ="cell00"   />

< TextBlock  Grid.Row ="5"  Grid.ColumnSpan ="5"  x:ID ="statusTextBlock"   />

在示例

5-16 所示,我们已经得到了两种样式,一种是带有TargetType Button ,没有key ;另一种是带有TargetType TextBlock ,没有key 。它们都以同样的方式工作;当创建一个Button TextBlock 的实例而不用现实地设置Style 属性,它使用的样式将目标类型匹配到控件的类型。我们的元素类型样式返回了我们的游戏如图5-4 所示。

元素类型样式是便利的,无论何时你想要所有特定元素的实例共享一个外观,依赖于范围。例如,迄今,在顶级窗体中,我们已经在示例中为样式设置了范围,如示例5-17

示例5-17

<!--  Window1.xaml  -->
< Window  >
  
<!--  every Button or TextBlock in the Window is affected  -->
  
< Window.Resources >
    
< Style  TargetType =" {x:Type Button} " > </ Style >
    
< Style  TargetType =" {x:Type TextBlock} " > </ Style >
  
</ Window.Resources >
  
</ Window >


尽管如此,我们可能想缩小元素类型样式的范围。在我们的示例中,这将工作良好将样式限定范围在

grid 中,从而只有grid 中的Button TextBlock 受到影响,如示例5-18

示例5-18

<!--  Window1.xaml  -->
< Window  >
  
< Grid  >
    
<!--  only Buttons or TextBlocks in the Grid are affected  -->
    
< Grid.Resources >
      
< Style  TargetType =" {x:Type Button} " > </ Style >
      
< Style  TargetType =" {x:Type TextBlock} " > </ Style >
    
</ Grid.Resources >
    
  
</ Grid >
  
<!--  Buttons and TextBlocks outside the Grid are unaffected  -->
  
</ Window >

或者,如果你想使你的样式在你的工程中有更大的作用区域,你可以将它们放在应用程序范围内,如示例

5-19

示例5-19

<!--  MyApp.xaml  -->
< Application  >
  
<!--  every Button or TextBlock in the Application is affected  -->
  
< Application.Resources >
    
< Style  TargetType =" {x:Type Button} " > </ Style >
    
< Style  TargetType =" {x:Type TextBlock} " > </ Style >
  
</ Application.Resources >
</ Application >


一般而言,理解元素类型的样式范围规则是有用的,因此你可以判断它们在各种

WPF 对象模型中的效果。第6 章更加详细地讨论了所有种类的资源范围,包括样式。

命名样式和元素类型样式

当对命名样式还是元素类型样式使用作出选择时,我们的一位评论家说,按照他的经验,一旦你有10个以上给予元素类型的样式,对一个特定的控件获取它的样式保持跟踪将非常困难。这是一个原因是我成为命名样式的粉丝。

对于我而言,样式是一个在一个地方应用到内容的语义标签,并且在另一个地方也能获得一个可视化表示。正如我们的TTT示例那样简单,我们已经得到了两个样式,一个是为了状态文字,另一个是为了移动的单元;在我们这么做之前,我们将要得到更多。主要的区别因素是我们在这些元素中显示的数据种类,而不是保持数据的元素类型。实际上,我们有一些分配到TextBox控件的样式,这将无论如何打消基于类型的样式,甚至是这个简单的应用程序。


posted on 2015-11-13 17:53 NET未来之路 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/4962894.html

(1)普通用户端(全平台) 音乐播放核心体验: 个性化首页:基于 “听歌历史 + 收藏偏好” 展示 “推荐歌单(每日 30 首)、新歌速递、相似曲风推荐”,支持按 “场景(通勤 / 学习 / 运动)” 切换推荐维度。 播放页功能:支持 “无损音质切换、倍速播放(0.5x-2.0x)、定时关闭、歌词逐句滚动”,提供 “沉浸式全屏模式”(隐藏冗余控件,突出歌词与专辑封面)。 多端同步:自动同步 “播放进度、收藏列表、歌单” 至所有登录设备(如手机暂停后,电脑端打开可继续播放)。 音乐发现与管理: 智能搜索:支持 “歌曲名 / 歌手 / 歌词片段” 搜索,提供 “模糊匹配(如输入‘晴天’联想‘周杰伦 - 晴天’)、热门搜索词推荐”,结果按 “热度 / 匹配度” 排序。 歌单管理:创建 “公开 / 私有 / 加密” 歌单,支持 “批量添加歌曲、拖拽排序、一键分享到社交平台”,系统自动生成 “歌单封面(基于歌曲风格配色)”。 音乐分类浏览:按 “曲风(流行 / 摇滚 / 古典)、语言(国语 / 英语 / 日语)、年代(80 后经典 / 2023 新歌)” 分层浏览,每个分类页展示 “TOP50 榜单”。 社交互动功能: 动态广场:查看 “关注的用户 / 音乐人发布的动态(如‘分享新歌感受’)、好友正在听的歌曲”,支持 “点赞 / 评论 / 转发”,可直接点击动态中的歌曲播放。 听歌排行:个人页展示 “本周听歌 TOP10、累计听歌时长”,平台定期生成 “全球 / 好友榜”(如 “好友中你本周听歌时长排名第 3”)。 音乐圈:加入 “特定曲风圈子(如‘古典音乐爱好者’)”,参与 “话题讨论(如‘你心中最经典的钢琴曲’)、线上歌单共创”。 (2)音乐人端(创作者中心) 作品管理: 音乐上传:支持 “无损音频(FLAC/WAV)+ 歌词文件(LRC)+ 专辑封面” 上传,填写 “歌曲信息
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值