如何在 Xamarin.Forms 中禁用 ListView 上的突出显示

Question

我正在使用 Xamarin.Forms 和 XAML，并且正在尝试创建一个存储产品列表的应用程序。我将我的产品列表放在 ListView 中。这工作正常。这是我的 XAML：

<ListView x:Name="listSushi"
        ItemsSource="{x:Static local:myListSushi.All}"
        SelectedItem="{Binding SelectedItem, Mode=TwoWay}"
        RowHeight="{StaticResource rowHeight}"
        >
<ListView.ItemTemplate>
  <DataTemplate>
    <ViewCell>
      <ViewCell.View>
        <StackLayout Padding="5, 5, 0, 5"
                     Orientation="Horizontal"
                     Spacing="15">
          <StackLayout>
            <Image Source="{Binding ImageSource}" />
          </StackLayout>

          <StackLayout Padding="0, 0, 0, 0"
                       VerticalOptions="Center"
                       HorizontalOptions="FillAndExpand">                
                <Label Text="{Binding Name}"
                   Font="Bold, Medium" />
                <Label Text="{Binding Description}" 
                    Font="Small"/>
          </StackLayout>

          <StackLayout Orientation="Horizontal"
                        Padding="0, 0, 10, 0">
            <Button Text=" - " 
                    HorizontalOptions="EndAndExpand"
                    VerticalOptions="FillAndExpand"
                    Command="{Binding DeleteSushiCommand}"
                    CommandParameter="{Binding Name}"
                    />
            <Label VerticalOptions="Center" 
                   Text="{Binding Number,StringFormat='{0}'}"
                   TextColor="Black"/>
            <Button Text=" + " 
                    HorizontalOptions="EndAndExpand"
                    VerticalOptions="FillAndExpand" 
                    Command="{Binding AddSushiCommand}"
                    CommandParameter="{Binding Name}"
                    />
            </StackLayout>
        </StackLayout>
      </ViewCell.View>
    </ViewCell>
  </DataTemplate>
</ListView.ItemTemplate>

我的问题是，如果我单击 listView 的一个单元格，该单元格会突出显示，并保持突出显示。我尝试在 xaml.cs 中使用此代码禁用它

listSushi.ItemSelected+= (object sender, SelectedItemChangedEventArgs e) => {
    // don't do anything if we just de-selected the row
    if (e.SelectedItem == null) return; 
    // do something with e.SelectedItem
    ((ListView)sender).SelectedItem = null; // de-select the row
};

但是当我触摸一个单元格时，现在我的列表会自动滚动。很奇怪。

有谁知道这是否是一个错误，或者知道一个修复方法，比如是否有一个属性可以禁用突出显示？

Answer 1

您可以尝试使用 ItemTapped 事件，即

listSushi.ItemTapped += (object sender, ItemTappedEventArgs e) => {
    // don't do anything if we just de-selected the row.
    if (e.Item == null) return;

    // Optionally pause a bit to allow the preselect hint.
    Task.Delay(500);

    // Deselect the item.
    if (sender is ListView lv) lv.SelectedItem = null;

    // Do something with the selection.
    ...
};

我已经在 ListView（在 Android 设备上）上对此进行了测试，它有足够的项目可以将滚动加入到组合中。我看不到自动滚动行为，您将 SelectedItem 设置为 null 以消除突出显示的想法效果很好。

Answer 2

当前我们可以将 ListView.SelectionMode 设置为 None 来执行此操作。 https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/listview/interactivity

Answer 3

我刚刚找到了另一种禁用高亮效果的方法。我想与其他用户分享。

您可以直接在 xaml 中执行此操作。 但是这种方法不仅会禁用高亮效果，还会禁用点击事件。

您可以将 ViewCell 的 IsEnabled 属性设置为 false。

<ViewCell IsEnabled="false">
    //Your Item Layout Coding
</ViewCell>

此外，您还可以通过绑定来禁用/启用每个项目的高亮效果：

<ViewCell IsEnabled="{Binding IsHighlightEnabled}">
    //Your Item Layout Coding
</ViewCell>

希望对你有帮助，谢谢。

Answer 4

YourList.ItemSelected+=DeselectItem;

 public void DeselectItem(object sender, EventArgs e)
  {
     ((ListView)sender).SelectedItem = null;
  }

这应该对您的方案有所帮助。 @dpfauwadel

Answer 5

我假设您正在使用 MVVM。在这些情况下，我在使用该属性后为其分配一个空值。在您的视图模型中，您似乎有一个 SelectedItem 属性，因为您将它绑定到 ListView 的 SelectedItem 属性。所以我会做这样的事情：

private Product _selectedItem;
public Product SelectedItem
{
  get
  {
    return _selectedItem;
  }
  set
  {
    _selectedItem = value;

    //USE THE VALUE

    _selectedItem = null;
    NotifyPropertyChanged("SelectedItem");
  }
}

Answer 6

iOS 标记的解决方案没有为我解决，我必须为列表视图创建一个 CustomRenderer 并改用它。

NonSelectableListView.cs（在您的表单项目中）

using System;
using Xamarin.Forms;

namespace YourProject
{
    public class NonSelectableListView : ListView
    {
        public NonSelectableListView()
        {
        }
    }
}

NonSelectableListViewRenderer.cs（您的 iOS 项目中的 CustomRenderer）

using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

using YourProject.iOS;
using YourProject;

[assembly: ExportRenderer(typeof(NonSelectableListView), typeof(NonSelectableListViewRenderer))]
namespace YourProject.iOS
{
    public class NonSelectableListViewRenderer : ListViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
        {
            base.OnElementChanged(e);

            if (e.OldElement != null)
            {
                // Unsubscribe from event handlers and cleanup any resources
            }

            if (e.NewElement != null)
            {
                // Configure the native control and subscribe to event handlers
                Control.AllowsSelection = false;
            }
        }
    }

}