如何将WPF中的Expander样式转换为Silverlight

Question

我有以下WPF的xaml样式，我想将其移植到Silverlight。 我在ControlTemplate触发器上遇到了麻烦，因为它在Silverlight中不存在。 我尝试使用Interaction.Triggers，但它不起作用。 我该如何将ControlTemplate触发器转换为Silverlight中类似的东西？

<Style x:Key="ImageExpander" TargetType="Expander">
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="Expander">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Name="ContentRow" Height="0"/>
                </Grid.RowDefinitions>
                <Border Name="Border" Grid.Row="0">
                    <Border.Background>
                        <ImageBrush ImageSource="image.png" Stretch="Fill" />
                    </Border.Background>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="20" />
                        </Grid.ColumnDefinitions>
                        <ContentPresenter Grid.Column="0" Margin="4" ContentSource="Header" RecognizesAccessKey="True"></ContentPresenter>
                        <ToggleButton Grid.Column="1" IsChecked="{Binding Path=IsExpanded,Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" OverridesDefaultStyle="True" Template="{StaticResource ImageExpanderToggleButton}"/>
                    </Grid>
                </Border>
                <Border Name="Content" Grid.Row="1">
                    <ContentPresenter Margin="0" />
                </Border>
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsExpanded" Value="True">
                    <Setter TargetName="ContentRow" Property="Height" Value="{Binding ElementName=Content,Path=DesiredHeight}" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>

谢谢您提前的支持。

感谢您的帮助。

- rfigueras

---

这是你自己的Expander还是工具包中的一个？ - AnthonyWJones

Silverlight中的扩展器来自于System.Windows.Controls.Toolkit，而上面的代码是WPF。 - rfigueras

Answer 1

通常情况下，WPF 中的属性触发器概念通常被 Silverlight 中的可视状态所取代。在 Expander.IsExpanded 属性的情况下，这对应于已展开的可视状态。

因此，在您的模板中，您需要类似以下的内容：

<Grid>
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="ExpansionStates">
            <VisualState x:Name="Collapsed"/>
            <VisualState x:Name="Expanded">
                <Storyboard>
                    ... (some animation)
                </Storyboard>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    ...
 </Grid>

- dcstraw