使用转换器将字符串列表绑定到 Xamarin Xaml

Question

我有一个名为 TransportModeType 的枚举列表绑定到一个 Listview，数据模板中有一个转换器。 ViewModel 看起来像这样

public class TransportTypeViewMode:ViewModelBase{
public TransportTypeViewMode()
{
    TransportTypes= new List<TransportTypeEnum>();
    TransportTypes.add(TransportTypeEnum.Car);
    TransportTypes.add(TransportTypeEnum.Bus);
    TransportTypes.add(TransportTypeEnum.Plane);
}

List<TransportTypeEnum> TransportTypes{get;set;}}

ListView 是这样的

  <ListView ItemsSource="{Binding TransportModeTypes}">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <ContentView>
                                <Image Source="{Binding Converter={StaticResource ListToImageConverter}}" Aspect="AspectFit"/>
                            </ContentView>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

我的名为 ListToImageConverter 的转换器看起来像这样

public class TransportModeEnumToImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var transporttModeType = (TransportModeTypeEnum) value;
        string imagePath = String.Empty;    

        switch (transporttModeType)
        {
            case TransportModeTypeEnum.Bus:
                imagePath = "bus.png";
                break;
            case TransportModeTypeEnum.Train:
                imagePath = "train.png";
                break;
            case TransportModeTypeEnum.Car:
                imagePath = "car.png";
                break;
            case TransportModeTypeEnum.Plane:
                imagePath = "plane.png";
                break;
            default:
                throw new ArgumentOutOfRangeException();
        }


        imagePath = "Common.Images." + imagePath;
        var imgResc= ImageSource.FromResource(imagePath);
        return imgResc;
    }


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

转换器抛出一个异常值是空的..我的绑定中缺少什么

Answer 1

编辑：

您首先需要将枚举转换为字符串，因为枚举不是列表视图的有效项目源。所以你也需要使用转换器。

视图模型：

public class TransportTypeViewMode : ViewModelBase
{
    public TransportTypeViewMode()
    {
        TransportTypes= new List<TransportTypeEnum>();
        TransportTypes.add(TransportTypeEnum.Car);
        TransportTypes.add(TransportTypeEnum.Bus);
        TransportTypes.add(TransportTypeEnum.Plane);
    }      

    Public List<TransportTypeEnum> TransportTypes{get;set;}}
}

您的枚举到字符串转换器：

public class TransportModeEnumToString : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var transporttModeType = (TransportModeTypeEnum) value;
        string transportName = String.Empty;    

        switch (transporttModeType)
        {
            case TransportModeTypeEnum.Bus:
                transportName = "bus";
                break;
            case TransportModeTypeEnum.Train:
                transportName = "train";
                break;
            case TransportModeTypeEnum.Car:
                transportName = "car";
                break;
            case TransportModeTypeEnum.Plane:
                transportName = "plane";
                break;
            default:
                throw new ArgumentOutOfRangeException();
        }
        return transportName;
    }

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

你的字符串到图像源转换器：

public class StringToImagesourceConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        string transporttModeType = (string)value;
        string imagePath = String.Empty;    

        switch (transporttModeType)
        {
            case "bus":
                break;
            case TransportModeTypeEnum.Train:
                imagePath = "train.png";
                break;
            case "car":
                imagePath = "car.png";
                break;
            case "plane":
                imagePath = "plane.png";
                break;
            default:
                throw new ArgumentOutOfRangeException();
        }

        imagePath = "Common.Images." + imagePath;
        var imgResc= ImageSource.FromResource(imagePath);
        return imgResc;
    }
}

你的 xaml 应该是这样的：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:c="location of your converter classes"
             >
<ContentPage.Resources>
  <c:EnumToStringConverter x:Key="enumtostring" />
  <c:StringToImagesourceConverter x:Key="stringtoimagesource" />
</ContentPage.Resources>
<ContentPage.Content>
    <ListView ItemsSource="{Binding TransportModeTypes Converter={StaticResource EnumToStringConverter}}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <ContentView>
                            <Image Source="{Binding RelativeSource={RelativeSource Self}, Converter={StaticResource StringToImagesourceConverter}}" Aspect="AspectFit"/>
                        </ContentView>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
    </ListView>
</ContentPage.Content>

Answer 2

只需添加一个空检查并返回一个空字符串或适当的东西。

绑定完成后，有时会使用空值进行初始化。您可能可以放心地忽略它。所以编辑你的代码是这样的：

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
        if (value == null)
          return String.Empty;

        var transporttModeType = (TransportModeTypeEnum) value;
        string imagePath = String.Empty;   
...

此外，Jason 在 cmets 中指出，您似乎错过了您在此处绑定的路径：

<Image Source="{Binding YourProperty, Converter={StaticResource ListToImageConverter}}" Aspect="AspectFit"/>

注意我是如何添加YourProperty 的，它似乎不见了。当然，将其替换为对象中实际属性的名称。