Xamarin Forms UWP平台：如何为视图单元格添加背景并设置选中颜色

嘿，作为Xamarin.Forms UWP新手，你找对路子啦——自定义渲染器确实是UWP平台上定制ListView样式的核心方法，我来帮你把这个方案补全，顺便搞定ViewCell的背景和选中色问题～

一、完善ListView选中颜色的自定义渲染器方案 #

你的自定义渲染器思路完全正确，接下来只需要在UWP项目的App.xaml中定义对应的Listviewstyle样式，就能指定选中项的颜色了：

打开UWP项目的App.xaml，在Application.Resources节点里添加这个样式：

<Application.Resources>
    <Style x:Key="Listviewstyle" TargetType="ListView">
        <Setter Property="ItemContainerStyle">
            <Setter.Value>
                <Style TargetType="ListViewItem">
                    <!-- 设置选中状态的背景色，这里用绿色示例，你可以换成任意颜色 -->
                    <Setter Property="SelectedBackgroundBrush" Value="#FF4CAF50"/>
                    <!-- 可选：设置未选中时的默认背景色 -->
                    <Setter Property="Background" Value="#FFFFFFFF"/>
                    <!-- 可选：去掉选中时的默认边框，让样式更清爽 -->
                    <Setter Property="BorderThickness" Value="0"/>
                </Style>
            </Setter.Value>
        </Setter>
    </Style>
</Application.Resources>

这样你的渲染器代码就能正确加载并应用这个样式，ListView的选中项就会变成你指定的颜色啦。注意要确保Listviewstyle的Key和渲染器中调用的名称完全一致哦。

二、为ViewCell添加背景并指定选中颜色 #

2.1 快速设置ViewCell默认背景色 #

如果只是需要给ViewCell设置固定的默认背景色，直接在Xamarin.Forms的共享XAML代码里写就行，不用额外写渲染器：

<ListView>
    <ListView.ItemTemplate>
        <DataTemplate>
            <!-- 这里设置的是未选中时的背景色 -->
            <ViewCell BackgroundColor="#F5F5F5">
                <!-- 你的单元格内容，比如标签、图片等 -->
                <Label Text="{Binding ItemContent}" Margin="10"/>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

2.2 定制ViewCell的选中颜色 #

如果要单独给ViewCell设置选中色，有两种灵活的方式：

方式一：复用ListView的全局样式

刚才在ListViewItem样式里设置的SelectedBackgroundBrush，会自动作用到每个ViewCell对应的UWP原生ListViewItem上。如果所有单元格的选中色都一样，用这个方法最省事，不用额外写代码。

方式二：自定义ViewCell渲染器（针对特定单元格）

如果需要给某一类ViewCell单独设置选中色，可以写一个专属的ViewCell渲染器：

首先在共享代码里定义一个自定义ViewCell类：

namespace YourAppName
{
    public class CustomStyledViewCell : ViewCell
    {
        // 可以在这里添加自定义属性，方便后续扩展样式
    }
}

然后在UWP项目里写渲染器：

[assembly: ExportRenderer(typeof(CustomStyledViewCell), typeof(CustomStyledViewCellRenderer))]
namespace YourAppName.UWP
{
    public class CustomStyledViewCellRenderer : ViewCellRenderer
    {
        protected override Windows.UI.Xaml.Controls.ListViewItem GetCellCore(Cell item, Windows.UI.Xaml.Controls.ListViewItem reusableCell, Windows.UI.Xaml.Controls.ListView listView)
        {
            var nativeCell = base.GetCellCore(item, reusableCell, listView);
            
            // 设置选中时的背景色，这里用橙色示例
            nativeCell.SelectedBackgroundBrush = new SolidColorBrush(Windows.UI.Colors.Orange);
            // 设置未选中时的背景色
            nativeCell.Background = new SolidColorBrush(Windows.UI.Colors.LightGray);
            
            return nativeCell;
        }
    }
}

最后在XAML里使用这个自定义ViewCell：

<DataTemplate>
    <local:CustomStyledViewCell>
        <Label Text="{Binding ItemContent}" Margin="10"/>
    </local:CustomStyledViewCell>
</DataTemplate>

小提示 #

如果遇到样式不生效的情况，可以检查这几点：

• 渲染器的ExportRenderer特性是否正确注册了自定义ViewCell和渲染器的类型
• 样式的TargetType是否正确（比如ListView和ListViewItem的区别）
• 有没有更高优先级的样式覆盖了当前设置（比如单元格内部控件的背景色）

内容的提问来源于stack exchange，提问作者Little Kid