如何检测可视元素的内置属性的更改? - Xamarin表格

时间:2017-08-28 14:28:37

标签: c# .net xamarin.forms inotifypropertychanged

我有一个类 ImageButton:Grid ,并希望检测其 IsEnabled 属性的更改。是否有基于事件的方式来做到这一点?

PropertyChanged 事件似乎与此无关。

.NET有IsEnabledChanged,但这似乎也不适用。

背景:我的类实现了一个覆盖有文本的可点击图像,充当按钮。它是一个单格网格,其中的图像覆盖有标签。当禁用 ImageButton 对象时,我需要降低Label和Image的不透明度。当然,我可以简单地添加一个属性来执行此操作,但之后无法轻松地将该类用作使用Button的现有代码的插件。

旁注:Button不提供BackgroundImage属性有点令人费解 - 这么多开发人员都必须这样做。

1 个答案:

答案 0 :(得分:1)

您可以覆盖父控件上的OnPropertyChanged 来更新内部控件:

protected override void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
    base.OnPropertyChanged(propertyName);

    if(propertyName == nameof(IsEnabled))
    {
         //update controls here
         ...
    }
}

但我宁愿建议您在将内部控件Opacity绑定到父级IsEnabled属性时使用转换器。

例如,如果您在C#中定义了自定义控件,则可以将绑定定义为:

public class ImageButton : Grid
{
    private static readonly BooleanToOpacityConverter _converter = new BooleanToOpacityConverter();
    public ImageButton()
    {
        var label = new Label { Text = "ImageButton" };
        var image = new Image { Source = ImageSource.FromFile("icon.png") };

        // add binding to Opacity using IsEnabled from parent
        label.SetBinding(OpacityProperty, new Binding("IsEnabled", converter: _converter, source: this));
        image.SetBinding(OpacityProperty, new Binding("IsEnabled", converter: _converter, source: this));

        ColumnDefinitions = new ColumnDefinitionCollection { new ColumnDefinition(), new ColumnDefinition() };

        SetColumn(label, 1);
        Children.Add(label);
        Children.Add(image);
    }
}

或者,如果您使用基于XAML的自定义控件,则可以将绑定分配为:

<Grid xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:UpdateSourceTriggerApp"
    x:Name="_parent"
    x:Class="UpdateSourceTriggerApp.ImageButton2">
 <Grid.Resources>
   <ResourceDictionary>
     <local:BooleanToOpacityConverter x:Key="_converter" />
   </ResourceDictionary>
 </Grid.Resources>
 <Grid.ColumnDefinitions>
   <ColumnDefinition />
   <ColumnDefinition />
 </Grid.ColumnDefinitions>

 <Image Source="icon.png" Opacity="{Binding Source={x:Reference _parent}, Path=IsEnabled, Converter={StaticResource _converter}}" />
 <Label Text="ImageButton2" Grid.Column="1" Opacity="{Binding Source={x:Reference _parent}, Path=IsEnabled, Converter={StaticResource _converter}}" />
</Grid>

示例转换器看起来像:

public class BooleanToOpacityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var isEnabled = (value == null) ? false : (bool)value;
        return isEnabled ? 1 : 0.5;
    }

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