【Windows 10 应用开发】使用x:Bind标记动态获得计算结果

作者: 李禾

更新时间:2022-03-26 13:10:22

1221 阅读

UWP 在传统(WPF)的Binding标记上引入了 Bind 标记,Bind 基于编译阶段生成,因而具有较高的性能。但是,你得注意,这个性能上的优化是免去了运行阶段动态绑定的开销,这是不包括数据源的体积的。要是你的数据源本身很大的话,那是没办法优化的,只能靠你自己想办法,尽可能把加载到内存中的数据缩小,比如你只加载300条,不要一下子就读几万条数据。当然也可以使用增量加载方案。

 

Bind 标记还有一个特色——可以绑定事件处理方法和常规方法,可以给绑定的方法传递参数。比如有这样一个方法:

int Add ( int x, int y )

你可以这样绑定:

<obj prop= "{x:Bind Add(2,5)}" ... />

在使用过程中,你还可以进行类型强制转换。

<obj  prop = "{x:Bind ((Button)parm).Content}" .../>

你必须注意的,由于bind标记是在编译阶段完成的,所以在类型强制转换时,你要保证转换是有效的。说白了就是,类型必须是能转的,比如这样在编译时会报错。

<obj prop = "{x:Bind (string)Add(2,8)}" .../>

因为 int 类型是不能直接强制转换为 string 类型的。

 

Bind 标记虽然逼格很高,但装逼是有极限的,就目前而言,Bind 标记与方法绑定的功能还是有限的,毕竟在语法上不是那么容易识别,将来也许会变强大一些。

就目前来说,Bind有以下局限:

 

a、不能绑定嵌套方法。这样绑定是会挂的。

<obj prop = "{x:Bind sys:Math.Min( sys:int.Parse(txt1.Text), sys:int.Parse(txt2.Text) )}" ... />

在调用 Min 方法时,嵌套了 Parse 方法的调用,目前这样做是不行的,编译时会报错。

 

b、参数与返回值的类型必须匹配。比如我们前面举过例的那个 Add 方法,它接受两个 int 类型的参数,如果我们这样写,也是有问题的。

<obj prop = "{x:Bind Add(txtBox1.Text, txtBox2.Text)}" .../>

TextBox的Text属性是字符串类型,直接传给int类型的参数是会出错的。

再比如,这样写返回。

<TextBlock Text = "{x:Bind Add(3,6)}" .../>

Add 方法返回的是 int 类型的值,而 TextBlock 类的 Text 属性是字符串类型的,此处也会报错。

 

在引用其他 XAML 元素时,Bind 标记不需要像 Binding 元素那样使用 ElementName 属性来指定名称。只要给相应的 XAML 元素命名,然后就可以直接引用了。比如这样。

<TextBox x:Name="txtFirst" />
<TextBlock Text = "{x:Bind txtFirst.Text}" />

要把 TextBlock 对象的 Text 属性与前面 TextBox 的 Text 属性绑定,TextBox 是数据源,只要它一个名字,然后就可以直接引用了,txtFirst.Text。

 

下面给大家演示一个简单的例子,一起来用 x:Bind 来装装X。

这个例子是这样的:两个文本框,分别输入数值,然后在下方动态显示两个数值中较大的一个。比如,你输入了 7 和 11,那么,就显示 11 。

这里我们得考虑到局限性,因为 TextBox 类的 Text 属性是 string 类型,所以不能直接与 Math类的 Max 方法绑定,这样很难进行类型转换,故我们最好进行一下封装。

    public class Test
    {
        public static string MaxNum(string s1, string s2)
        {
            double d1, d2;
            if (double.TryParse(s1, out double tmp))
                d1 = tmp;
            else
                d1 = 0d;

            if (double.TryParse(s2, out double tmp2))
                d2 = tmp2;
            else
                d2 = 0d;
            double res =  Math.Max(d1, d2);
            return res.ToString("N");
        }
    }

把计算方法定义为静态的就行了,这样可以直接拿来耍。

这个方法接收的参数是字符串类型,返回值也是字符串类型,为啥呢,你看了下面的XAML就知道了。

 

接下来,看看界面布局。

        <StackPanel Margin="16">
            <TextBox x:Name="txtNum1" Header="第一个数值:"/>
            <TextBox x:Name="txtNum2" Header="第二个数值:"/>

            <TextBlock>
                <Run Text="其中较大的一个数是:"/>
                <Run Foreground="Blue" FontSize="16" Text="{x:Bind local:Test.MaxNum(txtNum1.Text,txtNum2.Text),Mode=OneWay}"/>
            </TextBlock>
        </StackPanel>

因为显示较大数值的是 Run 元素,它的 Text 属性是字符串类型,为了避免出现类型转换的错误,所以刚才的 MaxNum 方法要返回字符串类型。

 

这个地方,要显式地 Mode 设置 OneWay,不然它会用 OneTime 来绑定,这样就无法动态获取计算结果了。

 

好了,运行一下,假设输入 200.65 和 105.33,显示的结果如下图所示。

然后,我们把 200.65 改为 -300,结果如下图。

你会发现,下方显示的值是随着输入的变化实时更新的。

这样耍是不是很有逼格呢?

 

完整的示例代码请点击这里下载。

 

版权声明:本文著作权归作者【李禾 】所有,不代表本网站立场。

侵权请联系:root_email@163.com

相关推荐