[笔记/简译]XAML揭秘(3)

本文介绍了WPF中扩展标记的概念及使用方法,包括NullExtension、StaticExtension和Binding等内置扩展标记,展示了如何利用它们增强XAML的表现力并实现数据绑定。

扩展标记(Markup Extensions

    扩展标记和类型转换器类似,它使我们可以扩展XAML的表现力。它既可以在运行时计算字符串属性(除了某些因性能原因而在编译时计算的内建扩展标记以外)的值,又可以基于字符串值来产生合适的变量。就像类型转换器,WPF提供了许多内建的扩展标记,它们都从MarkupExtension类派生。

    不像类型转换器,扩展标记在XAML中拥有显式且一致的语法。正因为如此,扩展标记是扩展XAML的良好途径。此外,扩展标记还使我们能够克服现有类型转换器的潜在限制,而这些限制我们又无力修改。比如,在我们想要使用简单的字符串值来将某个控件的背景设置为渐变画刷,则可以编写支持这个功能的自定义扩展标记,即使内建的BrushConverter不支持这个想法。

    XAML编译器/解析器会把写入一对花括号中的属性当作扩展标记来处理,而非字符串常量(或者一些需要类型转换器的东西)。下面的Button使用了三个不同的扩展标记:

<Button xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

         Background="{x:Null}"

         Height="{x:Static SystemParameters.IconHeight}"

Content="{Binding Path=Height, RelativeSource={RelativeSource Self}}" />

    每个花括号中的第一个标识符是扩展标记类的名称。习惯上,这些类以后缀Extension结尾,然而在XAML中我们也可以不加。在上面的示例中,NullExtension(见x:Null)和StaticExtension(见x:Static)都是System.Windows.Markup命名空间中的类,因此需要添加x前缀。Binding(没有x前缀)是在System.Windows.Data命名空间中的,因此可以在默认的XML命名空间中找到它。

    如果扩展标记支持,则可以使用逗号分隔多个扩展标记。位置参数(如SystemParameters.IconHeight)被当作扩展类相应构造函数的字符串参数(StaticExtension类包括一个重载的构造函数,以一个System.String为参数)。命名参数(如PathRelativeSource)使得我们可以在构造的扩展对象上设置指定的属性。这些属性的值可是扩展标记本身的值(使用内嵌的花括号,如RelativeSource)或者是能够通过一般类型转换处理的字符串常量。扩展标记与.NET自定义特性很相似,设置和使用扩展标记的意图正是如此。

    (对位置参数的处理方式,实际上就是(以伪码表示)

StaticExtension ext = new StaticExtension(SystemParameters.IconHeight);

而命名参数则为(以伪码表示)

       Binding binding = new Binding();

        binding.Path = Height;

        binding.RelativeSource = new RelativeSource(RaltiveSourceMode.Self);

    上例中,NullExtension允许将Background属性设置为空画刷,而BrushConverter则不允许。StaticExtension允许是静态属性、字段、常量和枚举值,而非在XAML中硬编码的常量。本例将ButtonHeight属性设置为操作系统当前的图标高度,该值由System.Windows.SystemParameters类的静态属性IconHeight提供。Binding允许将ButtonContent属性设置为与其Height属性相同的值。

    如下例,ButtonContent属性会被当作字符串常量,而非扩展标记,因为它包含了转义花括号({}):

    <Button xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

Content="{}{非扩展标记}" />

    同样的,也可以不用转义花括号而使用属性元素语法来设置字符串常量:

    <Button xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">

        <Button.Content>{非扩展标记}</Button.Content>

</Button>

    由于扩展标记就是拥有默认构造方法的类,因此它们也可以应用属性元素语法,如下:

    <Button xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Button.Background>

<x:Null />

</Button.Background>

<Button.Height>

<x:Static Member="SystemParameters.IconHeight" />

</Button.Height>

<Button.Content>

<Binding Path="Height">

<Binding.RelativeSource>

<RelativeSource Mode="Self" />

</Binding.RealtiveSource>

</Binding>

</Button.Content>

</Button>

    与扩展标记可以使用参数化的构造方法不同,属性元素语法中的对象元素均由默认的构造方法构造,因此需要为其设置相应的属性。如StaticExtensionMember属性,它与之前传递到其参数化构造方法中的参数具有相同的含义。

    上例等价的程序代码如下:

    System.Windows.Controls.Button b = new System.Windows.Controls.Button();

     b.Background = null;

     b.Height = System.Windows.SysteParameters.IconHeight;

     System.Windows.Data.Binding binding = new System.Windows.Data.Binding();

     binding.Path = new System.Windows.PropertyPath("Height");

     binding.RelativeSource = System.Windows.Data.RelativeSource.Self;

b.SetBinding(System.Windows.Controls.Button.ContentProperty, binding);

    程序代码使用了和XAML不同的机制,对于每种扩展都会有其特定的代码。在运行时,系统实际上是在被设置了合适值的扩展标记身上调用了ProvideValue方法,程序代码如果也使用这种机制就会变得复杂。ProvideValue定义在MarkupExtension类中,派生类重写这个方法用于对外提供为扩展标记设置的目标属性值(System.Object类型)。

    (通过Reflector查看MarkupExtension扩展标记基类,该类包含的ProvideValue是一个抽象方法。在StaticExtension扩展标记类当中,该方法被重写。虽然反射出来的代码比较多,但是大致可以看出,该方法实际上对StaticExtension类的Member属性进行一些内部处理,然后返回处理结果。在上例中,StaticExtension类的Member属性被设置为SystemParameters.IconHeight,系统在处理这个扩展标记时,调用重写的ProvideValue方法,将返回值设置给ButtonHeight属性。这是XAML的处理方式,但在C#代码中,大可不必如此。    个人感觉这个扩展标记实际上就是XAML中的一种数据绑定方式,简单的绑定如StaticExtension,高级的绑定就需要使用Binding类了。当然也包含作者说的,这个机制也是为了更好地使XAML.NET对象协作,并且增强了XAML的表现力。)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值