blocks|key|1692489|text|<Grid>
++++<Grid.ColumnDefinitions>
++++++++<ColumnDefinition+Width="*"+MaxWidth="200"/>
++++</Grid.ColumnDefinitions>

++++<TextBox+Background="Azure"+Text="Hello"+/>
</Grid>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1692490|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="*" MaxWidth="200"/&gt;
 &lt;/Grid.ColumnDefinitions&gt;

 &lt;TextBox Background="Azure" Text="Hello" /&gt;
&lt;/Grid&gt;
</code></pre>

blocks|key|1477396|text|您可以将HorizontalAlignment设置为Left，设置MaxWidth，然后将Width绑定到父元素的ActualWidth：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1477397|<Page
++xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
++xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
++<StackPanel+Name="Container">+++
++++<TextBox+Background="Azure"+
++++Width="{Binding+ElementName=Container,Path=ActualWidth}"
++++Text="Hello"+HorizontalAlignment="Left"+MaxWidth="200"+/>
++</StackPanel>
</Page>|code-block|syntax|javascript|1477398|entityMap^0|4|J|X|8|19|5|1L|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|L|$]]

You can set <code>HorizontalAlignment</code> to Left, set your <code>MaxWidth</code> and then bind <code>Width</code> to the <code>ActualWidth</code> of the parent element:

<pre><code>&lt;Page
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&gt;
 &lt;StackPanel Name="Container"&gt; 
 &lt;TextBox Background="Azure" 
 Width="{Binding ElementName=Container,Path=ActualWidth}"
 Text="Hello" HorizontalAlignment="Left" MaxWidth="200" /&gt;
 &lt;/StackPanel&gt;
&lt;/Page&gt;
</code></pre>

blocks|key|1477447|text|给出的两个答案对我所说的问题都有效--谢谢！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1477448|然而，在我的实际应用程序中，我试图在ScrollViewer中约束一个面板，而Kent的方法由于某些原因没有很好地处理它，我没有费心去追踪。基本上，这些控件可能会扩展到超出MaxWidth设置的范围，从而违背了我的意图。|1477449|Nir的技术运行良好，ScrollViewer没有问题，但有一件小事需要注意。你需要确保TextBox的左边距和右边距都设置为0，否则它们会挡路。我还更改了绑定，使用ViewportWidth而不是ActualWidth，以避免出现垂直滚动条时出现的问题。|1477450|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Both answers given worked for the problem I stated -- Thanks!

In my real application though, I was trying to constrain a panel inside of a ScrollViewer and Kent's method didn't handle that very well for some reason I didn't bother to track down. Basically the controls could expand beyond the MaxWidth setting and defeated my intent.

Nir's technique worked well and didn't have the problem with the ScrollViewer, though there is one minor thing to watch out for. You want to be sure the right and left margins on the TextBox are set to 0 or they'll get in the way. I also changed the binding to use ViewportWidth instead of ActualWidth to avoid issues when the vertical scrollbar appeared.

blocks|key|1477488|text|你可以使用这个作为你的DataTemplate的宽度：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1477489|Width="{Binding+ActualWidth,RelativeSource={RelativeSource+FindAncestor,+AncestorType={x:Type+ScrollContentPresenter}}}"|code-block|syntax|javascript|1477490|确保您的DataTemplate根目录的Margin=为“0”(您可以使用一些面板作为根目录，并将页边距设置为该根目录的子目录)|1477491|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|$]]

You can use this for the Width of your DataTemplate:

<pre><code>Width="{Binding ActualWidth,RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ScrollContentPresenter}}}"
</code></pre>

Make sure your DataTemplate root has Margin="0" (you can use some panel as the root and set the Margin to the children of that root)

blocks|key|1692681|text|我会使用SharedSizeGroup|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1692682|<Grid>
++++<Grid.ColumnDefinition>
++++++++<ColumnDefinition+SharedSizeGroup="col1"></ColumnDefinition>++
++++++++<ColumnDefinition+SharedSizeGroup="col2"></ColumnDefinition>
++++</Grid.ColumnDefinition>
++++<TextBox+Background="Azure"+Text="Hello"+Grid.Column="1"+MaxWidth="200"+/>
</Grid>|code-block|syntax|javascript|1692683|entityMap^0|4|F|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I would use <code>SharedSizeGroup</code>

<pre class="lang-xml prettyprint-override"><code>&lt;Grid&gt;
 &lt;Grid.ColumnDefinition&gt;
 &lt;ColumnDefinition SharedSizeGroup="col1"&gt;&lt;/ColumnDefinition&gt; 
 &lt;ColumnDefinition SharedSizeGroup="col2"&gt;&lt;/ColumnDefinition&gt;
 &lt;/Grid.ColumnDefinition&gt;
 &lt;TextBox Background="Azure" Text="Hello" Grid.Column="1" MaxWidth="200" /&gt;
&lt;/Grid&gt;
</code></pre>

blocks|key|1692736|text|也许我仍然可以帮助遇到这个问题的人，因为这是一个非常古老的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1692737|我也需要这个，并写了一个行为来解决这个问题。下面是它的行为：|1692738|public+class+StretchMaxWidthBehavior+:+Behavior<FrameworkElement>
{++++++++
++++protected+override+void+OnAttached()
++++{
++++++++base.OnAttached();
++++++++((FrameworkElement)this.AssociatedObject.Parent).SizeChanged+%2B=+this.OnSizeChanged;
++++}

++++protected+override+void+OnDetaching()
++++{
++++++++base.OnDetaching();
++++++++((FrameworkElement)this.AssociatedObject.Parent).SizeChanged+-=+this.OnSizeChanged;
++++}

++++private+void+OnSizeChanged(object+sender,+SizeChangedEventArgs+e)
++++{
++++++++this.SetAlignments();
++++}

++++private+void+SetAlignments()
++++{
++++++++var+slot+=+LayoutInformation.GetLayoutSlot(this.AssociatedObject);
++++++++var+newWidth+=+slot.Width;
++++++++var+newHeight+=+slot.Height;

++++++++if+(!double.IsInfinity(this.AssociatedObject.MaxWidth))
++++++++{
++++++++++++if+(this.AssociatedObject.MaxWidth+<+newWidth)
++++++++++++{
++++++++++++++++this.AssociatedObject.HorizontalAlignment+=+HorizontalAlignment.Left;
++++++++++++++++this.AssociatedObject.Width+=+this.AssociatedObject.MaxWidth;
++++++++++++}
++++++++++++else
++++++++++++{
++++++++++++++++this.AssociatedObject.HorizontalAlignment+=+HorizontalAlignment.Stretch;
++++++++++++++++this.AssociatedObject.Width+=+double.NaN;
++++++++++++}
++++++++}

++++++++if+(!double.IsInfinity(this.AssociatedObject.MaxHeight))
++++++++{
++++++++++++if+(this.AssociatedObject.MaxHeight+<+newHeight)
++++++++++++{
++++++++++++++++this.AssociatedObject.VerticalAlignment+=+VerticalAlignment.Top;
++++++++++++++++this.AssociatedObject.Height+=+this.AssociatedObject.MaxHeight;
++++++++++++}
++++++++++++else
++++++++++++{
++++++++++++++++this.AssociatedObject.VerticalAlignment+=+VerticalAlignment.Stretch;
++++++++++++++++this.AssociatedObject.Height+=+double.NaN;
++++++++++++}
++++++++}
++++}
}|code-block|syntax|javascript|1692739|然后你可以像这样使用它：|1692740|<Grid>
++++<Grid.ColumnDefinitions>
++++++++<ColumnDefinition+Width="Auto"+/>
++++++++<ColumnDefinition+/>
++++</Grid.ColumnDefinitions>

++++<TextBlock+Grid.Column="0"+Text="Label"+/>
++++<TextBox+Grid.Column="1"+MaxWidth="600">
++++++++++<i:Interaction.Behaviors>+++++++++++++++++++++++
+++++++++++++++<cbh:StretchMaxWidthBehavior/>
++++++++++</i:Interaction.Behaviors>
++++</TextBox>
</Grid>|1692741|最后，忘记使用System.Windows.Interactivity命名空间来使用行为。|offset|length|style|CODE|1692742|entityMap^0|0|0|0|0|0|7|S|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@$O|10|P|11|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Maybe I can still help somebody out who bumps into this question, because this is a very old issue.
I needed this as well and wrote a behavior to take care of this. So here is the behavior:
<pre class="lang-cs prettyprint-override"><code>public class StretchMaxWidthBehavior : Behavior&lt;FrameworkElement&gt;
{ 
 protected override void OnAttached()
 {
 base.OnAttached();
 ((FrameworkElement)this.AssociatedObject.Parent).SizeChanged += this.OnSizeChanged;
 }

 protected override void OnDetaching()
 {
 base.OnDetaching();
 ((FrameworkElement)this.AssociatedObject.Parent).SizeChanged -= this.OnSizeChanged;
 }

 private void OnSizeChanged(object sender, SizeChangedEventArgs e)
 {
 this.SetAlignments();
 }

 private void SetAlignments()
 {
 var slot = LayoutInformation.GetLayoutSlot(this.AssociatedObject);
 var newWidth = slot.Width;
 var newHeight = slot.Height;

 if (!double.IsInfinity(this.AssociatedObject.MaxWidth))
 {
 if (this.AssociatedObject.MaxWidth &lt; newWidth)
 {
 this.AssociatedObject.HorizontalAlignment = HorizontalAlignment.Left;
 this.AssociatedObject.Width = this.AssociatedObject.MaxWidth;
 }
 else
 {
 this.AssociatedObject.HorizontalAlignment = HorizontalAlignment.Stretch;
 this.AssociatedObject.Width = double.NaN;
 }
 }

 if (!double.IsInfinity(this.AssociatedObject.MaxHeight))
 {
 if (this.AssociatedObject.MaxHeight &lt; newHeight)
 {
 this.AssociatedObject.VerticalAlignment = VerticalAlignment.Top;
 this.AssociatedObject.Height = this.AssociatedObject.MaxHeight;
 }
 else
 {
 this.AssociatedObject.VerticalAlignment = VerticalAlignment.Stretch;
 this.AssociatedObject.Height = double.NaN;
 }
 }
 }
}
</code></pre>
Then you can use it like so:
<pre><code>&lt;Grid&gt;
 &lt;Grid.ColumnDefinitions&gt;
 &lt;ColumnDefinition Width=&quot;Auto&quot; /&gt;
 &lt;ColumnDefinition /&gt;
 &lt;/Grid.ColumnDefinitions&gt;

 &lt;TextBlock Grid.Column=&quot;0&quot; Text=&quot;Label&quot; /&gt;
 &lt;TextBox Grid.Column=&quot;1&quot; MaxWidth=&quot;600&quot;&gt;
 &lt;i:Interaction.Behaviors&gt; 
 &lt;cbh:StretchMaxWidthBehavior/&gt;
 &lt;/i:Interaction.Behaviors&gt;
 &lt;/TextBox&gt;
&lt;/Grid&gt;
</code></pre>
And finally to forget to use the <code>System.Windows.Interactivity</code> namespace to use the behavior.

blocks|key|1477590|text|在功能上类似于接受的答案，但不需要指定父元素：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1477591|<TextBox
++++Width="{Binding+ActualWidth,+RelativeSource={RelativeSource+Mode=FindAncestor,+AncestorType={x:Type+FrameworkElement}}}"
++++MaxWidth="500"
++++HorizontalAlignment="Left"+/>|code-block|syntax|javascript|1477592|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|$]]

Functionally similar to the accepted answer, but doesn't require the parent element to be specified:

<pre><code>&lt;TextBox
 Width="{Binding ActualWidth, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type FrameworkElement}}}"
 MaxWidth="500"
 HorizontalAlignment="Left" /&gt;
</code></pre>

blocks|key|1477640|text|在我的例子中，我必须将textbox放到堆栈面板中，以便在左侧拉伸textbox。感谢之前的帖子。举个例子，我设置了一个背景颜色，看看当窗口大小改变时会发生什么。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1477641|<StackPanel+Name="JustContainer"+VerticalAlignment="Center"+HorizontalAlignment="Stretch"+Background="BlueViolet"+>
++++<TextBox+
+++++++Name="Input"+Text="Hello+World"+
+++++++MaxWidth="300"
+++++++HorizontalAlignment="Right"
+++++++Width="{Binding+ActualWidth,+RelativeSource={RelativeSource+Mode=FindAncestor,+AncestorType={x:Type+FrameworkElement}}}">
++++</TextBox>
</StackPanel>|code-block|syntax|javascript|1477642|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|$]]

In my case I had to put textbox into a stack panel in order to stretch textbox on left side. 
Thanks to previous post.
Just for an example I did set a background color to see what’s happens when window size is changing.

<pre><code>&lt;StackPanel Name="JustContainer" VerticalAlignment="Center" HorizontalAlignment="Stretch" Background="BlueViolet" &gt;
 &lt;TextBox 
 Name="Input" Text="Hello World" 
 MaxWidth="300"
 HorizontalAlignment="Right"
 Width="{Binding ActualWidth, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type FrameworkElement}}}"&gt;
 &lt;/TextBox&gt;
&lt;/StackPanel&gt;
</code></pre>

This seems like it should be easy but I'm stumped. In WPF, I'd like a TextBox that stretches to the width of it's parent, but only to a maximum width. The problem is that I want it to be left justified within its parent. To get it to stretch you have to use HorizontalAlignment="Stretch", but then the result is centered. I've experimented with HorizontalContentAlignment, but it doesn't seem to do anything.

How do I get this blue text box to grow with the size of the window, have a maximum width of 200 pixels, and be left justified?

<pre><code>&lt;Page
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&gt;
 &lt;StackPanel&gt; 
 &lt;TextBox Background="Azure" Text="Hello" HorizontalAlignment="Stretch" MaxWidth="200" /&gt;
 &lt;/StackPanel&gt;
&lt;/Page&gt;
</code></pre>

What's the trick?

HorizontalAlignment=Stretch, MaxWidth, and Left aligned at the same time?

Windows

这看起来应该很简单，但我被难住了。在WPF中，我希望TextBox能够延伸到它的父元素的宽度，但只能达到最大宽度。问题是我希望它在它的父级中保持左对齐。要让它拉伸，你必须使用HorizontalAlignment=" stretch "，但结果是居中的。我已经用HorizontalContentAlignment做过实...

问同时使用HorizontalAlignment=Stretch、MaxWidth和左对齐？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问同时使用HorizontalAlignment=Stretch、MaxWidth和左对齐？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问同时使用HorizontalAlignment=Stretch、MaxWidth和左对齐？
EN