blocks|key|1150044|text|Yo可以将Stack+panel的FlowDirection设置为RightToLeft，然后所有的项都会靠右对齐。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1150045|entityMap^0|5|B|H|D|X|B|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

<p>Yo can set <code>FlowDirection</code> of <code>Stack panel</code> to <code>RightToLeft</code>, and then all items will be aligned to the right side.</p>


blocks|key|1365140|text|如果您需要避免对大小值进行硬编码，可能不是您想要的，但有时我会使用"shim“(分隔符)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1365141|<Separator+Width="42"></Separator>|code-block|syntax|javascript|1365142|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Maybe not what you want if you need to avoid hard-coding size values, but sometimes I use a "shim" (Separator) for this:</p>

<pre><code>&lt;Separator Width="42"&gt;&lt;/Separator&gt;
</code></pre>


blocks|key|1150072|text|<Grid>
++++<Grid.ColumnDefinitions>
++++++++<ColumnDefinition+Width="*"/>
++++++++<ColumnDefinition+Width="*"/>
++++</Grid.ColumnDefinitions>
++++<TextBlock+Text="Left"++/>
++++<Button+Width="30"+Grid.Column="1"+>Right</Button>
</Grid>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1150073|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;Grid&gt;
    &lt;Grid.ColumnDefinitions&gt;
        &lt;ColumnDefinition Width="*"/&gt;
        &lt;ColumnDefinition Width="*"/&gt;
    &lt;/Grid.ColumnDefinitions&gt;
    &lt;TextBlock Text="Left"  /&gt;
    &lt;Button Width="30" Grid.Column="1" &gt;Right&lt;/Button&gt;
&lt;/Grid&gt;
</code></pre>


blocks|key|1150139|text|使用DockPanel不能让它完全按照我想要的方式工作，而且颠倒StackPanel的流向是很麻烦的。使用网格不是一个选择，因为其中的项目可能在运行时被隐藏，因此我不知道设计时的总列数。我能想到的最好、最简单的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1150140|<Grid>
++++<Grid.ColumnDefinitions>
++++++++<ColumnDefinition+Width="*"+/>
++++++++<ColumnDefinition+Width="Auto"+/>
++++</Grid.ColumnDefinitions>
++++<StackPanel+Grid.Column="1"+Orientation="Horizontal">
++++++++
++++</StackPanel>
</Grid>|code-block|syntax|javascript|1150141|这将导致StackPanel中的控件在设计和运行时都与可用空间的右侧对齐，而与控件的数量无关。耶！:)|1150142|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Could not get this working using a DockPanel quite the way I wanted and reversing the flow direction of a StackPanel is troublesome. Using a grid is not an option as items inside of it may be hidden at runtime and thus I do not know the total number of columns at design time. The best and simplest solution I could come up with is:</p>

<pre><code>&lt;Grid&gt;
    &lt;Grid.ColumnDefinitions&gt;
        &lt;ColumnDefinition Width="*" /&gt;
        &lt;ColumnDefinition Width="Auto" /&gt;
    &lt;/Grid.ColumnDefinitions&gt;
    &lt;StackPanel Grid.Column="1" Orientation="Horizontal"&gt;
        &lt;!-- Right aligned controls go here --&gt;
    &lt;/StackPanel&gt;
&lt;/Grid&gt;
</code></pre>

<p>This will result in controls inside of the StackPanel being aligned to the right side of the available space regardless of the number of controls - both at design and runtime. Yay! :)</p>


blocks|key|1365238|text|这对我来说非常有效。只要把按钮放在第一位，因为你从右边开始。如果FlowDirection成为一个问题，只需在它周围添加一个StackPanel，并为该部分指定FlowDirection="LeftToRight“。或者简单地为相关控件指定FlowDirection="LeftToRight“。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1365239|<StackPanel+Orientation="Horizontal"+HorizontalAlignment="Right"+FlowDirection="RightToLeft">
++++<Button+Width="40"+HorizontalAlignment="Right"+Margin="3">Right</Button>
++++<TextBlock+Margin="5">Left</TextBlock>
++++<StackPanel+FlowDirection="LeftToRight">
++++++++<my:DatePicker+Height="24"+Name="DatePicker1"+Width="113"+xmlns:my="http://schemas.microsoft.com/wpf/2008/toolkit"+/>++++
++++</StackPanel>
++++<my:DatePicker+FlowDirection="LeftToRight"+Height="24"+Name="DatePicker1"+Width="113"+xmlns:my="http://schemas.microsoft.com/wpf/2008/toolkit"+/>++++
</StackPanel>|code-block|syntax|javascript|1365240|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This works perfectly for me. Just put the button first since you're starting on the right. If FlowDirection becomes a problem just add a StackPanel around it and specify FlowDirection="LeftToRight" for that portion. Or simply specify FlowDirection="LeftToRight" for the relevant control.</p>

<pre><code>&lt;StackPanel Orientation="Horizontal" HorizontalAlignment="Right" FlowDirection="RightToLeft"&gt;
    &lt;Button Width="40" HorizontalAlignment="Right" Margin="3"&gt;Right&lt;/Button&gt;
    &lt;TextBlock Margin="5"&gt;Left&lt;/TextBlock&gt;
    &lt;StackPanel FlowDirection="LeftToRight"&gt;
        &lt;my:DatePicker Height="24" Name="DatePicker1" Width="113" xmlns:my="http://schemas.microsoft.com/wpf/2008/toolkit" /&gt;    
    &lt;/StackPanel&gt;
    &lt;my:DatePicker FlowDirection="LeftToRight" Height="24" Name="DatePicker1" Width="113" xmlns:my="http://schemas.microsoft.com/wpf/2008/toolkit" /&gt;    
&lt;/StackPanel&gt;
</code></pre>


blocks|key|1150185|text|如果您遇到类似我遇到的问题，即标签在垂直堆叠面板中居中，请确保使用全宽度控件。删除Width属性，或将按钮放入允许内部对齐的全宽容器中。WPF是关于使用容器来控制布局的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1150186|<StackPanel+Orientation="Vertical">
++++<TextBlock>Left</TextBlock>
++++<DockPanel>
++++++++<Button+HorizontalAlignment="Right">Right</Button>
++++</DockPanel>
</StackPanel>|code-block|syntax|javascript|1150187|Vertical+StackPanel+with+Left+Label+followed+by+Right+Button|offset|length|1150188|我希望这能帮到你。|1150189|entityMap|0|LINK|mutability|MUTABLE|url|https://i.stack.imgur.com/qFsh3.png^0|0|0|0|1O|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>If you are having a problem like the one I had where labels were centered in my vertical stack panel, make sure you use full width controls.  Delete the Width property, or put your button in a full-width container that allows internal alignment.  WPF is all about using containers to control the layout.</p>

<pre><code>&lt;StackPanel Orientation="Vertical"&gt;
    &lt;TextBlock&gt;Left&lt;/TextBlock&gt;
    &lt;DockPanel&gt;
        &lt;Button HorizontalAlignment="Right"&gt;Right&lt;/Button&gt;
    &lt;/DockPanel&gt;
&lt;/StackPanel&gt;
</code></pre>

<p><a href="https://i.stack.imgur.com/qFsh3.png" rel="nofollow noreferrer">Vertical StackPanel with Left Label followed by Right Button</a></p>

<p>I hope this helps.</p>


<p>I was wondering if I can have 2 controls in a horizontal-oriented StackPanel so that the right item should be docked to the right side of the StackPanel.</p>

<p>I tried the following but it didn't work:</p>

<pre><code>&lt;StackPanel Orientation="Horizontal"&gt;
    &lt;TextBlock&gt;Left&lt;/TextBlock&gt;
    &lt;Button Width="30" HorizontalAlignment="Right"&gt;Right&lt;Button&gt;
&lt;/StackPanel&gt;
</code></pre>

<p>In the snippet above I want the Button to be docked to the right side of the StackPanel.</p>

<p>Note: I need it to be done with StackPanel, not Grid etc.</p>


Align items in a stack panel?

容器

我想知道我是否可以在一个水平方向的StackPanel中有两个控件，以便正确的项应该停靠在StackPanel的右侧。我尝试了以下方法，但不起作用：<StackPanel Orientation="Horizontal">    <TextBlock>Left</TextBlock>    <Button Width=...

问是否在堆栈面板中对齐项目？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否在堆栈面板中对齐项目？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否在堆栈面板中对齐项目？
EN