Xamarin 表单绑定布局与 DataTemplateSelector

Question

我的代码有效，但在我看来，它是一个笨拙的剪切和粘贴解决方案。我正在寻找一种更有效的 XAML 编码方式，这样 Grid 就不需要定义两次，而是使用不同的背景颜色

代码为 ListView 的行生成交替颜色背景。这是与Alternate row color ListView xamarin forms 不同的问题。

我的代码的简化示例：

<ContentPage.Resources>
    <DataTemplate x:Key="evenTemplate">
        <ViewCell>
            <Grid BackgroundColor="White" >
            <Label Text="{Binding Data}" />
            </Grid>
        </ViewCell>
    </DataTemplate>
    <DataTemplate x:Key="unevenTemplate">
        <ViewCell>
            <Grid BackgroundColor="Black" >
            <Label Text="{Binding Data}" />
            </Grid>
        </ViewCell>
    </DataTemplate>
    <local:AlternateColorDataTemplateSelector x:Key="alternateColorDataTemplateSelector"
            EvenTemplate="{StaticResource evenTemplate}"
            UnevenTemplate="{StaticResource unevenTemplate}" />
</ContentPage.Resources>
<ContentPage.Content>
    <ListView ItemTemplate="{StaticResource alternateColorDataTemplateSelector}" />
</ContentPage.Content>

实际的代码比这复杂得多。问题是使用这种设计，我有两个相同的网格副本，唯一的区别是背景。实际代码最终重复了大约 23 行 XAML，这导致了可维护性的噩梦——当需要更改一件事时，我必须在两个地方进行更改（如标签所示）。

我尝试在 DataTemplate 之外定义 Grid 并将其绑定到 ContentView 的内容，但是网格内的控件没有绑定到我的模型（ContentPage 的 BindingContext）。换句话说，标签不再绑定到数据。示例如下：

<Grid x:Key="mainGrid" >
    <Label Text="{Binding Data}" />
</Grid>
<DataTemplate x:Key="evenTemplate">
    <ViewCell>
        <ContentView Content={StaticResource mainGrid}" BackgroundColor="White" />
    </ViewCell>
</DataTemplate>
<DataTemplate x:Key="evenTemplate">
    <ViewCell>
        <ContentView Content={StaticResource mainGrid}" BackgroundColor="Black" />
    </ViewCell>
</DataTemplate>

所以，问题就变成了，我该怎么做，这样 Grid 只需要定义一次，但绑定正确并且我有交替的行颜色？

Answer 1

很抱歉，我误解了您的问题。因此，您希望在多个位置的视图单元中重用网格代码。为此，我将创建一个新的 Xaml 文件并将该网格的所有内容放在那里，例如：

<Grid ... ... x:Class="TestProject.TestGrid">
   <Label Text="{Binding Name}"/>
</Grid>

然后在我的 DataTemplate 中：

<DataTemplate x:Key="evenTemplate">
<ViewCell>
    <ContentView BackgroundColor="White">
        <local:TestGrid />
    </ContentView>
</ViewCell>
</DataTemplate>
<DataTemplate x:Key="evenTemplate">
<ViewCell>
    <ContentView BackgroundColor="Black">
        <local:TestGrid />
    </ContentView>
</ViewCell>
</DataTemplate>

我没有在我的 Visual Studio 上尝试过这个，我只是在打字。您可能需要进行更正。