UWP框架中通过C#实现ContentDialog全屏宽度显示的问题

问题说明 #

开发UWP应用时，点击按钮动态弹出ContentDialog，其中包含加载自配置文件、带有2480px宽图片的Markdown文本。尝试设置ContentDialog的Width和MaxWidth为Window.Current.Bounds.Width，但对话框实际宽度仅为窗口的一半，即使设置超大数值也无效。

原因分析 #

UWP的ContentDialog默认受系统主题资源ContentDialogMaxWidth约束，默认最大宽度约640px，直接设置控件的Width或MaxWidth会被该系统资源覆盖，导致无法生效。此外，内部的MarkdownTextBlock可能存在宽度限制，无法完整展示大尺寸图片。

解决步骤 #

1. 解除ContentDialog的最大宽度限制 #

在代码中为ContentDialog设置MaxWidth为double.PositiveInfinity，打破系统默认的宽度约束，再按需设置实际宽度：

ContentDialog notifyDialog = new ContentDialog
{
    Content = sv,
    CloseButtonText = "Ok",
    MaxWidth = double.PositiveInfinity,
    Width = Window.Current.Bounds.Width * 0.9 // 建议设为窗口宽度的90%，保留边距提升美观度
};

2. 调整MarkdownTextBlock的宽度约束 #

确保MarkdownTextBlock不会限制自身宽度，让图片能完整显示：

MarkdownTextBlock markdownTextBlock = new MarkdownTextBlock();
markdownTextBlock.MaxWidth = double.PositiveInfinity;
markdownTextBlock.TextWrapping = TextWrapping.NoWrap; // 若需完整展示宽图，关闭自动换行

3. 优化ScrollViewer配置（可选） #

调整ScrollViewer属性，确保水平滚动正常触发：

ScrollViewer sv = new ScrollViewer();
sv.HorizontalScrollMode = ScrollMode.Enabled; // 改为Enabled确保水平滚动可用
sv.VerticalScrollMode = ScrollMode.Enabled;
sv.HorizontalScrollBarVisibility = ScrollBarVisibility.Auto;
sv.ZoomMode = ZoomMode.Enabled;
sv.Content = markdownTextBlock;

修改后的完整代码 #

private async void ImageHelp_Tapped(object sender, TappedRoutedEventArgs e)
{
    try
    {
        MarkdownTextBlock markdownTextBlock = new MarkdownTextBlock();
        // 根据点击的按钮加载对应Markdown文本
        markdownTextBlock.Text = ReadMarkDownTextFromConfig(sender); 
        markdownTextBlock.Background = new SolidColorBrush(Colors.Transparent);
        // 解除Markdown文本块的宽度限制
        markdownTextBlock.MaxWidth = double.PositiveInfinity;
        markdownTextBlock.TextWrapping = TextWrapping.NoWrap;

        ScrollViewer sv = new ScrollViewer();
        sv.HorizontalScrollMode = ScrollMode.Enabled;
        sv.VerticalScrollMode = ScrollMode.Enabled;
        sv.HorizontalScrollBarVisibility = ScrollBarVisibility.Auto;
        sv.ZoomMode = ZoomMode.Enabled;               
        sv.Content = markdownTextBlock;

        ContentDialog notifyDialog = new ContentDialog
        {
            Content = sv,
            CloseButtonText = "Ok",
            // 解除对话框的最大宽度约束
            MaxWidth = double.PositiveInfinity,
            // 设置对话框宽度为窗口宽度的90%
            Width = Window.Current.Bounds.Width * 0.9
        };

        await notifyDialog.ShowAsync();
    }
    catch (Exception ex) 
    { 
        MessageDialog msg = new MessageDialog(ex.Message, "Error"); 
        _ = msg.ShowAsync(); 
    }
}

内容的提问来源于stack exchange，提问作者Tajinder Singh