blocks|key|927184|text|我在StackPanel上也遇到过同样的问题，而且它的行为是“设计出来的”。StackPanel旨在“堆叠”甚至在可见区域之外的东西，因此它不允许您填充堆叠维度中的剩余空间。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|927185|可以使用LastChildFill设置为true的DockPanel，并将所有非填充控件停靠到Left以模拟所需的效果。|927186|<DockPanel+Background="Orange"+LastChildFill="True">
++++<TextBlock+Text="a+label"+Margin="5"+
++++++++DockPanel.Dock="Left"+VerticalAlignment="Center"/>
++++<TextBox+Height="25"+Width="Auto"/>
</DockPanel+>|code-block|syntax|javascript|927187|entityMap^0|2|A|12|A|0|4|D|K|4|P|9|1B|4|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|N|$]]

I've had the same problem with <code>StackPanel</code>, and the behavior is "by design". <code>StackPanel</code> is meant for "stacking" things even outside the visible region, so it won't allow you to fill remaining space in the stacking dimension.

You can use a <code>DockPanel</code> with <code>LastChildFill</code> set to <code>true</code> and dock all the non-filling controls to the <code>Left</code> to simulate the effect you want.

<pre><code>&lt;DockPanel Background="Orange" LastChildFill="True"&gt;
 &lt;TextBlock Text="a label" Margin="5" 
 DockPanel.Dock="Left" VerticalAlignment="Center"/&gt;
 &lt;TextBox Height="25" Width="Auto"/&gt;
&lt;/DockPanel &gt;
</code></pre>

blocks|key|927258|text|我建议使用Grid来代替：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|927259|<Window+x:Class="WpfApplication1.MainWindow"
++++++++xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
++++++++xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
++++++++Height="180"+Width="324">

++++<Grid+Background="Orange">
++++++++<Grid.ColumnDefinitions>
++++++++++++<ColumnDefinition+Width="Auto"/>
++++++++++++<ColumnDefinition+Width="*"/>
++++++++</Grid.ColumnDefinitions>

++++++++<TextBlock+Grid.Column="0"+Text="a+label"+
+++++++++++VerticalAlignment="Center"/>
++++++++<TextBox++Grid.Column="1"/>
++++</Grid>
</Window>|code-block|syntax|javascript|927260|解决此问题的另一种方法是将标签堆叠在顶部而不是右侧。我注意到UWP有一个内置的header属性，您可以使用它，但不确定WPF的header属性是否存在。|927261|<TextBox+Header="MyLabel"+/>|927262|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I would recommend using a Grid instead:

<pre><code>&lt;Window x:Class="WpfApplication1.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 Height="180" Width="324"&gt;

 &lt;Grid Background="Orange"&gt;
 &lt;Grid.ColumnDefinitions&gt;
 &lt;ColumnDefinition Width="Auto"/&gt;
 &lt;ColumnDefinition Width="*"/&gt;
 &lt;/Grid.ColumnDefinitions&gt;

 &lt;TextBlock Grid.Column="0" Text="a label" 
 VerticalAlignment="Center"/&gt;
 &lt;TextBox Grid.Column="1"/&gt;
 &lt;/Grid&gt;
&lt;/Window&gt;
</code></pre>

The other way to get around this problem is to stack the label on top instead of to the right. I noticed that UWP has a built in header property you can use for that, not sure if the header property exists for WPF.

<pre><code>&lt;TextBox Header="MyLabel" /&gt;
</code></pre>

blocks|key|1141846|text|我可以使用以下内容用文本框填充StackPanel：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1141847|<StackPanel+Margin="5,5,5,5">
++++<Label+Content+=+"lblExample"+Width+=+"70"+Padding="0"+HorizontalAlignment="Left"/>
++++<TextBox+Name+=+"txtExample"+Text+=+"Example+Text"+HorizontalContentAlignment="Stretch"/>
</StackPanel>|code-block|syntax|javascript|1141848|Textbox+Horizontally+Filling+Stackpanel|offset|length|1141849|entityMap|0|LINK|mutability|MUTABLE|url|https://i.stack.imgur.com/zzzoH.png^0|0|0|0|13|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I am able to fill a StackPanel with a textbox using the following:

<pre><code>&lt;StackPanel Margin="5,5,5,5"&gt;
 &lt;Label Content = "lblExample" Width = "70" Padding="0" HorizontalAlignment="Left"/&gt;
 &lt;TextBox Name = "txtExample" Text = "Example Text" HorizontalContentAlignment="Stretch"/&gt;
&lt;/StackPanel&gt;
</code></pre>

<a href="https://i.stack.imgur.com/zzzoH.png" rel="nofollow noreferrer">Textbox Horizontally Filling Stackpanel</a>

blocks|key|1141895|text|按实际主题列出的旧问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1141896|HorizontalAlignment="Stretch"|code-block|syntax|javascript|1141897|是必备的东西。只需确保删除width即可。|offset|length|style|CODE|1141898|entityMap^0|0|0|D|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Old question by actual topic:

<pre><code>HorizontalAlignment="Stretch"
</code></pre>

is the required thing. Juste be sure that you remove the <code>width</code>.

blocks|key|1141941|text|此外，最终要处理样式，我花了一段时间才弄清楚，我的全局TextBox样式定义了一个高度，这样TextBox就不会拉伸。将Height=设置为“自动”后，TextBox会伸展。"Live+Property+Explorer“是你的朋友。:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1141942|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Also, eventually take care of styles, it took me a while to figure out that my global TextBox style defined a height so the TextBox didn't stretch. After setting Height=&quot;Auto&quot; the TextBox stretched. &quot;Live Property Explorer&quot; is your friend. :)

I have a <code>TextBox</code> control within a <code>StackPanel</code> whose <code>Orientation</code> is set to <code>Horizontal</code>, but can't get the TextBox to fill the remaining StackPanel space.

XAML:

<pre><code>&lt;Window x:Class="WpfApplication1.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 Height="180" Width="324"&gt;

 &lt;StackPanel Background="Orange" Orientation="Horizontal" &gt;
 &lt;TextBlock Text="a label" Margin="5" VerticalAlignment="Center"/&gt;
 &lt;TextBox Height="25" HorizontalAlignment="Stretch" Width="Auto"/&gt;
 &lt;/StackPanel&gt;
&lt;/Window&gt;
</code></pre>

And this is what it looks like:

<img src="https://i.stack.imgur.com/kSeqt.png" alt="alt text">

Why is that TextBox not filling the StackPanel?

I know I can have more control by using a <code>Grid</code> control, I'm just confused about the layout.

WPF TextBox won't fill in StackPanel

我在StackPanel中有一个TextBox控件，它的Orientation设置为Horizontal，但无法让TextBox填充剩余的StackPanel空间。XAML：<Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas...

问WPF TextBox不会填写StackPanel
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WPF TextBox不会填写StackPanelEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WPF TextBox不会填写StackPanel
EN