zoukankan      html  css  js  c++  java
  • WinRT 开发:在 MVVM 模式中,关于绑定的几处技巧

      以下会提到三个绑定的技巧,分别是

    • 在 ListView 中为 ListViewItem 的 MenuFlyout 绑定 Command;
    • 在 ListView 的 事件中绑定所选择项目,即其 SelectedItem属性;
    • 处理文本控件与数值属性绑定中默认值0的问题;

    一、在 ListView 中为列表项的 MenuFlyout 绑定 Command;

        当我们为 ListView 编写了 DataTemplate,并在其中加入了 MenuFlyout 时,而且 MenuFlyoutItem 需要绑定 ViewModel 中的 XXXCommand 属性,代码类似如下:

    复制代码
        <Page.Resources>
            <DataTemplate x:Key="CategoryItemTemplate">
                <Grid Holding="Grid_Holding">
                    <FlyoutBase.AttachedFlyout>
                        <MenuFlyout>
                            <MenuFlyoutItem x:Uid="MenuItem_Edit" Command="{Binding EditCategoryCommand}" CommandParameter="{Binding}"/>
                            <MenuFlyoutItem x:Uid="MenuItem_Delete" Command="{Binding DeleteCategoryCommand}" CommandParameter="{Binding}"/>
                        </MenuFlyout>
                    </FlyoutBase.AttachedFlyout>
                    <TextBlock Text="{Binding Name}" FontSize="24" Margin="0,5" />
                </Grid>
            </DataTemplate>
        </Page.Resources>
    复制代码

       这时,如果运行,你会发现,点击 MenuFlyoutItem 时,并不会触发相应的方法,也就是说这样的绑定是无效的;一个可取的解决方案是,将 ViewModel 作为资源放到 XAML 中,然后,更改 Command 的值为:

    Command="{Binding EditCategoryCommand,Source={StaticResource viewModelName}}"

       这样可以解决问题,但存在两个问题:1, 这个 viewModel 是一个新创建的对象,而与你实际使用的 ViewModel 对象不是一个,所以;2, ViewModel 必须有无参数的构造函数(其实这与第一个问题是相关联的)。

       在网上查了一些资料之后,终于找到一个较完美的解决方案,如下:修改 Command 的值为:

    Command="{Binding DataContext.EditCategoryCommand,ElementName=pageCategory}"

       其中,pageCategory 是 Page 的 x:Name 值;这样 MenuFlyoutItem 就可以正确响应你的操作了。至于修改之后的 Command 的属性值,相信你一看就明白,在此不再赘述。

    二、在 ListView 的 事件中绑定所选择项目,即其 SelectedItem属性

       先看代码,注意粗体部分:

    复制代码
                <ListView x:Name="listCategory" ItemsSource="{Binding Categories}" ItemContainerStyle="{StaticResource StretchListViewItemStyle}">
                    <Interactivity:Interaction.Behaviors>
                        <Core:EventTriggerBehavior EventName="SelectionChanged">
                            <Core:InvokeCommandAction Command="{Binding CategorySelectedCommand}" CommandParameter="{Binding ElementName=listCategory,Path=SelectedItem}" />
                        </Core:EventTriggerBehavior>
                    </Interactivity:Interaction.Behaviors>
                    ...
    复制代码

       这个其实很简单,之所以记下来,是因为我原先走了一点弯路,之前没有写 Path,然后到 Command 所指向的方法中,把 parameter 再转 ListView 对象,再获取它的 SelectedItem 属性;现在看来,的确是多走了一段弯路;究其原因,实在是因为自己对 WPF 中绑定还不够熟悉。

    三、处理文本控件与数值属性绑定中默认值 0 的问题

       当把文本框的 Text 属性绑定到一个数值属性时,如果该数值属性没有赋值,那么,运行时,它的默认值 0 会显示到文本框中,如果不希望显示默认值 0,则可以使用一个 Converter 来解决,代码如下:

    复制代码
        public class PriceCheckConverter : IValueConverter
        {
            public object Convert(object value, Type targetType, object parameter, string language)
            {
                float result = (float)value;
                if (result <= 0)
                {
                    return string.Empty;
                }
                else
                {
                    return result.ToString();
                }
            }
    
            public object ConvertBack(object value, Type targetType, object parameter, string language)
            {
                return value;
            }
        }
    复制代码

       而在绑定中,则直接指定该 Converter 即可,代码如下:

    Text="{Binding Bill.Price,Mode=TwoWay,Converter={StaticResource PriceCheckConverter}}"

       如果你有更好的方法,请回复。

  • 相关阅读:
    敏捷思维-架构设计中的方法学(12)Refactoring
    敏捷思维-架构设计中的方法学(11)精化和合并
    敏捷思维-架构设计中的方法学(8)架构愿景
    敏捷思维-架构设计中的方法学(10)分层 (下)
    Agile 敏捷建模思想 作者:林星
    敏捷思维-架构设计中的方法学(9)分层 (上)
    敏捷思维-架构设计中的方法学(13)稳定化
    敏捷思维-架构设计中的方法学(15)进一步阅读
    hdu 1829+hdu 1856(并查集)
    hdu 1050+hdu 1789+hdu 3177(贪心)
  • 原文地址:https://www.cnblogs.com/zhengxingpeng/p/6664668.html
Copyright © 2011-2022 走看看