具有DependencyProperty的UWP ValueConverter

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了具有DependencyProperty的UWP ValueConverter相关的知识,希望对你有一定的参考价值。

我有一个UWP项目,我试图在我的ValueConverter上绑定。

它基于this guide

我在DependencyProperty上创建了一个ValueConverter,但它始终是null,而不是Vehicle类型的元素。

有我的代码:

MainPage.xaml中

<Page
    x:Class="Project.Pages.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     
    mc:Ignorable="d"
    xmlns:conv="using:Project.Converters"
    >

    <Page.Resources>
        <conv:Item_to_FullItem x:Key="Item_to_FullItem" VehicleItem="{Binding}"/>
    </Page.Resources>

    <Grid>
        <ListView x:Name="ListView_Vehicles" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid ScrollViewer.VerticalScrollBarVisibility="Auto">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                        </Grid.RowDefinitions>

                        <Border Grid.Column="0" BorderThickness="1" BorderBrush="Black">
                            <TextBlock Text="{Binding Path=Category}"/>
                        </Border>
                        <Border Grid.Column="1" BorderThickness="1" BorderBrush="Black">
                            <TextBlock Text="{Binding Item, Converter={StaticResource Item_to_FullItem}}"/>
                        </Border>
                        <Border Grid.Column="2" BorderThickness="1" BorderBrush="Black">
                            <TextBlock Text="{Binding Path=Weight}"/>
                        </Border>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>

</Page>

MainPage.xaml.cs中

namespace Project.Pages
{
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            InitializeComponent();

            Fill_Vehicle_List();
            ListView_Vehicles.ItemsSource = VehicleServices.Vehicles;
        }

        public class Vehicle : BindableBase
        {
            private int _Category;
            public int Category
            {
                get { return _Category; }
                set { Set(ref _Category, value); }
            }

            private string _Items;
            public string Items
            {
                get { return _Items; }
                set { Set(ref _Items, value); }
            }           

            private double? _Weight;
            public double? Weight
            {
                get { return _Weight; }
                set { Set(ref _Weight, value); }
            }
        }

        public class Values_Vehicle : ObservableCollection<Vehicle> { }

        public static class VehicleServices
        {
            public static Values_Vehicle Vehicles = new Values_Vehicle();

            static VehicleServices()
            {
            }
        }

        public static void Fill_Vehicle_List()
        {
            VehicleServices.Vehicles.Add(new Vehicle()
            {
                Category = 1,
                Items = "1.0",
                Weight = 1000,
            });
            VehicleServices.Vehicles.Add(new Vehicle()
            {
                Category = 2,
                Items = "1.1",
                Weight = 1600,
            });
            VehicleServices.Vehicles.Add(new Vehicle()
            {
                Category = 8,
                Items = "1.2",
                Weight = 1400,
            });
            VehicleServices.Vehicles.Add(new Vehicle()
            {
                Category = 13,
                Items = "1.3",
                Weight = 1500,
            });
            VehicleServices.Vehicles.Add(new Vehicle()
            {
                Category = 1,
                Items = "2.0",
                Weight = 1100,
            });
        }
    }
}

变流器

namespace Project.Converters
{
    class Item_to_FullItem : DependencyObject, IValueConverter
    {
        public Vehicle VehicleItem
        {
            get { return (Vehicle)GetValue(dependencyProperty); }
            set { SetValue(dependencyProperty, value); }
        }

        public static readonly DependencyProperty dependencyProperty =
            DependencyProperty.Register(nameof(VehicleItem), typeof(Vehicle), typeof(Item_to_FullItem), new PropertyMetadata(null));

        public object Convert(object value, Type targetType, object parameter, string language)
        {
            if (VehicleItem != null)
            {
                if (value != null)
                {
                    string _formatedValue = string.Empty;

                    switch (VehicleItem.Category)
                    {
                        case 1:
                            return "#" + value.ToString();
                        case 2:
                        case 3:
                            return value.ToString() + "º";
                        default:
                            return value.ToString();
                    }
                }
            }

            return null;
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            throw new NotImplementedException();
        }
    }
}
答案

问题是当你在{Binding}部分使用<Page.Resources>时,绑定将在当时和那里进行评估,相对于PageDataContext。如果在DataContext = new Vehicle()的构造函数中设置Page,则可以验证这一点。

要解决这个问题,你可以在DataTemplate声明中移动转换器:

<DataTemplate>
    <Grid ScrollViewer.VerticalScrollBarVisibility="Auto">
        <Grid.Resources>
            <converters:Item_to_FullItem x:Key="Item_to_FullItem" VehicleItem="{Binding}"/>
        </Grid.Resources>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="40"/>
        </Grid.RowDefinitions>

        <Border Grid.Column="0" BorderThickness="1" BorderBrush="Black">
            <TextBlock Text="{Binding Path=Category}"/>
        </Border>
        <Border Grid.Column="1" BorderThickness="1" BorderBrush="Black">
            <TextBlock Text="{Binding Item, Converter={StaticResource Item_to_FullItem}}"/>
        </Border>
        <Border Grid.Column="2" BorderThickness="1" BorderBrush="Black">
            <TextBlock Text="{Binding Path=Weight}"/>
        </Border>
    </Grid>
</DataTemplate>

这样,Binding的数据上下文将是当前的ListView项目,它应该按预期工作。

以上是关于具有DependencyProperty的UWP ValueConverter的主要内容,如果未能解决你的问题,请参考以下文章

UWP DependencyProperty 绑定和 DataTemplate 绑定

UWP 中的 FrameworkPropertyMetadata 在哪里?

从代码绑定到 WinRT/UWP 中的自定义附加属性

试图理解 DependencyProperty

绑定是不是仅适用于 DependencyProperty?

HelixToolkit.WPF Additional DependencyProperty 不工作