Layout 在windows phone 8.1中将列宽设置为可用宽度的50%

第一次开发/学习WP8.1

这个问题是关于布局的

我有两个按钮

我希望他们在我的屏幕底部

我希望每个按钮占据屏幕可用宽度的50%

与此类似：

到目前为止，我有：

这是我的标记：

<Page
    x:Class="Informed.BasicPage1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Informed"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    >

    <Grid x:Name="LayoutRoot">

        <Grid.ChildrenTransitions>
            <TransitionCollection>
                <EntranceThemeTransition/>
            </TransitionCollection>
        </Grid.ChildrenTransitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="45"/>
        </Grid.RowDefinitions>

        <!-- Title Panel -->
        <StackPanel Grid.Row="0" Margin="19,0,0,0" Grid.ColumnSpan="2">
            <Image Name="imgHeader" Grid.Row="0" Source="Images/bannershort.jpg" Stretch="UniformToFill"/>
            <TextBlock Text="Log In" Margin="0,-6.5,0,26.5" Style="{ThemeResource HeaderTextBlockStyle}" CharacterSpacing="{ThemeResource PivotHeaderItemCharacterSpacing}"/>
        </StackPanel>
        <StackPanel  Grid.Row="1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Grid.ColumnSpan="2">
            <TextBox Name="email" Header="Email address"/>
            <PasswordBox  Name="password" Header="Password"/>
            <CheckBox Name="showPassword" Content="Show password"/>

            <!-- Content body -->
            <TextBlock Name="body" Style="{StaticResource MessageDialogContentStyle}" TextWrapping="Wrap">
                <TextBlock.Text>
                    Enter Email Address and Password created.
                </TextBlock.Text>
            </TextBlock>
        </StackPanel>
        <StackPanel Grid.Row="2" Grid.Column="0" Margin="0,0,0,0" Grid.ColumnSpan="1">
            <Button Content="hello"  Grid.Column="0" FontFamily="Global User Interface" />
        </StackPanel>
        <StackPanel Grid.Row="2" Grid.Column="1"  Grid.ColumnSpan="1">
        <Button  Content="hello2" Grid.Column="1" FontFamily="Global User Interface" />
        </StackPanel>
    </Grid>
</Page>

输入创建的电子邮件地址和密码。

移除不需要的堆叠面板。当您想要一些东西占用可用空间时，请使用

HorizontalAlignment=Stretch

：

您还需要使列的宽度相等：

您还可以考虑添加

Margin=“20,0,10,0”

（第一）和

Margin=“10,0,20,0”

（第二）

将一个控件放在面板内是没有意义的（除了一些罕见的情况）。您还可以修改代码并将这些按钮放在网格中，这样就无需使用两列创建整个主网格：

移除不需要的堆叠面板。当您想要一些东西占用可用空间时，请使用

HorizontalAlignment=Stretch

：

您还需要使列的宽度相等：

您还可以考虑添加

Margin=“20,0,10,0”

（第一）和

Margin=“10,0,20,0”

（第二）

将一个控件放在面板内是没有意义的（除了一些罕见的情况）。您还可以修改代码并将这些按钮放在网格中，这样就无需使用两列创建整个主网格：

非常感谢您的课程。非常感谢你的课。真的很感激