Xamarin.Forms привязка к обязательности или что-то

Question

У меня есть страница

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:controls="clr-namespace:PassSystem.Controls;assembly=PassSystem"
             x:Class="PassSystem.Views.CreatePassPage"
             Title="Оформление пропуска">
    <ScrollView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        <StackLayout>
            <FlexLayout Direction="Column" BackgroundColor="White">
                <controls:ActionOption Title="Название" Value="1" LeftMargin="18">
                </controls:ActionOption>
            </FlexLayout>
        </StackLayout>
    </ScrollView>
</ContentPage>

, и у меня есть contentview

<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:controls="clr-namespace:PassSystem.Controls;assembly=PassSystem"
             xmlns:effects="clr-namespace:PassSystem.Effects;assembly=PassSystem"
             xmlns:local="clr-namespace:PassSystem"
             x:Class="PassSystem.Controls.ActionOption">
    <FlexLayout x:Name="MainLayout" Direction="Row" JustifyContent="Center" AlignContent="Center" AlignItems="Center" HeightRequest="52"
                effects:ClickableEffect.ClickCommand="!!"
                effects:ClickableEffect.CancelCommand="{Binding UpCommand}"
                effects:ClickableEffect.UpCommand="{Binding UpCommand}"
                effects:ClickableEffect.DownCommand="{Binding DownCommand}">

        <Label Text="{Binding Title}"
               TextColor="{StaticResource PrimaryTextColor}"
               FontSize="15"
               VerticalTextAlignment="Center"
               VerticalOptions="FillAndExpand"
               FlexLayout.Grow="1"
               Margin="{Binding TitleMargin, Mode=TwoWay}">
        </Label>

        <StackLayout Orientation="Horizontal" HeightRequest="16" VerticalOptions="CenterAndExpand" Margin="0,0,8,0">
            <Label Text="{Binding Value}" FontSize="12" TextColor="{StaticResource SecondaryTextColor}" VerticalTextAlignment="Center"/>
            <controls:IconView Source="forward" HeightRequest="14" WidthRequest="14" ForegroundColor="{StaticResource AdditionalTextColor}"/>
        </StackLayout>
        <FlexLayout.Effects>
            <effects:ClickableEffect />
        </FlexLayout.Effects>
    </FlexLayout>
</ContentView>

.cs file

public partial class ActionOption : ContentView
    {
        public ActionOption()
        {
            InitializeComponent();
            BindingContext = this;
        }

        private string _title;
        public string Title
        {
            get => _title;
            set
            {
                if(value == _title) return;
                _title = value;
                OnPropertyChanged();
            }
        }

        private string _value;
        public string Value
        {
            get => _value;
            set
            {
                if (value == _value) return;
                _value = value;
                OnPropertyChanged();
            }
        }

        public Thickness TitleMargin => new Thickness(_leftMargin, 0, 6, 0);

        private double _leftMargin;
        public double LeftMargin
        {
            get => _leftMargin;
            set
            {
                if (Math.Abs(value - _leftMargin) < 0.01d) return;
                _leftMargin = value;
                OnPropertyChanged();
                OnPropertyChanged(nameof(TitleMargin));
            }
        }

        private ICommand _clicked;
        public ICommand Clicked
        {
            get => _clicked;
            set
            {
                if (value == _clicked) return;
                _clicked = value;
                OnPropertyChanged();
            }
        }

        public ICommand UpCommand => new Command(() => MainLayout.BackgroundColor = Color.FromHex("#fff"));
        public ICommand DownCommand => new Command(() => MainLayout.BackgroundColor = (Color)((App)Application.Current).Resources["HighlightingColor"]);
    }

И мне нужно связать ClickableEffect.ClickCommandсо страницы.Т.е.

<controls:ActionOption Title="TitleHere" Value="1" LeftMargin="18" Clicked="{Binding ClickedCommand}">
</controls:ActionOption>

И в управлении

`effects:ClickableEffect.ClickCommand="{Binding ClickCommand (FromPage)}"`

Дополнительная информация.ClickableEffect

{
        public ClickableEffect() : base("PassSystem.ClickableEffect")
        {
        }

        #region Click

        public static readonly BindableProperty ClickCommandProperty = BindableProperty
            .CreateAttached("ClickCommand", typeof(ICommand), typeof(ClickableEffect), (object)null);

        public static ICommand GetClickCommand(BindableObject view)
        {
            return (ICommand)view.GetValue(ClickCommandProperty);
        }

        public static void SetClickCommand(BindableObject view, ICommand value)
        {
            view.SetValue(ClickCommandProperty, value);
        }


        public static readonly BindableProperty ClickCommandParameterProperty = BindableProperty
            .CreateAttached("ClickCommandParameter", typeof(object), typeof(ClickableEffect), (object)null);

        public static object GetClickCommandParameter(BindableObject view)
        {
            return view.GetValue(ClickCommandParameterProperty);
        }

        public static void SetClickCommandParameter(BindableObject view, object value)
        {
            view.SetValue(ClickCommandParameterProperty, value);
        }

        #endregion
}

Реализация Clickable Effect на Android:

public class ClickableListener : Java.Lang.Object, View.IOnTouchListener, View.IOnClickListener, View.IOnLongClickListener
    {
        private Element Element { get; }
        private View View { get; }

        public ClickableListener(Element element, View view)
        {
            Element = element;
            View = view;
        }

        ...

        public void OnClick(View v)
        {
            Tap();
        }

        private void Tap()
        {
            var command = ClickableEffect.GetClickCommand(Element);
            var parameter = ClickableEffect.GetClickCommandParameter(Element);
            command?.Execute(parameter);
        }
    }

[assembly: ResolutionGroupName("PassSystem")]
[assembly: ExportEffect(typeof(AndroidClickableEffect), "ClickableEffect")]
namespace PassSystem.Droid.Native.Effects
{
    public class AndroidClickableEffect : PlatformEffect
    {
        private bool _attached;

        protected override void OnAttached()
        {
            //because an effect can be detached immediately after attached (happens in listview), only attach the handler one time.
            if(!_attached)
            {
                var control = Control ?? Container;

                var listener = new ClickableListener(Element, control);
                control.SetOnClickListener(listener);
                ...
                _attached = true;
            }
        }
}

Как это реализовать?Спасибо.PS Мне сложно объяснить, и я надеюсь, что вы понимаете.:)

Answer 1

Для достижения желаемого поведения:

1. ClickCommand должно быть прикрепленным свойством ClickableEffect. Дополнительную информацию можно найти в официальном документе: Передача параметров эффекта в виде прикрепленных свойств .
2. Поскольку у вас есть ContentView между эффектом и страницей, вы должны убедиться, что BindindContext из ContentView установлен правильно. Я боюсь, что вам придется определить обязательное свойство ClickCommand на уровне ContentView и связать его с командой эффекта. Итак: Page.BindingContext.ClickCommand => ContentView.ClickCommand => ClickableEffect.ClickCommand (где => является обязательным).

Что в основном вызывает вопрос - зачем вам нужен эффект?