WP7 - 除了单击时的前景色外，还设置按钮背景和边框画笔

Question

这里有几个问题涉及单击时设置按钮背景颜色。 这些问题使用此作为解决方案：

<phone:PhoneApplicationPage ...>
    <phone:PhoneApplicationPage.Resources>
        <Style x:Key="ButtonStyle1" TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ColorAnimation Duration="0" To="Cyan" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}" Background="Black">
                                <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </phone:PhoneApplicationPage.Resources>

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Button Content="Button" Style="{StaticResource ButtonStyle1}"/>
    </Grid>
</phone:PhoneApplicationPage>

我希望使用此模板来设置 BorderBrush 和 Foreground 颜色，但我调整此 XAML 的结果却很糟糕影响。

[注意：行为是，当我在代码隐藏中设置颜色时，它们在我的应用程序运行时不会生效，因为颜色被样式覆盖。]

Answer 1

检查这个讨论：
从故事板设置背景属性

按钮样式和模板

Answer 2

如果您手动调整 XAML - 那么您就错了。

不要对抗 XAML 的禅宗，顺其自然。将 Expression Blend 融入到所有 GUI 设计的开发工作流程中，或者为手动 XAML 编辑的无尽恐惧做好准备。

特别是对于 VisualStateManagerm，手动编辑 XAML 完全没有意义，因为它是由 Silverlight 团队设计的，因此可以从 Expression Blend 中最佳地使用它。

我强烈建议您花 30 分钟观看这 4 个“我该怎么办？” Steve White 的 VSM 视频 @ http://expression.microsoft.com/en-us/cc643423 .aspx

这 4 个视频在 VSM 工作的早期帮助了我很多，帮助我了解如何使用 VSM 以及如何最好地将我的 UI 逻辑表达为视觉状态。

时更改背景颜色非常简单：

1. 在 Expression Blend 中，单击 在 Expression Blend 中放置一个新按钮。
2. 右键单击并选择“编辑模板 --> 编辑副本”。
3. 从“状态”窗格中选择“按下”VSM 状态。
4. 更改“ButtonBackground”的背景颜色。