WPF 对齐问题答案

【问题标题】：WPF Alignment problemsWPF 对齐问题
【发布时间】：2011-05-06 06:59:27
【问题描述】：

我有这个窗口：

我的问题是当数字大于2位时，它会将红色矩形推到正确的。我希望它表现得像这样：

矩形不能被推到右边。

这是我的 XAML：

    <StackPanel>
    <Border BorderThickness="1" BorderBrush="Beige">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="30" />
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="auto" />
            </Grid.ColumnDefinitions>

            <StackPanel Orientation="Horizontal" Grid.Column="1">
                <TextBlock Text="1" VerticalAlignment="Top" />
                <Rectangle Width="20" Height="20" Fill="Red" VerticalAlignment="Top" />
            </StackPanel>
        </Grid>
    </Border>
    <Border BorderThickness="1" BorderBrush="Beige">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="30" />
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="auto" />
            </Grid.ColumnDefinitions>

            <StackPanel Orientation="Horizontal" Grid.Column="1" >
                <TextBlock Text="1123" VerticalAlignment="Top" />
                <Rectangle Width="20" Height="20" Fill="Red" VerticalAlignment="Top" />
            </StackPanel>
        </Grid>
    </Border>
</StackPanel>

【问题讨论】：

标签： wpf alignment

【解决方案1】：

<StackPanel>
    <Border BorderThickness="1" BorderBrush="Beige">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="30" />
                <ColumnDefinition Width="auto" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <TextBlock Text="1" VerticalAlignment="Top" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Right"/>
            <Rectangle Width="20" Height="20" Fill="Red" Grid.Column="1" Grid.Row="0"/>
            <TextBlock Text="1123" VerticalAlignment="Top" Grid.Column="0" Grid.Row="1" HorizontalAlignment="Right"/>
            <Rectangle Width="20" Height="20" Fill="Red" Grid.Column="1" Grid.Row="1"/>
        </Grid>
    </Border>
</StackPanel>

【讨论】：