全尺寸内容对话框uwp

Question

我想创建一个具有全宽和高度的内容对话框，但我在设置所有屏幕尺寸的宽度时遇到问题，并将按钮保留在底部

这是我的代码

<ContentDialog
x:Class="app.Content_Dialog.WhatsNew"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:app.Pages"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"

x:Name="dialog2" Height="Auto" Width="Auto"  FullSizeDesired = "True" MaxWidth="600">

<Grid Height="800" Width="Auto">

    <Grid VerticalAlignment="Stretch" Margin="-24,0,0,165" >
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <!-- Take as much as needed -->
            <RowDefinition Height="Auto" />
            <!-- Take exactly 20 DIP -->
            <RowDefinition Height="*" />
            <!-- Take all the rest -->
        </Grid.RowDefinitions>
        <Button x:Name="close" VerticalAlignment="Bottom" Content="close" Height="102" Width="374" HorizontalAlignment="Right"  Grid.Row="2"/>
    </Grid>

</Grid>

我尝试在MSPoweruser应用

上创建类似此内容对话框的内容

这是一张照片

Answer 1

您不应在内容Button中定义关闭 Grid，而应使用在CloseButton内构建的ContentDialog Button本身。

所以，只需删除Margin上的Grid和15063，然后

如果您只定位Windows 10内部版本CloseButtonText="Close"及其后续

将ContentDialog添加到您的15063;

如果您在SecondaryButtonText="Close"

之前定位任何内容

添加CloseButton代替。

如果您希望ContentDialog水平占用空间，则需要将自定义样式应用于Button，找到body { background-color: #303030; color: #ffffff; } .wrapper { width:100%; } .header { width:100px; padding:40px 0; } .logo { width:450px; font-size:48px; border: 1px solid white; margin-left: auto; margin-right: auto; }的容器并删除其列定义