Question

我正在使用通用应用程序（XAML和C＃组合），我已经创建了一个自定义控件，它应该像一种卡片视图。翻转卡片会显示其他内容。为此，我使用两个ContentPresenters和一些动画（视觉状态）在需要时旋转ContentPresenters，以便始终只有一个可见。

动画效果很好，但是，我有一个布局问题，其中ContentPresenter的DataTemplate内的TextBlock没有在控件的整个宽度上拉伸。尝试通过创建单独的ContentPresenter并添加完全相同的内容来重现此行为。我的风格一定是控制中的一些错误，但我不知道我做错了什么。

你可以看到我在下面使用的风格（为了澄清，我忽略了视觉状态，因为我不认为这是重点。）

<Style TargetType="controls:FlipCard">
    <Setter Property="Padding" Value="0" />
    <Setter Property="Margin" Value="0" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="controls:FlipCard">
                <Grid x:Name="Root" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                    <Grid x:Name="FrontContainer" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                        <Grid.Projection>
                            <PlaneProjection RotationX="0" RotationY="0" />
                        </Grid.Projection>
                        <ContentPresenter x:Name="Front" ContentTemplate="{TemplateBinding Front}" FontWeight="Light" />
                    </Grid>
                    <Grid x:Name="BackContainer" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                        <Grid.Projection>
                            <PlaneProjection RotationX="0" RotationY="0" />
                        </Grid.Projection>
                        <ContentPresenter x:Name="Back" ContentTemplate="{TemplateBinding Back}" />
                    </Grid>

                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup>
                            <!-- Rotate around X-axis -->
                            <VisualState x:Name="FlipForwardShowBack">
                                <Storyboard>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)" Storyboard.TargetName="FrontContainer">
                                        <SplineDoubleKeyFrame KeyTime="0" Value="0"/>
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="90"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.8" Value="90"/>
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)" Storyboard.TargetName="BackContainer">
                                        <SplineDoubleKeyFrame KeyTime="0" Value="-90"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="-90"/>
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="0"/>
                                    </DoubleAnimationUsingKeyFrames>

                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(TextBlock.FontFamily)" Storyboard.TargetName="Front">
                                        <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                            <DiscreteObjectKeyFrame.Value>
                                                <FontFamily>Global User Interface</FontFamily>
                                            </DiscreteObjectKeyFrame.Value>
                                        </DiscreteObjectKeyFrame>
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="FlipForwardShowFront">
                                ...
                            </VisualState>

                            ...
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

如果有人能帮助我，我会非常感激！谢谢！ :) PS：如果您想查看问题，可以在此处下载示例项目：http://1drv.ms/1BdRPQ0

Answer 1

我不知道它背后的逻辑，但我没有看到覆盖MeasureOverride的理由。

只需注释掉整个protected override Size MeasureOverride(Size availableSize)即可。

ContentPresenter没有正确布局

1 个答案: