Ngăn chặn một TextBox từ việc mở rộng theo chiều ngang trong WPF

Question

Tôi có phong cách sau đây theo quy định tại App.xaml tôi

<Style x:Key="textBoxMultiline" TargetType="{x:Type TextBox}" > 
    <Setter Property="VerticalScrollBarVisibility" Value="Auto" /> 
    <Setter Property="HorizontalScrollBarVisibility" Value="Hidden" /> 
    <Setter Property="MinHeight" Value="50" /> 
    <Setter Property="TextWrapping" Value="Wrap" /> 
</Style> 

Và trong suốt giải pháp chúng tôi đang sử dụng nó trên mỗi hộp văn bản cần có một văn bản ngắn gọn.

<TextBox x:Name="textBoxDescription" Grid.Row="2" Grid.Column="1" Style="{DynamicResource textBoxMultiline}" /> 

Tất cả mọi thứ hoạt động tốt, nhưng sau đó các khách hàng phàn nàn về một số lĩnh vực được corped trên màn hình lớn hơn với độ phân giải thấp hơn, vì vậy tôi đặt một ScrollViewer vào một trong các nút cây thị giác cao để ngăn chặn sự corping.

<ScrollViewer Height="Auto" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto"> 
    ... 
</ScrollViewer> 

Kỳ lạ, kiểu TextBox es với kiểu trên bắt đầu mở rộng sang bên phải thay vì gói văn bản.

Có cách nào để ngăn chặn điều này mà không xóa ScrollViewer không?

Answer 1

Bạn phải xác định MaxWidth cho số TextBox, nếu không không có giới hạn vì ScrollViewer.

Answer 2

Nếu bạn không muốn cứng mã chiều rộng thì bạn có thể đi cho ràng buộc chiều rộng của mặt hàng đó mẹ yếu tố ... đây là một mẫu

Ở đây tôi đang ràng buộc textbox maxwidth với scrolviewer chiều rộng thực tế. Và bạn cũng phải đảm bảo rằng chiều rộng columndefinition phải được đặt thành "*" không phải là "Tự động". nếu bạn đặt nó để tự động nó sẽ bỏ qua chiều rộng ScrollViewer và tiếp tục mở rộng độ rộng của ScrollViewer và textbox .. tôi nghĩ rằng bạn rơi vào trường hợp này ....

<Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"></ColumnDefinition> 
      <ColumnDefinition Width="*"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 
     <ScrollViewer HorizontalScrollBarVisibility="Auto" Name="scv"> 
      <TextBox Height="30" TextWrapping="Wrap" MaxWidth="{Binding ElementName=scv,Path=ActualWidth}"></TextBox> 
     </ScrollViewer> 
    </Grid> 

Answer 3

Các giải pháp được cung cấp từ @bathineni đã giúp tôi giải quyết vấn đề của mình. Dưới đây là những gì phù hợp với tôi:

<Grid > 
     <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="50"/> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
     <Button Grid.Column="0" Width="30" Height="23" Margin="10,5" Content="..."/> 
     <ScrollViewer Grid.Column="1" HorizontalScrollBarVisibility="Disabled" verticalScrollBarVisibility="Disabled" Name="scv"> 
      <TextBox Height="25" Text="Insert here long text" MaxWidth="{Binding ElementName=scv, Path=ActualWidth}" HorizontalAlignment="Stretch" /> 
     </ScrollViewer> 
    </Grid> 

Answer 4

Làm việc cho tôi. Nếu bạn muốn thanh cuộn xuất hiện trong hộp văn bản, bạn có thể thêm

HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" 

cho TextBox