2012-05-09 55 views
5

我在网上搜索与圆角文本框,并找到一个XAML代码如下图所示:圆角文本框在WPF

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

我想了解一下什么是

<ScrollViewer x:Name="PART_ContentHost" /> 
详细

为什么如果从它删除此行,请不要正确地使用我的模板, 请详细告诉我。

非常感谢。

回答

6

名为“PART_ContentHost”的部分包含控件核心,除装饰外,这是文本框本身。该文本框的代码将查找它,所以如果你重命名删除,该控件将无法正常工作。 在这种情况下,内容是可滚动的(因为文本框可以水平和垂直滚动文本)。

+0

谢谢您的回答,根据您的通话,在任何控件,在那里我写“”的模板代码,实际控制的地方有,'x:Name ='PART_ContentHost''是指控制本身,你认为我相信吗? –

+0

是的,基本上是的,但并非所有的控件都具有相同的部件名称。它取决于他们做什么。 http://xamlcoder.com/cs/blogs/joe/archive/2007/12/13/building-custom-template-able-wpf-controls.aspx和http://drwpf.com/blog/category上的一些示例/ control-templates/ – 2012-05-09 04:58:50

+0

非常感谢.......... –

1

ScrollViewer包含控件的实际内容。您的控件不是真正的文本框,但实际上是一个围绕ScrollViewer的边框(带有圆角),然后您需要放置文本。如果你不需要滚动,你可以用文本框取代的ScrollViewer,即:

变化

<ScrollViewer x:Name="PART_ContentHost" /> 

<TextBox x:Name="PART_ContentHost" /> 
+0

感谢您的回答,我根据上述说明更改了我的代码,但仍无法正常工作, –

+0

您可以发布“CustomTextBox”类的内容也?为了充分理解你的代码,两者都是必需的。 –

5

如果你需要一个带圆角的简单文本框,你可以做这样的:

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

使用XAML的这部分不屑:

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

The shape will be like this