更改 windows phone 通用应用程序中内容对话框按钮的样式

Question

我在 xaml:

中定义了这个内容对话框

    <ContentDialog x:Name="AlertMessage" Background="#363636" IsSecondaryButtonEnabled="True" SecondaryButtonText="Cancel"  IsPrimaryButtonEnabled="True" PrimaryButtonText="Ok" >
        <ContentDialog.Content>
            <StackPanel Name="rootStackPanel" Height="Auto"  >
                <StackPanel Margin="0">
                    <StackPanel Margin="0,0,0,10" Orientation="Horizontal">
                        <TextBlock x:Name="HeadingText" x:FieldModifier="public" Style="{StaticResource ApplicationMessageBoxHeadingStyle}" Text="Alert"  />
                        <Image Margin="10,05,0,0" Source="/Assets/Images/alert.png" Width="35"></Image>
                    </StackPanel>
                    <TextBlock x:FieldModifier="public" x:Name="ContentText" Style="{StaticResource ApplicationMessageBoxErrorStyle}" Text="Are you sure you want to log off ?" />
                </StackPanel>
            </StackPanel>
        </ContentDialog.Content>
    </ContentDialog>

我这样称呼它：

private void AppBarButton_Click(object sender, RoutedEventArgs e)
    {
        MessageBox();
    }
    private async void MessageBox()
    {
        ContentDialogResult LogoutDialog = await AlertMessage.ShowAsync();

        if (LogoutDialog == ContentDialogResult.Primary)
        {
            this.Frame.Navigate(typeof(MainPage));
        }
        else
        {
            // User pressed Cancel or the back arrow.
            // Terms of use were not accepted.
        }

    }

问题： 是我的应用程序中的所有按钮都有一个样式。我也想对该对话框的主要和次要按钮应用相同的样式。而且我无法弄清楚如何实现这一目标。是否可以将样式应用于这些按钮？

Answer 1

ContentDialog 按钮不可自定义，但您可以不设置 ContentDialog 的主要和次要按钮，并在模板中添加您自己的按钮。

Answer 2

您可以间接自定义按钮。 ContentDialog 的按钮使用目标类型 "Button" 的 "default" 样式。您可以覆盖 SDK 的 ContentDialog Style，并在 Template 的 Setter 中添加不同的 Button Style。此按钮样式仅在 ContentDialog 控件的范围内有效。

在此示例中，新按钮样式需要放在第一个边框元素中 (x:Name="Container")

<Border.Resources>
  <Style TargetType="Button" BasedOn="{StaticResource YourNormalButtonStyle}">
    <Setter Property="BorderBrush" Value="Red"/>
    <Setter Property="Foreground" Value="Red"/>
  </Style>
</Border.Resources>

Answer 3

如果您想更改 ContenDialog.Resources 中需要的 ContendDialog PrimaryButtonSettings，只需设置您针对按钮的样式和带有属性="" 和值的 Setter ="" 下面是一个应该修复的例子。

Converter={StaticResource StringEmptyToBoolConverter}}"
<ContentDialog.Resources>
    <converters:StringEmptyToBoolConverter x:Key="StringEmptyToBoolConverter"/>
    <Style TargetType="Button">
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="13.6"/>
        <Setter Property="Width" Value="Auto"/>
    </Style>
</ContentDialog.Resources>
<WebView Height="400" Width="500" DefaultBackgroundColor="Transparent" Source="{Binding State.GuideUri}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="RulesWebView"/>

Answer 4

我使用此代码更改了我的 UWP 应用程序上的按钮颜色。

 var cd = new ContentDialog();
 cd.Content = "Remove file ?";
 cd.Title = "Remove file";
 cd.PrimaryButtonText = "OK";
 cd.SecondaryButtonText = "Cancel";
 var bst = new Windows.UI.Xaml.Style(typeof(Button));
 bst.Setters.Add(new Setter(Button.BackgroundProperty, Colors.Red));
 bst.Setters.Add(new Setter(Button.ForegroundProperty, Colors.White));
 cd.PrimaryButtonStyle = bst;
 var ress = await cd.ShowAsync();

更改 windows phone 通用应用程序中内容对话框按钮的样式

Change the style of content dialog button in windows phone universal application

c#

xaml

styles

windows-phone-8.1

win-universal-app