Как изменить цвет BG для ListView ViewCell ContextActions

Question

Надеюсь, у вас все хорошо,

Я создал ListView с тремя контекстными действиями, здесь я хочу установить различный цвет фона для каждого элемента меню, как показано ниже ViewCell:

<?xml version="1.0" encoding="UTF-8"?>
<ViewCell xmlns="http://xamarin.com/schemas/2014/forms"
 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="PureSale.Core.Views.OrdersListTemplate">
    <Grid Padding="10">
      <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <StackLayout Spacing="5">
           <Label Text="{Binding Title}" FontAttributes="Bold" HorizontalOptions="StartAndExpand"/>
         <Label Text="{Binding StartDate}" HorizontalOptions="StartAndExpand"/>
     </StackLayout>
        <Image Source="indicatorIconBlack.png" Grid.Column="1" HorizontalOptions="EndAndExpand" VerticalOptions="CenterAndExpand"/>
    </Grid>
</ViewCell>


public partial class OrdersListTemplate : ViewCell {
 public OrdersListTemplate(){
    InitializeComponent();

 var deleteAction = new MenuItem { Text = "Delete", StyleId = "labelRedStyle" };
    deleteAction.SetBinding(MenuItem.CommandParameterProperty, new Binding("."));
    deleteAction.Clicked += (sender, e) => {
    };

    var archiveAction = new MenuItem { Text = "Archive", IsDestructive = true}; 
    archiveAction.SetBinding(MenuItem.CommandParameterProperty, new Binding("."));
    archiveAction.Clicked +=  (sender, e) => {
    };

    var cancelAction = new MenuItem { Text = "Cancel" };
    cancelAction.SetBinding(MenuItem.CommandParameterProperty, new Binding("."));
    cancelAction.Clicked += (sender, e) => {
    };

    ContextActions.Add(cancelAction);
    ContextActions.Add(archiveAction);
    ContextActions.Add(deleteAction);
   }
 }

XAML

 <ListView HasUnevenRows="true" ItemsSource="{Binding OrderItems}" ios:ListView.SeparatorStyle="FullWidth" SelectedItem="{Binding SelectedListItem}">
        <ListView.ItemTemplate>
            <DataTemplate>
                <views:OrdersListTemplate/>

            </DataTemplate>
        </ListView.ItemTemplate>
 </ListView>

Как установить StyledId для пунктов меню,

Пожалуйста, предложите мне спасибо ... заранее

Answer 1

Вы можете достичь этого, написав конвертер, который получит тип и отправит соответствующий цвет с этим типом.

Сначала добавьте одно перечисление в ваш объект

public enum ActionType
{
    Delete = 0,
    Archive = 1,
    Cancel = 2
};

Добавьте один конвертер, который возвращает цвет на основе типа вашего действия

class FileIconConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value != null)
        {
            switch ((ActionType)value)
            {
                case ActionType.Delete:
                    return Color.Red;

                case ActionType.Archive:
                    return Color.Yellow;

                case ActionType.Canncel:
                    return Color.Gray;
            }
        }

        return Color.Black;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Добавьте эту запись конвертера вв APP.xaml

<Convert:ActionTypeConverter x:Key="ActionTypeConverter"></Convert:ActionTypeConverter>

Затем вы можете добавить этот конвертер в свой файл xaml

<Label BackgroundColor="{Binding ActionType, Converter={StaticResource ActionTypeConverter}}"/>

Он прекрасно работает для меня, надеюсь, это будет работать.