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

时间:2015-04-14 20:24:30

标签: xaml windows-runtime winrt-xaml win-universal-app callisto

有没有办法自定义除背景之外的Callisto自定义对话框的样式?我想更改自定义对话框的title属性的字体大小和颜色。没有搞乱基本风格的任何建议吗?

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

1 个答案:

答案 0 :(得分:0)

CustomDialog的模板将其标题的前景计算为与背景形成鲜明对比的颜色,并将FontSize设置为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>