我在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;
}
}
}
最佳!
答案 0 :(得分:1)
我会将IsSelectedDeliveryIconVisible作为DeliveryMethod类的一个属性,这样它就可以为列表中的每个项目赋予不同的值。
当用户选择交付方式时,您需要为列表中的每个项目设置IsSelectedDeliveryIconVisible(请参阅下面的代码)。这将确保一次最多只能看到一个图标。您现有的绑定应该可以使用这个新代码。
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); });
}
}
}