XAML使用DependencyProperty将图像属性设置为值

Question

我有一个像这样的模型：

{
    "images": [{
        "image_url": "..........",
        "orientation": "horizontal"
    },
    {
        "image_url": "...............",
        "orientation": "vertical"
    }]
}

和一个ListView DataTemplate

<DataTemplate x:DataType="model:ImageItem">
    <controls:ImageEx Source="{x:Bind cover_image_url}" PlaceholderSource="" PlaceholderStretch="Uniform"/>
</DataTemplate>

现在，我想ImageEx控制的PlaceholderSource沿特性的变化orientation 。

更清楚地，当image属性为水平时， ImageEx将加载一个占位符1。当image属性为垂直时， ImageEx将加载一个占位符2。

这个怎么做。 请给我看。

Answer 1

更清楚地，当image属性为水平时，ImageEx将加载一个占位符1。当image属性为垂直时，ImageEx将加载一个占位符2。

您可以使用IValueConverter接口进行处理，使用转换器类将不同的消息类型转换为ImageEx不同PlaceholderSource。 您可以参考以下ImageConverter。

public class ImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        object img = null;

        switch (value.ToString())
        {
            case "horizontal":
                img = new BitmapImage(new Uri("ms-appx:///Assets/holder1.png"));
                break;
            case "vertical":
                img = new BitmapImage(new Uri("ms-appx:///Assets/holder2.png"));
                break;
            default:
                break;
        }

        return img;
    }

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

XAML

<Page.Resources>
        <local:ImageConverter  x:Key="Converter"/>
</Page.Resources>

       ......

<DataTemplate x:DataType="model:ImageItem">
    <controls:ImageEx Source="{x:Bind cover_image_url}" PlaceholderSource="{x:Bind orientation,Converter={StaticResource Converter}}" PlaceholderStretch="Uniform"/>
</DataTemplate>