ContentDialog Windows 10 Mobile XAML - FullScreen - Padding

Question

我在我的项目中使用了一个ContentDialog，用于在Windows 10上登录弹出窗口。 当我在移动设备上运行此项目时，ContentDialog未全屏显示，并且有一个最小填充element.On键盘是可见的（在例如关注要素文本框）存在键盘和内容对话框

之间保证金对全屏任何解决方案如何？我设置属性“FullSizeDesired”为true，mas的问题是一样的吗？

有人帮助消除这样的： - 填充 - 全屏

我的代码是：

<ContentDialog 
    x:Class="ExampleApp.SignInContentDialog" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:ExampleApp" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" 
    Title="SIGN IN"> 

    <Grid x:Name="GridMobile" VerticalAlignment="Center" HorizontalAlignment="Center"> 

      <Button x:Name="MakeOff" 
      Height="32" BorderThickness="1" 
      HorizontalAlignment="Center" 
      Foreground="Red" Background="Black" 
      Style="{StaticResource ButtonStyle}" 
      Margin="0"> 

      <HyperlinkButton x:Name="btnRegister" 
      Height="32" BorderThickness="1" 
      HorizontalAlignment="Center" 
      Foreground="Red" Background="Black" 
      Margin="0" 
      NavigateUri="www.google.pt" 
      Style="{StaticResource HyperLinkButtonStyleMobile}" 
      Content="Register"> 
       <HyperlinkButton.ContentTemplate> 
        <DataTemplate> 
        <TextBlock Text="{Binding}" /> 
        </DataTemplate> 
       </HyperlinkButton.ContentTemplate> 
      </HyperlinkButton> 
    </Grid> 

保证金/空间在页面的按钮则保留为“PrimaryButton”和“SecondaryButton “我认为 但我需要更多的按钮，这个边际/空间不适合我。我想删除这个。

谢谢。

Answer 1

，你看到两者之间的差距的原因是不是因为任何具体Padding值，但由于ContentDialog的默认样式，高度和宽度都设置为Auto这意味着你的内容将只提供其所需的大小至。

因此，要使内容伸展以适合其父项，您只需要覆盖默认样式，方法是应用local:SignInContentDialog的默认样式并将其放入App.xaml。

<Style TargetType="local:SignInContentDialog"> 
    <Setter Property="Foreground" Value="{ThemeResource SystemControlPageTextBaseHighBrush}" /> 
    <Setter Property="Background" Value="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}" /> 
    <Setter Property="HorizontalAlignment" Value="Center" /> 
    <Setter Property="VerticalAlignment" Value="Top" /> 
    <Setter Property="IsTabStop" Value="False" /> 
    <Setter Property="MaxHeight" Value="{ThemeResource ContentDialogMaxHeight}" /> 
    <Setter Property="MinHeight" Value="{ThemeResource ContentDialogMinHeight}" /> 
    <Setter Property="MaxWidth" Value="{ThemeResource ContentDialogMaxWidth}" /> 
    <Setter Property="MinWidth" Value="{ThemeResource ContentDialogMinWidth}" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="local:SignInContentDialog"> 
       <Border x:Name="Container"> 
        <Grid x:Name="LayoutRoot">              
         <Grid.RowDefinitions> 
          <RowDefinition Height="Auto" /> 
         </Grid.RowDefinitions> 

         <!-- COMMENT OUT THESE FOLLOWING LINES --> 

         <!--<Grid.ColumnDefinitions> 
          <ColumnDefinition Width="Auto" /> 
         </Grid.ColumnDefinitions>--> 
         <Border x:Name="BackgroundElement" Background="{TemplateBinding Background}" FlowDirection="{TemplateBinding FlowDirection}" MaxWidth="{TemplateBinding MaxWidth}" MaxHeight="{TemplateBinding MaxHeight}" MinWidth="{TemplateBinding MinWidth}" MinHeight="{TemplateBinding MinHeight}"> 
          <Grid x:Name="DialogSpace" VerticalAlignment="Stretch"> 
           <Grid.RowDefinitions> 
            <RowDefinition Height="Auto" /> 
            <RowDefinition Height="*" /> 
            <RowDefinition Height="Auto" /> 
           </Grid.RowDefinitions> 
           <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Disabled" ZoomMode="Disabled" Margin="{ThemeResource ContentDialogContentScrollViewerMargin}" IsTabStop="False"> 
            <Grid> 
             <Grid.RowDefinitions> 
              <RowDefinition Height="Auto" /> 
              <RowDefinition Height="Auto" /> 
             </Grid.RowDefinitions> 
             <ContentControl x:Name="Title" Margin="{ThemeResource ContentDialogTitleMargin}" Content="{TemplateBinding Title}" ContentTemplate="{TemplateBinding TitleTemplate}" FontSize="20" FontFamily="Segoe UI" FontWeight="Normal" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="Left" VerticalAlignment="Top" IsTabStop="False" MaxHeight="{ThemeResource ContentDialogTitleMaxHeight}"> 
              <ContentControl.Template> 
               <ControlTemplate TargetType="ContentControl"> 
                <ContentPresenter Content="{TemplateBinding Content}" MaxLines="2" TextWrapping="Wrap" ContentTemplate="{TemplateBinding ContentTemplate}" Margin="{TemplateBinding Padding}" ContentTransitions="{TemplateBinding ContentTransitions}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" /> 
               </ControlTemplate> 
              </ContentControl.Template> 
             </ContentControl> 
             <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" FontSize="{ThemeResource ControlContentThemeFontSize}" FontFamily="{ThemeResource ContentControlThemeFontFamily}" Margin="{ThemeResource ContentDialogContentMargin}" Foreground="{TemplateBinding Foreground}" Grid.Row="1" TextWrapping="Wrap" /> 
            </Grid> 
           </ScrollViewer> 
           <Grid x:Name="CommandSpace" Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom"> 
            <Grid.ColumnDefinitions> 
             <ColumnDefinition /> 
             <ColumnDefinition /> 
            </Grid.ColumnDefinitions> 
            <Border x:Name="Button1Host" Margin="{ThemeResource ContentDialogButton1HostMargin}" MinWidth="{ThemeResource ContentDialogButtonMinWidth}" MaxWidth="{ThemeResource ContentDialogButtonMaxWidth}" Height="{ThemeResource ContentDialogButtonHeight}" HorizontalAlignment="Stretch" /> 
            <Border x:Name="Button2Host" Margin="{ThemeResource ContentDialogButton2HostMargin}" MinWidth="{ThemeResource ContentDialogButtonMinWidth}" MaxWidth="{ThemeResource ContentDialogButtonMaxWidth}" Height="{ThemeResource ContentDialogButtonHeight}" Grid.Column="1" HorizontalAlignment="Stretch" /> 
           </Grid> 
          </Grid> 
         </Border> 
        </Grid> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>