Xamarin: визуальный менеджер состояний и пользовательские свойства - PullRequest
Новая
       43

Xamarin: визуальный менеджер состояний и пользовательские свойства

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

Я пытаюсь установить пользовательское свойство в пользовательском элементе управления с помощью диспетчера визуальных состояний, но пока мне не везет. Мой пользовательский элемент управления - это просто метка с дополнительным привязываемым свойством. 

public class SelectableLabel : Label
{
    public static readonly BindableProperty IsSelectedProperty = BindableProperty.Create("IsSelected", typeof(bool), typeof(SelectableLabel), false);

    public bool IsSelected
    {
        get { return (bool)GetValue(IsSelectedProperty); }
        set
        {
            Console.WriteLine($"MDO: {Text}.IsSelected_set={value}");
            SetValue(IsSelectedProperty, value);
        }
    }

Я использую этот элемент управления внутри CollectionView для переключения свойства IsSelected, когда элемент управления переходит в визуальное состояние Selected. 

    <CollectionView
        x:Name="cv"
        ItemsSource="{Binding Names}"
        SelectionMode="Multiple"
        SelectedItems="{Binding SelectedNames, Mode=TwoWay}"
        VerticalOptions="Fill">
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <local:SelectableLabel
                    x:Name="lblName"
                    Text="{Binding First}">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup
                            x:Name="CommonStates">
                            <VisualState
                                x:Name="Normal">
                                <VisualState.Setters>
                                    <Setter
                                        Property="IsSelected"
                                        Value="False" />
                                </VisualState.Setters>
                            </VisualState>
                            <VisualState
                                x:Name="Selected">
                                <VisualState.Setters>
                                    <Setter
                                        Property="IsSelected"
                                        Value="True" />
                                </VisualState.Setters>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                </local:SelectableLabel>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>

Когда я запускаю это на симуляторе iOS, я не вижу срабатывания сеттера, когда визуальное состояние меняется на Selected. Если я изменю свойство в установщике на BackgroundColor или Text, я вижу ожидаемое поведение. Кажется, проблема указана c для пользовательского свойства. Я посмотрел документацию для Setter.Property и там говорится, что Сеттер может быть применен к BindableProperty, который IsSelected. Я делаю что-то не так или VSM не поддерживает эту функцию?

Редактировать: CollectionView часть этого примера не имеет значения. Та же проблема происходит с этим кодом. 

    public class SelectableEntry : Entry
    {
        public static readonly BindableProperty IsSelectedProperty = BindableProperty.Create("IsSelected", typeof(bool), typeof(SelectableEntry), false);

        public bool IsSelected
        {
            get { return (bool)GetValue(IsSelectedProperty); }
            set
            {
                Console.WriteLine($"MDO: {Text}.IsSelected_set={value}");
                var color = value ? Color.LightBlue : Color.LightPink;
                SetValue(IsSelectedProperty, value);
                SetValue(BackgroundColorProperty, color);
            }
        }
    }

Вот соответствующий XAML. Цвет фона меняется, когда первый пользовательский элемент управления Entry получает фокус, а второй - нет. Я также не вижу своего оператора WriteLine в консоли. 

        <local:SelectableEntry Text="First">
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup
                    x:Name="CommonStates">
                    <VisualState
                        x:Name="Normal">
                        <VisualState.Setters>
                            <Setter
                                Property="BackgroundColor"
                                Value="LightBlue" />
                        </VisualState.Setters>
                    </VisualState>

                    <VisualState
                        x:Name="Focused">
                        <VisualState.Setters>
                            <Setter
                                Property="BackgroundColor"
                                Value="LightPink" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
        </local:SelectableEntry>
        <local:SelectableEntry Text="Second">
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup
                    x:Name="CommonStates">

                    <VisualState
                        x:Name="Normal">
                        <VisualState.Setters>
                            <Setter
                                Property="IsSelected"
                                Value="False" />
                        </VisualState.Setters>
                    </VisualState>

                    <VisualState
                        x:Name="Focused">
                        <VisualState.Setters>
                            <Setter
                                Property="IsSelected"
                                Value="True" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
        </local:SelectableEntry>

1 Ответ

2 голосов
/ 18 февраля 2020

Я пытался с помощью Bindable Property проверить, будет ли свойство вызываться в VisualStateManager. Это прискорбно, его нельзя вызвать даже в методе propertyChanged. Я думаю, что связываемое свойство может не работать в VisualStateManager.

Пользовательский Entry Код выглядит следующим образом: 

public class SelectableEntry : Entry
{
    public static readonly BindableProperty IsSelectedProperty = BindableProperty.Create("IsSelected", typeof(bool), typeof(SelectableEntry), false ,propertyChanged:changedMethod);

    private static void changedMethod(BindableObject bindable, object oldValue, object newValue)
    {
        Console.WriteLine($"MDO: {oldValue}.IsSelected_set={newValue}");
    }

    public bool IsSelected
    {
        get { return (bool)GetValue(IsSelectedProperty); }
        set
        {
            Console.WriteLine($"MDO: {Text}.IsSelected_set={value}");
            var color = value ? Color.LightBlue : Color.LightPink;
            SetValue(IsSelectedProperty, value);
            SetValue(BackgroundColorProperty, color);
        }
    }
}

Решение :

Однако существует Присоединенные свойства , который можно использовать в Style.Setters. Тогда вы также можете попробовать его в VisualState.Setters. Это также будет работать.

Код класса присоединенного свойства следующим образом: 

public class SelectableEntryStyle
{
    public static readonly BindableProperty IsSelectedProperty =  BindableProperty.CreateAttached("IsSelected", typeof(bool), typeof(SelectableEntryStyle), false,propertyChanged:onChangedMethod);

    private static void onChangedMethod(BindableObject bindable, object oldValue, object newValue)
    {
        Console.WriteLine($"MDO:IsSelected_set={newValue}");
        var color = (bool)newValue ? Color.LightBlue : Color.LightPink;
        var entry = bindable as Entry;
        entry.SetValue(Entry.BackgroundColorProperty, color);
    }

    public static bool GetIsSelected(BindableObject view)
    {
        return (bool)view.GetValue(IsSelectedProperty);
    }

    public static void SetIsSelected(BindableObject view, bool value)
    {
        view.SetValue(IsSelectedProperty, value);
    }

}

Код Xaml следующим образом: 

<local:SelectableEntry FontSize="18" Placeholder="Bindable Property">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <Setter Property="IsSelected"
                            Value="False" />
                </VisualState.Setters>
            </VisualState>

            <VisualState x:Name="Disabled">
                <VisualState.Setters>
                    <Setter Property="IsSelected"
                            Value="True" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
</local:SelectableEntry>
<Entry Placeholder="Attached Property">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">

            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <Setter Property="local:SelectableEntryStyle.IsSelected"
                            Value="False" />
                </VisualState.Setters>
            </VisualState>

            <VisualState x:Name="Focused">
                <VisualState.Setters>
                    <Setter Property="local:SelectableEntryStyle.IsSelected"
                            Value="True" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
</Entry>

Затем консоль может распечатать журнал, когда Entry равен Normal или Focused.

02-18 14: 26: 27,360 I / моно-вывод (26014): MDO: IsSelected_set = True

02-18 14: 26: 28,675 I / моно-вывод (26014): MDO: IsSelected_set = False

эффекты:

enter image description here

...