扩展phonetextbox：添加一个类继承phonetextbox extentphonetextbox，到extentphonetextbox类中添加属性的项目：
复制代码代码如下所示：
公共课extentphonetextbox：phonetextbox
{
X
文本框图片属性
X
公共静态只读dependencyproperty textheadimageproperty = =
dependencyproperty登记（textheadimage 。
）；
X
只是文本框的头部。
X
市民ImageSource TextHeadImage
{
得到{ return base.getvalue（textheadimageproperty）作为图像源；}
集合{ base.setvalue（textheadimageproperty，值）；}
}
X
公用文字宽度
X
公众的双重textheadimagewidth
{
得到{ return（双）getValue（textheadimagewidthproperty）；}
集合{ SetValue（textheadimagewidthproperty，值）；}
}
使用dependencyproperty为后盾 /存储textheadimagewidth。这使动画、样式、绑定等…
公共静态只读dependencyproperty textheadimagewidthproperty = =
dependencyproperty登记（textheadimagewidth 。
X
文字图像高度
X
公众的双重textheadimageheight
{
得到{ return（双）getValue（textheadimageheightproperty）；}
集合{ SetValue（textheadimageheightproperty，值）；}
}
使用dependencyproperty为后盾 /存储textheadimageheight。这使动画、样式、绑定等…
公共静态只读dependencyproperty textheadimageheightproperty = =
dependencyproperty登记（textheadimageheight 。
}
}
extentphonetext风格编辑：
整体风格如下：
复制代码代码如下所示：
倒塌
可见
可见
倒塌
可见
UI部门的XAML代码如下：
<网格X：名称=contentpanel
利润=0162,24,19
网格。行=2>
< extentctrs：extentphonetextbox缘=12,10,12,0
textwrapping =包装
垂准线=顶
placeholdertext =QQ号码/手机/邮箱
高度= 80
背景=白色textheadimage = /资产/ qqaccount。WVGA。pngstyle={ staticresource extentphonetextboxstyle }textheadimageheight =22textheadimagewidth =24/>
< extentctrs：extentphonetextbox缘=12107,12,0
textwrapping =包装
垂准线=顶
placeholdertext =点击输入QQ密码
高度= 80
背景=白色style={ staticresource extentphonetextboxstyle }textheadimage = /资产/密码。WVGA。pngtextheadimageheight =22textheadimagewidth =24/>
< toolkitprimitives：phonepasswordboxcheckbox内容=记住密码
线形设计=左
利润=12195,0,0
垂准线=顶
horizontalcontentalignment = 左/>
< toolkitprimitives：phonepasswordboxcheckbox内容=隐身登录
线形设计=左
利润=224195,0,0
垂准线=顶/ >
< toolkitprimitives：phonepasswordboxcheckbox内容=沉默的登录
线形设计=左
利润=12272,0,0
垂准线=顶/ >
< hyperlinkbutton内容=注册帐号
线形设计=左
利润=12349,0,0
垂准线=顶
horizontalcontentalignment = 左/>
< hyperlinkbutton内容=找回密码
线形设计=左
利润=12385,0,0
垂准线=顶
horizontalcontentalignment = 左/>
运行结果如下：
