Xamarin.Forms Измените цвет фона BackView для оранжевого списка на ячейке с изменяющимся рисунком на белый или прозрачный - PullRequest
Новая
       5

Xamarin.Forms Измените цвет фона BackView для оранжевого списка на ячейке с изменяющимся рисунком на белый или прозрачный

0 голосов
/ 11 февраля 2020

Не могу найти решение об этом оранжевом цвете? Нужно ли мне писать визуализатор или я могу изменить ресурсы в Android и IOS?

1 Ответ

1 голос
/ 12 февраля 2020

Да, если вы хотите изменить цвет фона выбранного элемента ListView, необходимо использовать пользовательский рендер для этого в Xamarin.Forms.

В PCL создать имя класса ExtendedViewCell, которое должно наследовать любой ViewCell. 

public class ExtendedViewCell : ViewCell
{
    public static readonly BindableProperty SelectedBackgroundColorProperty =
        BindableProperty.Create("SelectedBackgroundColor",
                                typeof(Color),
                                typeof(ExtendedViewCell),
                                Color.Default);

    public Color SelectedBackgroundColor
    {
        get { return (Color)GetValue(SelectedBackgroundColorProperty); }
        set { SetValue(SelectedBackgroundColorProperty, value); }
    }
}

В Android проекте создайте имя класса как ExtendedViewCellRenderer и обязательно добавьте регистрацию рендерера для нашего класса ExtendedViewCell над пространством имен. 

[assembly: ExportRenderer(typeof(ExtendedViewCell), typeof(ExtendedViewCellRenderer))]
namespace demo3.Droid
{
public class ExtendedViewCellRenderer : ViewCellRenderer
{

    private Android.Views.View _cellCore;
    private Drawable _unselectedBackground;
    private bool _selected;

    protected override Android.Views.View GetCellCore(Cell item,
                                                      Android.Views.View convertView,
                                                      ViewGroup parent,
                                                      Context context)
    {
        _cellCore = base.GetCellCore(item, convertView, parent, context);

        _selected = false;
        _unselectedBackground = _cellCore.Background;

        return _cellCore;
    }

    protected override void OnCellPropertyChanged(object sender, PropertyChangedEventArgs args)
    {
        base.OnCellPropertyChanged(sender, args);

        if (args.PropertyName == "IsSelected")
        {
            _selected = !_selected;

            if (_selected)
            {
                var extendedViewCell = sender as ExtendedViewCell;
                _cellCore.SetBackgroundColor(extendedViewCell.SelectedBackgroundColor.ToAndroid());
            }
            else
            {
                _cellCore.SetBackground(_unselectedBackground);
            }
        }
    }
}
}

Затем вы можете установить цвет для просмотра списка SelectedBackgroundColor. 

  <ListView ItemsSource="{Binding students}">
            <ListView.ItemTemplate>
                <DataTemplate>

                    <local:ExtendedViewCell SelectedBackgroundColor="White">
                        <StackLayout Orientation="Horizontal">
                            <Label Text="{Binding Username}" TextColor="Yellow" />
                            <Label Text="{Binding Age}" TextColor="Blue" />
                        </StackLayout>
                    </local:ExtendedViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

Более подробную информацию и шаги в ios платформе вы можете посмотреть:

https://blog.wislon.io/posts/2017/04/11/xamforms-listview-selected-colour

Обновление:

В ios проекте создайте имя класса как ExtendedViewCellRenderer и убедитесь, что добавили регистрацию средства визуализации для нашего класса ExtendedViewCell над пространством имен. 

 [assembly: ExportRenderer(typeof(ExtendedViewCell), typeof(ExtendedViewCellRenderer))]
 namespace xamformsdemo.iOS
 {
    public class ExtendedViewCellRenderer : ViewCellRenderer
{
    public override UITableViewCell GetCell(Cell item, UITableViewCell reusableCell, UITableView tv)
    {
        var cell = base.GetCell(item, reusableCell, tv);
        var view = item as ExtendedViewCell;
        cell.SelectedBackgroundView = new UIView
        {
            BackgroundColor = view.SelectedBackgroundColor.ToUIColor(),
        };

        return cell;
    }

}
 }
...