我有一个关于Xamarin.Forms中ListView的问题，我已经成功绑定了一些项到我的ListView，但是我想要更改所选单元格的背景颜色，我该如何实现？
我使用了
var cell = DataTemplate(typeof(ImageCell));
ListView listView = new ListView
{
SeparatorColor = Color.Green,
ItemsSource = ListlvData,
ItemTemplate = cell, // Set the ImageCell to the item templatefor the listview
};
编辑 2：
有时候我会遇到奇怪的问题，我的 ViewCell 的 BackgroundColor 永远不会改回原来的颜色，所以我开始尝试使用下面的方法来改变颜色：
cell.Tapped += async (sender, args) => {
cell.View.BackgroundColor = Color.Red;
#pragma warning disable 4014 //These pragma's are only needed if your Tapped is being assigned an async anonymous function and muffles the compiler warning that you did not await Task.Run() which you do not want to fire and forget it
Task.Run(async () => { //Change the background color back after a small delay, no matter what happens
await Task.Delay(300); //Or how ever long to wait
Device.BeginInvokeOnMainThread(() => cell.View.BackgroundColor = Color.Default); //Turn it back to the default color after your event code is done
});
#pragma warning restore 4014
await OnListViewTextCellTapped(cell); //Run your actual `Tapped` event code
};
编辑：
如果要将下面的代码添加到 ListView.DataTemplate 中，您需要执行以下操作：
ListView listView = new ListView {
SeparatorColor = Color.Green,
ItemsSource = ListlvData
};
listView.ItemTemplate = new DataTemplate(() => {
ViewCell cell = new ViewCell();
cell.Tapped += (sender, args) => {
cell.View.BackgroundColor = Color.Red;
OnListViewTextCellTapped(cell); //Run your actual `Tapped` event code
cell.View.BackgroundColor = Color.Default; //Turn it back to the default color after your event code is done
};
cell.View = new Image();
return cell;
});
要更改 Tapped 的背景颜色，您需要使用一个 ViewCell 和一个 Image 控件，因为默认情况下 ImageCell 不支持 BackgroundColor。
我在 ViewCell 中放置了一个 StackLayout，然后在 Tapped 事件中，像这样更改 ViewCell.View 的 BackgroundColor：
ViewCell cell = new ViewCell();
cell.Tapped += (sender, args) => {
cell.View.BackgroundColor = Color.Red;
OnListViewTextCellTapped(cell); //Run your actual `Tapped` event code
cell.View.BackgroundColor = Color.Default; //Turn it back to the default color after your event code is done
};
我知道这个问题已经有一段时间没有得到解答了，但我想为那些寻找更加MVVM友好的方式来做这件事情而到这里的人们添加一些信息。我最终采用了以下方法，希望对那些有兴趣的人有所帮助。
你需要一个如下的值转换器：
public class UseColorIfConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
return (bool)value ? parameter : Color.Transparent;
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
Color。我还将此转换器注册为我的App.xaml中的静态资源（需要手动创建） ，即：<?xml version="1.0" encoding="utf-8" ?>
<forms:FormsApplication xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:forms="clr-namespace:Caliburn.Micro.Xamarin.Forms;assembly=Caliburn.Micro.Platform.Xamarin.Forms"
x:Class="Path.To.Application.App"
xmlns:converters="clr-namespace:Path.To.Converters.Namespace;assembly=Converter.Assembly">
<Application.Resources>
<converters:UseColorIfConverter x:Key="UseColorIf"></converters:UseColorIfConverter>
</Application.Resources>
</forms:FormsApplication>
<ListView ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<ContentView BackgroundColor="{Binding Path=Selected, Converter={StaticResource UseColorIf}, ConverterParameter={x:StaticResource ListSelectionColor}}" ...>
<!--Display-->
</ContentView>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
这样可以让你绑定每个视图模型中表示是否选中的属性。这个属性必须保持同步，但可以通过订阅属性更改事件轻松完成，例如：
public class MenuViewModel : Screen
{
public BindableCollection<SectionViewModel> Items { get; }
public MenuViewModel(IEnumerable<SectionViewModel> sections)
{
Items = new BindableCollection<SectionViewModel>(sections);
PropertyChanged += OnPropertyChanged;
}
private SectionViewModel _selectedItem;
public SectionViewModel SelectedItem
{
get { return _selectedItem; }
set
{
if (_selectedItem == value)
return;
_selectedItem = value;
NotifyOfPropertyChange(nameof(SelectedItem));
}
}
private void OnPropertyChanged(object sender, PropertyChangedEventArgs propertyChangedEventArgs)
{
if (propertyChangedEventArgs.PropertyName == nameof(SelectedItem))
{
foreach (var item in Items)
{
item.Selected = item == SelectedItem;
}
}
}
}
在进行了这些操作之后，仍然存在一个微小的问题，即每个平台上使用的默认渲染器。我没有检查过Android，但至少在IOS上你仍然会得到一个灰色边框，因此以下代码将其移除：
using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
[assembly: ExportRenderer(typeof(ViewCell), typeof(CustomListViewCellRenderer))]
namespace My.Awesome.Ios.Client.Renderers
{
class CustomListViewCellRenderer : ViewCellRenderer
{
public override UITableViewCell GetCell(Cell item, UITableViewCell reusableCell, UITableView tv)
{
var cell = base.GetCell(item, reusableCell, tv);
cell.SelectionStyle = UITableViewCellSelectionStyle.None;
return cell;
}
}
}