Question

我正在尝试创建一个自定义组合框，在其上设置bool属性时显示加载动画（例如IsLoading）。

我在Blend中基于组合框创建了一个控件模板，并在togglebutton模板中添加了一个文本块。在后面的代码我调用VisualStateManager.GoToState但它总是返回false。我最初尝试移动到自定义状态，但我甚至无法移动到Disabled或MouseOver等状态。

我有一个只包含组合框的usercontrol，并且样式设置为包含控件模板的组合框样式。我认为GoToState失败是因为状态不在控件本身上，而是在组合框内。我该如何访问？

由于没有错误，我不知道如何调试它。

感谢

Answer 1

我有类似的问题！我在ControlTemplate的网格中定义了Visual States。

        <Style x:Key="Image3TextRowButtonStyle" TargetType="Button">
        <Setter Property="Foreground" Value="{StaticResource ForegroundBrush}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid x:Name="RootGrid" Background="{StaticResource BackgroundBrush}">
                        ...
                        <VisualStateManager.VisualStateGroups>
                            ...
                            <VisualStateGroup x:Name="ActiveStates">
                                <VisualState x:Name="Active">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background)" Storyboard.TargetName="RootGrid">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource BackgroundActiveBrush}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="NotActive" />
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

用户控制：

<UserControl x:Class="Griesser.Presentation.ContactCenterClient.Client.Control.Image3TextRowButtonUC"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         x:Name="Image3TextRowButton">

<Grid>
    <Button x:Name="btn" Command="{Binding Command, ElementName=Image3TextRowButton}" Style="{StaticResource Image3TextRowButtonStyle}" />
</Grid>

在后面的代码中，我首先查找RootGrid，然后使用GoToElementState：

        private void ChangeVisualActiveState(bool useTransitions)
    {
        // Search RootGrid, because the Visual States are defined in the ControlTemplate!
        FrameworkElement dt = btn.Template.FindName("RootGrid", btn) as FrameworkElement;

        if (IsActive)
        {
            VisualStateManager.GoToElementState(dt, "Active", useTransitions);
        }
        else
        {
            VisualStateManager.GoToElementState(dt, "NotActive", useTransitions);
        }
    }

GoToState没有基于组合框的controltemplated usercontrol工作

1 个答案: