如何在XAML中使用Phone的全角？

Bayern 发表于 Dev

拜仁

我在中有3个控件，Grid.Row但是如何使它们使用页面的整个宽度？

这是我的xaml：

 <Grid>
      <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="140" />
            <ColumnDefinition Width="*" />
      </Grid.ColumnDefinitions>

      <Image Grid.Column="0"
            Grid.Row="1"
            Source="/Assets/image1.png"
            Height="25"
            Width="25" />

      <TextBox Grid.Column="1"
               Margin="10,0,0,0"
               Text="{Binding InputText, Mode=TwoWay}"
               BorderBrush="Black"
               BorderThickness="2"
               VerticalAlignment="Center">
      </TextBox>

      <Button Grid.Column="2"
              BorderThickness="2"
              HorizontalAlignment="Right"
              Command="{Binding AddTextCommand}"
              Margin="10,0,0,0">
       <TextBlock x:Uid="ButtonText" />
       </Button>
 </Grid>

现在是结果：

如您所见，它是左对齐的，我该如何使用它的整个宽度？

巴特

你的代码只显示了3点控制（Image，TextBox，Button），而您的截图给出了4所控制。我想上面的全角控件丢失了，但这没问题。

如果我们分解您的XAML，您将：

第一列宽度自动，充满图像。
第二列宽度140，用TextBox填充
第三列宽度*（或其余空格），用Button填充

在您放置的按钮上HorizontalAlignment="Right"（默认为“左”），您在其中说：仅使用必要的空间并将控件放在右侧。如果要使用可用的完整宽度，则必须使用HorizontalAlignment="Stretch"。

 <Grid>
      <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="140" />
            <ColumnDefinition Width="*" />
      </Grid.ColumnDefinitions>

      <Image Grid.Column="0"
            Source="/Assets/image1.png"
            Height="25"
            Width="25" />

      <TextBox Grid.Column="1"
               Margin="10,0,0,0"
               Text="{Binding InputText, Mode=TwoWay}"
               BorderBrush="Black"
               BorderThickness="2"
               VerticalAlignment="Center">
      </TextBox>

      <Button Grid.Column="2" x:Uid="ButtonText"
              BorderThickness="2"
              HorizontalAlignment="Stretch"
              Command="{Binding AddTextCommand}"
              Margin="10,0,0,0" />
 </Grid>