具有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>
时,绑定将在当时和那里进行评估,相对于Page
的DataContext
。如果在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 绑定