如何更改ListView ViewCell ContextActions的BG颜色

时间:2018-09-14 06:16:54

标签: xaml xamarin xamarin.forms

希望你做得很好,

我用三个上下文操作创建了ListView,在这里我想为每个MenuItem设置不同的背景颜色,如下所示 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,

请建议我,谢谢...

1 个答案:

答案 0 :(得分:2)

您可以通过编写转换器来实现此目的,该转换器将获取类型并发送与该类型相关的颜色。

首先在对象中添加一个枚举

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}}"/>

它对我来说很完美,我希望这会起作用。

相关问题