Xamarin布尔Bindable性质

Question

我试图使点击图标，这将使用愿望列表，为此，我已经创建了布尔属性，将返回图像。

这是我的代码，但它不支持onClick事件，请建议解决这个问题。

  public class WishIconImg : Image, IDisposable
    {

        static FontImageSource unselected_source = new FontImageSource();
        static FontImageSource selected_source = new FontImageSource();

        public WishIconImg()
        {
            unselected_source.FontFamily = "FA-S";
            unselected_source.Glyph = "\U000f02d5";
            unselected_source.Color = Color.DarkOrange;

            selected_source.FontFamily = "FA-S";
            selected_source.Glyph = "\U000f02d1";
            selected_source.Color = Color.DarkOrange;



           OnClick += Checkbox_OnClick;

        }

        public static BindableProperty IsCheckedProperty = BindableProperty.Create(
            nameof(IsChecked), typeof(bool), typeof(WishIconImg), defaultBindingMode: BindingMode.TwoWay,
            propertyChanged: IsCheckedChanged);

        public bool IsChecked
        {
            get { return (bool)GetValue(IsCheckedProperty); }
            set { SetValue(IsCheckedProperty, value); }
        }

        private static void IsCheckedChanged(BindableObject bindable, object oldValue, object newValue)
        {

            var cb = (WishIconImg)bindable;
            if (cb == null)
                return;

            if ((bool)newValue)
            {
                cb.Source = selected_source;
            }
            else
            {
                cb.Source=unselected_source ;
            }



        }

       void Checkbox_OnClick(object sender, EventArgs e)
        {
            IsChecked = !IsChecked;

        }

        public void Dispose()
        {
            OnClick -= Checkbox_OnClick;
        }



    }
}

Xaml

 <controls:WishIconImg   x:Name="HeartChk" IsChecked="{Binding AddWish, Mode=TwoWay}" HeightRequest="35" WidthRequest="35"  HorizontalOptions="End"/>

即使我尝试过使用Label属性，但它不起作用

Answer 1

您可以修改类，如下所示

public WishIconImg()
        {
            unselected_source.FontFamily = "FA-S";
            unselected_source.Glyph = "\U000f02d5";
            unselected_source.Color = Color.DarkOrange;

            selected_source.FontFamily = "FA-S";
            selected_source.Glyph = "\U000f02d1";
            selected_source.Color = Color.DarkOrange;

            var tapGestureRecognizer = new TapGestureRecognizer();
            tapGestureRecognizer.Tapped += (s, e) => {
                // handle the tap

                IsChecked = !IsChecked;

            };
            this.GestureRecognizers.Add(tapGestureRecognizer);



        }

Answer 2

尝试为单击事件添加TapGestureRecognizer

做这样的事

<StackLayout HeightRequest="35" WidthRequest="35"  HorizontalOptions="End">
    <controls:WishIconImg   x:Name="HeartChk" IsChecked="{Binding AddWish, Mode=TwoWay}" />
    <StackLayout.GestureRecognizers>
          <TapGestureRecognizer Command="{Binding Checkbox_OnClick}" /> 
    </StackLayout.GestureRecognizers>
</StackLayout>

在ViewModel中绑定它的命令

public System.Windows.Input.ICommand Checkbox_OnClick => new Xamarin.Forms.Command(Checkbox_OnClickTapped);

当您的视图被单击时，

Checkbox_OnClickTapped将被调用