HorizontalAlignment = Stretch, MaxWidth und Links gleichzeitig ausgerichtet?

Question

Dies scheint wie es sollte einfach sein, aber ich bin ratlos. In WPF möchte ich eine TextBox, die sich auf die Breite des übergeordneten Elements erstreckt, aber nur auf eine maximale Breite. Das Problem ist, dass ich möchte, dass es innerhalb seines Elternteils gerechtfertigt ist. Um es zu dehnen, müssen Sie HorizontalAlignment = "Stretch" verwenden, aber dann wird das Ergebnis zentriert. Ich habe mit HorizontalContentAlignment experimentiert, aber es scheint nichts zu tun.

Wie bekomme ich diese blaue Textbox, um mit der Größe des Fensters zu wachsen, eine maximale Breite von 200 Pixeln zu haben und linksbündig zu sein?

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

Was ist der Trick?

Answer 1

Sie HorizontalAlignment nach links einstellen können, stellen Sie Ihren MaxWidth und binden Width dann an die ActualWidth des übergeordneten Elements:

<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> 

Answer 2

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" MaxWidth="200"/> 
    </Grid.ColumnDefinitions> 

    <TextBox Background="Azure" Text="Hello" /> 
</Grid> 

Answer 3

Beide Antworten für das Problem gegeben habe ich gesagt - Danke!

In meiner realen Anwendung versuchte ich jedoch, ein Panel in einem ScrollViewer zu beschränken, und Kent's Methode behandelte das nicht sehr gut, aus irgendeinem Grund, den ich nicht aufgespürt hatte. Grundsätzlich konnten die Steuerelemente über die MaxWidth-Einstellung hinaus erweitert und meine Absicht besiegt werden.

Nirs Technik funktionierte gut und hatte nicht das Problem mit dem ScrollViewer, obwohl es eine Kleinigkeit gibt, auf die man achten sollte. Sie möchten sicher sein, dass der rechte und linke Rand der TextBox auf 0 gesetzt sind oder sie in die Quere kommen. Ich änderte auch die Bindung, um ViewportWidth anstelle von ActualWidth zu verwenden, um Probleme zu vermeiden, wenn die vertikale Bildlaufleiste angezeigt wurde.

Answer 4

können Sie diese verwenden, um die Breite des Datatemplate:

Width="{Binding ActualWidth,RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ScrollContentPresenter}}}" 

Achten Sie darauf, Ihre Datatemplate Wurzel Margin = „0“ (Sie einige Panel als Wurzel verwenden können und stellen Sie die Margin für die Kinder dass root)

Answer 5

I SharedGroupSize

<Grid> 
    <Grid.ColumnDefinition> 
     <ColumnDefinition SharedGroupSize="col1"></ColumnDefinition> 
     <ColumnDefinition SharedGroupSize="col2"></ColumnDefinition> 
    </Grid.ColumnDefinition> 
    <TextBox Background="Azure" Text="Hello" Grid.Column="1" MaxWidth="200" /> 
</Grid>