从 BindableLayout 中检索 ItemsSource

Question

我有一个FlexLayout 和一个BindableLayout。

<FlexLayout BindableLayout.ItemsSource="{Binding CardItems}" x:Name="SourceLayout" Background="green"
                    Direction="Row" Wrap="Wrap">
                <BindableLayout.ItemTemplate>
                    <DataTemplate>
                        <ContentView>
                            <Frame CornerRadius="20" Padding="0" WidthRequest="150" Margin="10"
                            HeightRequest="150"
                            BackgroundColor="{Binding ., 
                            Converter={StaticResource AlternateColorConverter}, 
                            ConverterParameter={x:Reference SourceLayout}}">
                                <StackLayout>
                                    <StackLayout.GestureRecognizers>
                                        <TapGestureRecognizer Command="{Binding Path=BindingContext.CardItemNavCommand, Source={x:Reference SourceLayout}}"
                                                              CommandParameter="{Binding NavTarget}"/>
                                    </StackLayout.GestureRecognizers>
                                    <Label Text="{Binding Text}" TextColor="Black" FontSize="20" VerticalOptions="FillAndExpand"/>
                                    <Label Text="{Binding Text}" TextColor="Black" FontSize="20" VerticalOptions="FillAndExpand"/>
                                </StackLayout>
                            </Frame>
                        </ContentView>
                    </DataTemplate>
                </BindableLayout.ItemTemplate>
            </FlexLayout>

是否可以在转换器中获取当前项目的索引，以便我可以相应地更改颜色？我知道这可以通过ListView 实现，因为我可以访问项目源属性，但我无法从BindableLayout 访问资源。

Answer 1

是否可以在转换器中获取当前项目的索引，以便我可以相应地更改颜色

BindableLayout是一个静态类，所以我们无法从布局中获取到itemsSource。

对于这个函数，尝试在模型类中创建一个'Identifier'属性并为背景颜色设置绑定。然后获取转换器类中的值，从数据集合中获取当前项的索引。根据索引指定背景颜色。

检查代码：

App.xaml.cs

public partial class App : Application
{
    public static TestPageViewModel viewModel;
    public App()
    {
        InitializeComponent();

        viewModel = new TestPageViewModel();

        MainPage = new NavigationPage(new TestPage());
    }
}

Page.xaml

<StackLayout BindableLayout.ItemsSource="{Binding DataCollection}" ...>
    <BindableLayout.ItemTemplate>
        <DataTemplate>
            <Grid Padding="0,2,3,0" BackgroundColor="{Binding Identifier, Converter={StaticResource _converter}}">
                ...
            </Grid>
        </DataTemplate>
    </BindableLayout.ItemTemplate>
</StackLayout>

Page.xaml.cs

public partial class TestPage : ContentPage
{
    public TestPage()
    {
        InitializeComponent();

        BindingContext = App.viewModel;
    }
}

模型类

public class TestPageModel
{
    public string Content { get; set; }

    public string Identifier { get; set; }
}

ValueConverter 类

public class TestPageValueConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var index = GetValue(value);
        switch (index)
        {
            case 1:
                return Color.LightBlue;
                break;
            case 2:
                return Color.LightPink;
                break;
            case 3:
                return Color.LightYellow;
                break;

            default:
                break;
        }
        return Color.White;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return -1;
    }

    double GetValue(object value)
    {
        var viewModel = App.viewModel;
        foreach (var item in viewModel.DataCollection)
        {
            if (item.Identifier == (string)value)
            {
                return viewModel.DataCollection.IndexOf(item) + 1;
            }
        }
        return -1;
    }
}