Windows 应用程序的 Callisto 自定义对话框自定义样式

Question

有没有办法自定义 Callisto 自定义对话框的样式而不是背景？我想更改自定义对话框标题属性的字体大小和颜色。在不影响基本样式的情况下有什么建议吗？

参考：https://github.com/timheuer/callisto/wiki/CustomDialog

Answer 1

CustomDialog 的模板将其标题的前景计算为与背景形成对比的颜色，并将字体大小设置为 26.6667：

<StackPanel Margin="13,19,13,25" HorizontalAlignment="Center" Width="{TemplateBinding Width}" MaxWidth="680"> 
    <local:DynamicTextBlock Foreground="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Background, Converter={StaticResource ColorContrast}}" x:Name="PART_Title" Text="{TemplateBinding Title}" FontFamily="Segoe UI" FontSize="26.6667" FontWeight="Light" Margin="0,0,0,8" /> 
    <ContentPresenter Margin="0" x:Name="PART_Content" Foreground="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Background, Converter={StaticResource ColorContrast}}" /> 
</StackPanel>

如果你想改变这些，你需要重新模板对话框。您可以从 Callisto's generic.xaml 复制模板，然后替换 Foreground 和 FontSize 属性。您可能想使用 TemplateBinding，这样您就可以在调用它时在 CustomDialog 上设置它们：

<StackPanel Margin="9,5" HorizontalAlignment="Center" Width="{TemplateBinding Width}" MaxWidth="680">
    <callisto:DynamicTextBlock Foreground="{TemplateBinding Foreground}" x:Name="PART_Title" Text="{TemplateBinding Title}" FontFamily="Segoe UI" FontSize="{TemplateBinding FontSize}" FontWeight="Light" Margin="0,0,0,8" />
    <ContentPresenter Margin="0" x:Name="PART_Content" Foreground="{TemplateBinding Foreground}" />
</StackPanel>

然后将它们设置为您自己的资源：

<callisto:CustomDialog Background="{ThemeResource MyCustomDialogBackground}" Foreground="{ThemeResource MyCustomDialogForeground}" Title="Lorem ipsum" Template="{StaticResource CustomDialogControlTemplate1}"></callisto:CustomDialog>

Windows 应用程序的 Callisto 自定义对话框自定义样式

Callisto Custom Dialog Custom Styling for Windows App

xaml

windows-runtime

winrt-xaml

callisto

win-universal-app