HorizontalAlignment = Stretch, MaxWidth và Căn trái cùng một lúc?

Question

Điều này có vẻ như nó phải được dễ dàng nhưng tôi stumped. Trong WPF, tôi muốn một TextBox trải dài tới chiều rộng của nó, nhưng chỉ với chiều rộng tối đa. Vấn đề là tôi muốn nó được căn trái trong phụ huynh của nó. Để làm cho nó căng ra, bạn phải sử dụng HorizontalAlignment = "Stretch", nhưng sau đó kết quả là trung tâm. Tôi đã thử nghiệm với HorizontalContentAlignment, nhưng nó dường như không làm gì cả.

Làm cách nào để nhận được hộp văn bản màu xanh này phát triển với kích thước của cửa sổ, có chiều rộng tối đa là 200 pixel và được căn trái?

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

Bí quyết là gì?

Answer 1

Bạn có thể đặt HorizontalAlignment để Left, thiết MaxWidth bạn và sau đó ràng buộc Width đến ActualWidth của phần tử cha mẹ:

<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

Cả hai câu trả lời cho từng làm việc cho các vấn đề tôi đã nói - Cảm ơn!

Trong ứng dụng thực sự của tôi, tôi đã cố gắng để hạn chế một bảng điều khiển bên trong của một ScrollViewer và phương pháp của Kent đã không xử lý rất tốt vì một lý do tôi không bận tâm để theo dõi. Về cơ bản các điều khiển có thể mở rộng ra ngoài thiết lập MaxWidth và đánh bại ý định của tôi.

Kỹ thuật của Nir hoạt động tốt và không gặp sự cố với ScrollViewer, mặc dù có một điều nhỏ nhặt cần chú ý. Bạn muốn chắc chắn rằng lề phải và trái trên TextBox được đặt thành 0 hoặc chúng sẽ bị cản trở. Tôi cũng đã thay đổi ràng buộc để sử dụng ViewportWidth thay vì ActualWidth để tránh các vấn đề khi thanh cuộn dọc xuất hiện.

Answer 4

Bạn có thể sử dụng cho các Chiều rộng của DataTemplate của bạn:

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

Hãy chắc chắn rằng gốc DataTemplate của bạn có Margin = "0" (bạn có thể sử dụng một số bảng điều khiển là gốc và thiết lập Margin để con cái mà root)

Answer 5

tôi sẽ sử dụng 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>