堆栈面板布局答案

【问题标题】：Stackpanel Layout堆栈面板布局
【发布时间】：2013-11-30 10:08:12
【问题描述】：

我有带有 StackPanel 内容的按钮：

<Button Width="180" Height="55">
   <StackPanel Orientation="Vertical">
      <TextBlock Text="{Binding Item.Quantity}"/>
      <TextBlock Text="{Binding Item.ItemName}"/>
      <TextBlock Text="{Binding Item.ItemSpecification/>
   </StackPanel>
</Button>

我想要做的是这样放置 3 TextBlock：

http://alrakiza.ly/demo/stackpanel.jpg

我曾尝试填充 TextBlock，但在填充一个 Textblock 时，所有文本块都在填充，margin 也是如此。

你能帮我做吗？

【问题讨论】：

标签： c# wpf stackpanel

【解决方案1】：

HorizontalAlignment 解决您的问题。但是父控件必须设置width

<Button Height="55">
            <StackPanel Orientation="Vertical" Width="180">
                <TextBlock Text="{Binding Item.Quantity}" HorizontalAlignment="Left"/>
                <TextBlock Text="{Binding Item.ItemName}" HorizontalAlignment="Center"/>
                <TextBlock Text="{Binding Item.ItemSpecification}" HorizontalAlignment="Center"/>
            </StackPanel>
    </Button>

【讨论】：

Thaaaaaaank 你 EBATTULGA :)

【解决方案2】：

尝试在第一个 textBlock 上指定 negative left margin -

<Button Width="180" Height="55">
   <StackPanel Orientation="Vertical">
       <TextBlock Text="Item1" Margin="-70,0,0,0"/>
       <TextBlock Text="Item2"/>
       <TextBlock Text="Item3"/>
   </StackPanel>
</Button>

输出 -

【讨论】：