如何修改ListView中列表项的选中颜色及边框尺寸？

嘿，这个问题我太熟了！不管你是用Android原生还是WPF，都能通过自定义样式轻松搞定——既要改选中颜色，又要调边框尺寸，核心就是替换掉系统默认的列表项样式。下面分两种最常见的场景给你拆解：

1. 自定义选中状态背景色 + 边框尺寸 #

系统默认的绿色选中背景和粗边框，都是通过内置的drawable实现的，我们直接用自定义的selector drawable替换就行：

步骤1：创建带边框的状态选择器 #

在res/drawable目录下新建XML文件，比如list_item_custom_style.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态：自定义背景色 + 边框粗细/颜色 -->
    <item android:state_selected="true">
        <shape android:shape="rectangle">
            <!-- 选中时的背景色，替换成你想要的颜色 -->
            <solid android:color="#FF4081"/>
            <!-- 选中时的边框：width是粗细，color是边框色 -->
            <stroke android:width="1dp" android:color="#FF0050"/>
            <!-- 可选：给列表项加圆角，更美观 -->
            <corners android:radius="4dp"/>
        </shape>
    </item>
    <!-- 按压状态（可选，提升交互体验） -->
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#E8F0FE"/>
            <stroke android:width="1dp" android:color="#FF0050"/>
            <corners android:radius="4dp"/>
        </shape>
    </item>
    <!-- 默认状态：正常显示的样式 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/>
            <!-- 默认边框粗细，改成你想要的数值，比如0.5dp -->
            <stroke android:width="0.5dp" android:color="#CCCCCC"/>
            <corners android:radius="4dp"/>
        </shape>
    </item>
</selector>

步骤2：应用到列表项 #

打开你的列表项布局文件（比如list_item_layout.xml），给根布局设置这个自定义样式作为背景：

<!-- 列表项根布局 -->
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/list_item_custom_style"
    android:padding="16dp">

    <!-- 你的列表项内容，比如TextView、ImageView等 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="示例列表项"/>

</LinearLayout>

步骤3：（可选）代码中控制选中状态 #

如果需要手动控制列表项的选中状态（比如点击时标记选中），可以在Adapter的getView方法里设置：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    View view = convertView;
    if (view == null) {
        view = LayoutInflater.from(mContext).inflate(R.layout.list_item_layout, parent, false);
    }

    // 根据你的业务逻辑判断当前项是否选中
    boolean isSelected = mSelectedPositions.contains(position);
    view.setSelected(isSelected);

    return view;
}

如果是WPF的ListView，直接通过修改ItemContainerStyle就能搞定，不用写额外的资源文件：

<ListView x:Name="MyListView">
    <!-- 自定义列表项容器样式 -->
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <!-- 默认状态样式 -->
            <Setter Property="BorderThickness" Value="0.5"/> <!-- 默认边框粗细 -->
            <Setter Property="BorderBrush" Value="#CCCCCC"/> <!-- 默认边框颜色 -->
            <Setter Property="Background" Value="#FFFFFF"/> <!-- 默认背景色 -->
            <Setter Property="Padding" Value="12"/>

            <!-- 状态触发器 -->
            <Style.Triggers>
                <!-- 选中时的样式 -->
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="#FF4081"/> <!-- 选中背景色 -->
                    <Setter Property="BorderThickness" Value="2"/> <!-- 选中时边框粗细 -->
                    <Setter Property="BorderBrush" Value="#FF0050"/> <!-- 选中时边框颜色 -->
                </Trigger>
                <!-- 鼠标悬停时的样式（可选） -->
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="#F5F5F5"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>

    <!-- 列表项内容模板 -->
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}"/>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

这样就能完全替换掉系统默认的绿色选中背景和粗边框，改成你想要的样式啦！

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