行が選択されているときに、どのように表示およびイメージを表示できますか？

Question

私はXamarin.Formsで非常に新しく、TableViewで選択した項目に選択したインジケータとしてアイコンを表示しようとしていますが、実際には少し失われています...

私の問題は、アイコンはリストの各要素に表示され、デフォルトでは非表示に設定され、ユーザーがリストの任意の要素を選択すると表示されます（もちろん選択解除された行のアイコンは非表示になります）。

これを達成するためのヒント？どんなアイデアやヒントも非常に役立つはずです。

は、ここでリストのコードです：

<base:ListView 
        ItemsSource="{Binding DeliveryMethodList}" 
        HorizontalOptions="FillAndExpand" 
        VerticalOptions="FillAndExpand" 
        RowHeight="60" 
        HeightRequest="120" 
        BackgroundColor="Transparent" 
        IsPullToRefreshEnabled="false" 
        SeparatorVisibility="None" 
        SelectedItem="{Binding SelectedDeliveryMethod}"> 

        <base:ListView.ItemTemplate> 
         <DataTemplate> 
          <ViewCell> 
          <StackLayout 
            Orientation="Horizontal" 
            HorizontalOptions="FillAndExpand" 
            VerticalOptions="CenterAndExpand"> 
            <base:Image 
             HeightRequest="{base:PointSize 15}" 
             WidthRequest="{base:PointSize 15}" 
             Source="{x:Static res:Images.AcceptIco}" 
             IsVisible="{Binding IsSelectedDeliveryIconVisible}" 
             VerticalOptions="Center" 
             HorizontalOptions="Center"/> 

            <base:Label 
             FontSize="{StaticResource FontSizeMedium1}" 
             Text="{Binding name}" 
             HorizontalOptions="Center" 
             VerticalOptions="Start" 
             TextColor="White"/> 
          </StackLayout> 
          </ViewCell> 
         </DataTemplate> 
        </base:ListView.ItemTemplate> 
       </base:ListView> 

、ここでの選択と項目ソースへの私のViewModel方法である：

bool _isSelectedDeliveryIconVisible; 
    public bool IsSelectedDeliveryIconVisible 
    { 
     get { return _isSelectedDeliveryIconVisible; } 
     set { SetProperty(ref _isSelectedDeliveryIconVisible, value); } 
    } 

    ObservableCollection<DeliveryMethod> _deliveryMethodList; 
    public ObservableCollection<DeliveryMethod> DeliveryMethodList 
    { 
     get { return _deliveryMethodList; } 
     set { SetProperty(ref _deliveryMethodList, value); } 
    } 

    DeliveryMethod _selectedDeliveryMethod; 
    public DeliveryMethod SelectedDeliveryMethod 
    { 
     get { return _selectedDeliveryMethod; } 
     set 
     { 
      SetProperty(ref _selectedDeliveryMethod, value); 
      if (_selectedDeliveryMethod != null) 
      { 
       IsSelectedDeliveryIconVisible = true; 
      } 
     } 
    } 

ベスト！

Answer 1

IsSelectedDeliveryIconVisibleをDeliveryMethodクラスの属性にすると、リスト内の各項目に異なる値を設定できます。

ユーザーが配信方法を選択した場合は、リスト内の各項目にIsSelectedDeliveryIconVisibleを設定する必要があります（下記のコードを参照）。これにより、一度に1つのアイコンしか表示されません。既存のバインディングはこの新しいコードで動作するはずです。

public class DeliveryMethod 
{ 
    public int Id {get; set;} 
    public bool IsSelectedDeliveryIconVisible {get; set;} 
    // ... 
} 

DeliveryMethod _selectedDeliveryMethod; 
public DeliveryMethod SelectedDeliveryMethod 
{ 
    get { return _selectedDeliveryMethod; } 
    set 
    { 
     SetProperty(ref _selectedDeliveryMethod, value); 
     if (_selectedDeliveryMethod != null) 
     { 
      DeliveryMethodList.ForEach(d => { d.IsSelectedDeliveryIconVisible = (d.Id == value.Id); }); 
     } 
    } 
}