Tròn góc TextBox trong WPF

Question

tôi tìm kiếm trên web cho TextBox với góc tròn và tìm một mã XAML như dưới đây:

<Style TargetType="{x:Type my1:CustomTextBox}"> 
      <Setter Property="HorizontalContentAlignment" Value="Center"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate > 
         <Border Background="{TemplateBinding Background}" x:Name="Bd" 
BorderThickness="2" CornerRadius="5" BorderBrush="#FFF9EAB6"> 
          ***<ScrollViewer x:Name="PART_ContentHost" />*** 
         </Border> 
         <ControlTemplate.Triggers> 
          <Trigger Property="IsMouseOver" Value="True"> 
           <Setter TargetName="Bd" Property="BorderBrush" Value="#FFC7B0B0"/> 
          </Trigger> 
          <Trigger Property="IsKeyboardFocused" Value="True"> 
           <Setter TargetName="Bd" Property="BorderBrush" Value="#FFC7B0B0"/> 
           <Setter Property="Foreground" Value="Black"/> 
          </Trigger> 
          <Trigger Property="IsKeyboardFocused" Value="False"> 
           <Setter Property="Foreground" Value="#FFC7B0B0"/> 
          </Trigger> 
          <Trigger Property="Width" Value="Auto"> 
           <Setter Property="MinWidth" Value="120"/> 
          </Trigger> 
          <Trigger Property="Height" Value="Auto"> 
           <Setter Property="MinHeight" Value="27"/> 
          </Trigger> 
         </ControlTemplate.Triggers> 
        </ControlTemplate> 

       </Setter.Value> 
      </Setter> 
     </Style> 

tôi muốn tìm hiểu là những gì

<ScrollViewer x:Name="PART_ContentHost" /> 

một cách chi tiết và lý do tại sao không làm việc đúng mẫu của tôi nếu xóa dòng này khỏi nó, hãy cho tôi biết chi tiết hoàn toàn.

cảm ơn rất nhiều.

Answer 1

Phần có tên "PART_ContentHost" chứa lõi điều khiển, đây chính là hộp văn bản, bên cạnh các trang sức. Mã của hộp văn bản phía sau sẽ tìm kiếm nó, vì vậy nếu bạn đổi tên của xóa, điều khiển sẽ không hoạt động. Trong trường hợp này, nội dung có thể cuộn được (vì hộp văn bản có thể cuộn văn bản theo chiều ngang và chiều dọc).

Answer 2

ScrollViewer chứa nội dung thực tế của điều khiển. Kiểm soát của bạn không phải là một hộp văn bản thực sự, nhưng thực sự là một biên giới (với các góc tròn) xung quanh một ScrollViewer, mà sau đó bạn sẽ cần phải đặt văn bản của bạn. Nếu bạn không cần phải di chuyển, bạn có thể thay thế các ScrollViewer với một hộp văn bản, ví dụ:

thay đổi

<ScrollViewer x:Name="PART_ContentHost" /> 

để

<TextBox x:Name="PART_ContentHost" /> 

Answer 3

Nếu bạn cần một hộp đơn giản với các góc tròn, bạn có thể làm như vậy:

<Border Padding="5" CornerRadius="5" BorderThickness="1" BorderBrush="LightGray" SnapsToDevicePixels="True" Background="White"> 
    <TextBox Background="Transparent" BorderThickness="0">This is beautifull ;)</TextBox> 
</Border> 

Answer 4

sử dụng phần này của xaml deign:

<TextBox x:Name="usernameText" Height="30" Width="300" TextWrapping="Wrap" Text="" FontSize="20" HorizontalContentAlignment="Center" LostFocus="usernameText_LostFocus"> 
         <TextBox.Resources> 
          <Style TargetType="{x:Type Border}"> 
           <Setter Property="CornerRadius" Value="10"/> 
          </Style> 
         </TextBox.Resources> 
        </TextBox>