Xamarin.Forms ListView项点击时Frame背景变透明问题求助

嘿，我之前也碰到过一模一样的问题！这大概率是ListView默认的选中高亮样式干扰到了Frame的背景色——当你点击列表项时，ListView会给选中项应用一个内置的高亮效果，导致Frame的白色背景被覆盖成透明了。下面给你几个亲测有效的解决办法：

方法1：直接禁用ListView项的选中高亮（最省心） #

给ViewCell设置BackgroundColor="Transparent"，彻底取消ListView默认的选中背景效果，这样Frame的白色背景就不会被影响了。代码示例如下：

<ListView>
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell BackgroundColor="Transparent">
                <Frame CornerRadius="10" Padding="0" Margin="10, 10, 10, 5" BackgroundColor="White">
                    <!-- 你的列表项内容 -->
                </Frame>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

如果是用C#后台代码创建布局，同样给ViewCell设置这个属性就行：

var viewCell = new ViewCell { BackgroundColor = Color.Transparent };

方法2：自定义选中状态的模板（保留选中反馈） #

如果你还需要保留选中的视觉提示，不想完全取消高亮，可以给ListView设置SelectedItemTemplate，在选中状态下强制Frame保持白色背景，还能加个小区分（比如边框颜色）：

<ListView>
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <Frame CornerRadius="10" Padding="0" Margin="10, 10, 10, 5" BackgroundColor="White">
                    <!-- 正常状态的内容 -->
                </Frame>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
    <ListView.SelectedItemTemplate>
        <DataTemplate>
            <ViewCell>
                <Frame CornerRadius="10" Padding="0" Margin="10, 10, 10, 5" 
                       BackgroundColor="White" BorderColor="#ccc">
                    <!-- 选中状态的内容，这里加了浅灰色边框区分状态 -->
                </Frame>
            </ViewCell>
        </DataTemplate>
    </ListView.SelectedItemTemplate>
</ListView>

方法3：给Frame套一层底层布局兜底 #

有时候也可以给Frame外面包个StackLayout/Grid，把外层布局的背景色也设为白色，相当于给Frame加个“背景兜底”，就算ListView的选中效果影响到外层，内层Frame的白色背景也能稳稳显示：

<ViewCell>
    <StackLayout BackgroundColor="White" Margin="10, 10, 10, 5" Padding="0">
        <Frame CornerRadius="10" Padding="0" BackgroundColor="White" HasShadow="False">
            <!-- 你的列表项内容 -->
        </Frame>
    </StackLayout>
</ViewCell>

记得把Frame的HasShadow设为False，避免和外层布局的阴影出现重复或冲突。

我当时用方法1就快速解决了问题，你可以先试试这个最直接的方案～

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