TextBox 控件样式提示

Ee371168.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(zh-cn,Expression.40).png

可以使用内置的 TextBox 控件模板创建自定义的 TextBox 模板。默认情况下, TextBox 控件如下所示:

Ee371168.f77261da-feb5-4693-b764-582a9cc93c12(zh-cn,Expression.40).png

TextBox 模板的部件

TextBox 控件具有一个部件: ContentElement 部件。此部件是必需的。

tip note提示:

若要查看模板的部件,请在修改模板的同时打开“部件”面板。

TextBox 控件的状态

默认情况下, TextBox 控件的状态可以是“CommonStates”状态组中的以下四种状态之一,在修改 TextBox 模板时,您可以在“状态”面板中查看这些状态:

状态名称 描述

Normal

TextBox 控件没有交互时的外观。

MouseOver

用户将指针移到 TextBox 控件上时该控件的外观。

ReadOnly

IsReadOnly 属性设置为 True 时, TextBox 控件的外观。

Disabled

IsEnabled 属性设置为 False 时, TextBox 控件的外观。

TextBox 控件所处的状态可以为“FocusStates”状态组中的以下两种状态之一:

状态名称 描述

Unfocused

控件上没有键盘焦点时 TextBox 控件的外观。

Focused

TextBox 控件具有键盘焦点时的外观。例如,用户可能会按 Tab 键来循环选择应用程序中的各个对象,直至键盘焦点位于 TextBox 控件上为止。

TextBox 控件所处的状态可以为“ValidationStates”状态组中的以下三种状态之一:

状态名称 描述

Valid

控件有效时 TextBox 控件的外观。

InvalidUnfocused

TextBox 控件无效且没有键盘焦点时的外观。

InvalidFocused

控件无效但有键盘焦点时 TextBox 控件的外观。

tip note提示:

状态组包含属于同一逻辑类别并且无法同时显示的可视状态。例如,“CommonStates”组包含的状态和用户与输入设备(例如鼠标)的交互相关。 一次只能显示状态组中的一种状态,但一个状态组中的状态可与另一个状态组中的状态同时显示。

当您选择状态时,状态记录功能将启用,并且将为该状态记录您进行的任何更改。若要禁用状态记录功能,请单击“记录模式指示器”Ee371168.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(zh-cn,Expression.40).png,或者在“状态”面板中选择“Base”。若要在两个独立状态处于活动状态时修改控件的外观,您可以固定一个状态组中状态的预览,同时修改另一个状态组中的状态。

模板绑定

可以对“Background”、“BorderBrush”、“Foreground”、“BorderThickness”和“Padding”属性进行模板绑定。有关详细信息,请参阅在模板中使用对象属性

将对象转换为 TextBox 控件

以下图像是 TextBox 的设计综合 (comp):

TextBox

本例在以下过程的步骤 2 中使用 XAML 代码,此过程对应前面的图形,通过使用 TextBox 控件模板来创建自定义文本框。

  1. 打开新的 Microsoft Silverlight 项目。在“代码”视图中,找到以下代码,然后删除结尾斜线标记 (/)。

    <Grid x:Name="LayoutRoot" Background="White"/>
    
  2. 复制以下代码,然后将它们粘贴到您的新项目中(粘贴到您在步骤 1 中找到的代码之后)。

    <Grid Height="20" Width="120">
    <Rectangle Fill="#FF333333" RadiusX="5" RadiusY="5"/>
    <TextBlock Margin="5,0" Foreground="White" Text="Lorem" VerticalAlignment="Center"/>
    </Grid>
    
  3. 在您刚粘贴的代码之后添加一个 Grid 结束标记 (</Grid>)。

  4. 在“对象和时间线”面板中,右键单击“Grid”,然后单击“构成控件”。在“构成控件”对话框中,单击“TextBox”,然后单击“确定”。

  5. 按 Ctrl+Shift+B 生成项目,然后按 F5 测试项目。

有关向其他 TextBox 对象应用新的 TextBox 模板的信息,请参阅应用或删除资源

引用

您可以在 MSDN 上的 Silverlight Control Gallery Ee371168.xtlink_newWindow(zh-cn,Expression.40).png(Silverlight 控件库)中找到关于 Silverlight TextBox 控件的属性和事件的详细信息。

另请参阅

概念

常用 Silverlight 控件的样式提示
设置支持模板的控件的样式
绘制文本

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。