最终是想做一个像百度搜索框一样，没有输入文字时显示水印，且删除按钮不显示。
输入文字后，水印消失，点击文本框内的删除按钮时清空已输入文本。
水印问题暂不考虑。
用自定义控件时，控件模板内的删除按钮怎样访问到这个自定义控件(继承自TextBox)的Text属性呢？
-
等级
本版专家分：0结帖率 100% -
最终是想做一个像百度搜索框一样，没有输入文字时显示水印，且删除按钮不显示。
输入文字后，水印消失，点击文本框内的删除按钮时清空已输入文本。
水印问题暂不考虑。
用自定义控件时，控件模板内的删除按钮怎样访问到这个自定义控件(继承自TextBox)的Text属性呢？展开阅读全文
-
等级
本版专家分：0勋章
-
- GitHub 绑定GitHub第三方账户获取
-
- 进士 2017年 总版技术专家分年内排行榜第五
-
- 银牌 2017年7月 总版技术专家分月排行榜第二
-
- 铜牌 2017年6月 总版技术专家分月排行榜第三
-
-
等级
本版专家分：0勋章
-
-
黄花
2018年5月 其他开发语言大版内专家分月排行榜第二
2014年4月 扩充话题大版内专家分月排行榜第二
-
- 蓝花 2014年3月 扩充话题大版内专家分月排行榜第三
-
-
自定义控件。。
外面一个border，里面一个textbox，右侧一个删除的图标或者path啥的
在OnApplyTemplate方法可以找到ui的控件
-
等级
本版专家分：0
-
大概看了下示例代码，WPF可以用<DockPanel LastChildFill="True">定位文本框内的清除按钮， 那silverlight有什么类似的方式放置清除按钮呢？固定清除按钮大小又显得不够灵活。
-
等级
本版专家分：0勋章
-
- GitHub 绑定GitHub第三方账户获取
-
- 进士 2017年 总版技术专家分年内排行榜第五
-
- 银牌 2017年7月 总版技术专家分月排行榜第二
-
- 铜牌 2017年6月 总版技术专家分月排行榜第三
-
-
-》 silverlight 也有DockPanel。 固定清楚按钮不够灵活？ 那怎么样才能显得灵活，实在想不到更好的方式了。
-
等级
本版专家分：0
-
谢谢，大概做了下。用VisualState来控制清除按钮的显示/隐藏。对DataTrigger不了解。
整体感觉还是很粗糙。希望指正。
自定义控件
Generic.xaml ResourceDictionary中的ClearButton
<Style TargetType="local:ClearButton">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="local:ClearButton">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="ButtonStates">
<VisualState x:Name="Normal" />
<VisualState x:Name="MouseOver">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="ButtonPath" Storyboard.TargetProperty="(UIElement.Opacity)" To="1" Duration="00:00:01" />
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}">
<Path x:Name="ButtonPath" Data="M0,0 L0,0 2,2 M2,0 L2,0 0,2" Stretch="Fill" Stroke="Black" StrokeThickness="2" Opacity="0.4" />
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Generic.xaml ResourceDictionary中的ClearTextBox
去掉了默认控件中验证相关的东西，其他都保留了。然后用DockPanel来对ScrollViewer和ClearButton进行了布局。
<Style TargetType="local:ClearTextBox">
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Background" Value="#FFFFFFFF"/>
<Setter Property="Foreground" Value="#FF000000"/>
<Setter Property="Padding" Value="2"/>
<Setter Property="BorderBrush">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFA3AEB9" Offset="0"/>
<GradientStop Color="#FF8399A9" Offset="0.375"/>
<GradientStop Color="#FF718597" Offset="0.375"/>
<GradientStop Color="#FF617584" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="local:ClearTextBox">
<Grid x:Name="RootElement">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ColorAnimation Duration="0" To="#FF99C1E2" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="MouseOverBorder"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DisabledVisualElement"/>
</Storyboard>
</VisualState>
<VisualState x:Name="ReadOnly">
<Storyboard>
<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ReadOnlyVisualElement"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Focused">
<Storyboard>
<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Unfocused">
<Storyboard>
<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="ClearButtonStates">
<VisualState x:Name="ButtonCollapsed" />
<VisualState x:Name="ButtonVisible">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="ClearTextButton">
<DiscreteObjectKeyFrame KeyTime="00:00:00">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="WatermarkText">
<DiscreteObjectKeyFrame KeyTime="00:00:00">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="1" Opacity="1">
<Grid>
<Border x:Name="ReadOnlyVisualElement" Background="#5EC9C9C9" Opacity="0"/>
<Border x:Name="MouseOverBorder" BorderBrush="Transparent" BorderThickness="1">
<Grid>
<TextBlock x:Name="WatermarkText" Text="Input some text" Opacity="0.5" VerticalAlignment="Center" HorizontalAlignment="Center" />
<toolkit:DockPanel LastChildFill="True">
<local:ClearButton x:Name="ClearTextButton" toolkit:DockPanel.Dock="Right" Background="Transparent" Width="16" Height="16" Visibility="Collapsed" />
<ScrollViewer x:Name="ContentElement" BorderThickness="0" IsTabStop="False" Padding="{TemplateBinding Padding}"/>
</toolkit:DockPanel>
</Grid>
</Border>
</Grid>
</Border>
<Border x:Name="DisabledVisualElement" BorderBrush="#A5F7F7F7" BorderThickness="{TemplateBinding BorderThickness}" Background="#A5F7F7F7" IsHitTestVisible="False" Opacity="0"/>
<Border x:Name="FocusVisualElement" IsHitTestVisible="False" Margin="1" Opacity="0"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
ClearTextBoxc.cs
public class ClearTextBox : TextBox
{
public ClearTextBox()
{
this.DefaultStyleKey = typeof(ClearTextBox);
this.TextChanged += (s, e) => { ChangeClearButtonState(); };
}
protected virtual void ChangeClearButtonState()
{
VisualStateManager.GoToState(this, String.IsNullOrEmpty(this.Text) ? "ButtonCollapsed" : "ButtonVisible", false);
}
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
ClearButton btn = base.GetTemplateChild("ClearTextButton") as ClearButton;
if(btn != null)
btn.Click += (s, e) => this.Text = string.Empty;
}
}
不太理解的问题是：
1、<local:ClearButton x:Name="ClearTextButton" toolkit:DockPanel.Dock="Right" Background="Transparent" Width="16" Height="16" Visibility="Collapsed" />
在ClearTextBox引用ClearButton时，必须指定背景，不然只有点击X部分时才会触发Click事件。这方面有什么解释吗？
2、控件模板中水印部分有没有更好的实现？
3、没有后台代码，只用DataTrigger怎么实现？
-
等级
本版专家分：0勋章
-
- GitHub 绑定GitHub第三方账户获取
-
- 进士 2017年 总版技术专家分年内排行榜第五
-
- 银牌 2017年7月 总版技术专家分月排行榜第二
-
- 铜牌 2017年6月 总版技术专家分月排行榜第三
-
-
给个样式吧。
<!--搜索文本框样式-->
<Style x:Key="ClearButtonTextBox" TargetType="{x:Type TextBox}">
<Setter Property="MinWidth" Value="150"></Setter>
<Setter Property="MinHeight" Value="20"></Setter>
<Setter Property="HorizontalAlignment" Value="Stretch"></Setter>
<Setter Property="Margin" Value="5"></Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TextBox}">
<Border CornerRadius="0" BorderBrush="{DynamicResource txt_Focused_BorderBrush}" BorderThickness="1" Padding="0,0,5,0"
Background="{TemplateBinding Background}">
<DockPanel LastChildFill="True">
<Button Width="16" Height="16" x:Name="PART_ContentHostClearButton"
DockPanel.Dock="Right" HorizontalAlignment="Right">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="PART_Border" CornerRadius="0,3,0,3"
BorderBrush="Transparent" BorderThickness="0" Padding="2">
<Path x:Name="PART_Path" Data="M6,6 L6,6 10,10 M10,6 L10,6 6,10"
Fill="Gray" Stretch="Fill" Stroke="Gray" StrokeThickness="2" HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" TargetName="PART_Border">
<Setter.Value>
<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
<GradientStop Color="Silver" Offset="0.0" />
<GradientStop Color="White" Offset="0.5" />
<GradientStop Color="Silver" Offset="0.0" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Stroke" TargetName="PART_Path"
Value="#FFBA3232" />
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="UIElement.Effect">
<Setter.Value>
<DropShadowEffect BlurRadius="10"
Color="Black" Direction="0" Opacity="0.6" RenderingBias="Performance" ShadowDepth="0" />
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsFocused" Value="True" />
</ControlTemplate.Triggers>
</ControlTemplate>
</Button.Template>
</Button>
<!--内容-->
<ScrollViewer DockPanel.Dock="Left" Margin="2" x:Name="PART_ContentHost"
Background="{TemplateBinding Background}"/>
</DockPanel>
</Border>
<ControlTemplate.Triggers>
<!--当点击清除按钮后，清空文本框中的内容-->
<DataTrigger Binding="{Binding ElementName=PART_ContentHostClearButton,
Path=IsPressed}" Value="True">
<Setter Property="Text" Value="{x:Null}"/>
</DataTrigger>
<!--当文本框中有内容的时候显示清除按钮-->
<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding RelativeSource={RelativeSource Mode=Self},
Path=Text.Length}" Value="0"/>
<Condition Binding="{Binding RelativeSource={RelativeSource Mode=Self},
Path=IsFocused}" Value="False"/>
</MultiDataTrigger.Conditions>
<MultiDataTrigger.Setters>
<Setter TargetName="PART_ContentHostClearButton" Property="Visibility"
Value="Collapsed" />
<Setter TargetName="PART_ContentHost" Property="Background">
<Setter.Value>
<VisualBrush Opacity="1" Stretch="None">
<VisualBrush.Visual>
<TextBlock Text="Enter key word" FontSize="12"
HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="{StaticResource filterTextBox_Foreground}"/>
</VisualBrush.Visual>
</VisualBrush>
</Setter.Value>
</Setter>
</MultiDataTrigger.Setters>
</MultiDataTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
-
等级
本版专家分：0
-
多谢了，DataTrigger看着头疼，我没找资料，觉得未必支持SL，所以先用自己的VisualState方式将就着用了。就修改了一个部分，把水印文本由hard-coded，改成Dependency Property.
-
等级
本版专家分：0
-
发现问题：点击清除按钮清涂文本后再输入文字时，清除按钮并不是在Normal状态（也就是Opacity=0.4)，而是MouseOver时的Opacity=1的状态。
- C++之虚基类
今天我们来了解有关虚基类的内容,最近在学C++,多重继承搞得我头大 老样子,直接上干货: 现在，将类A声明为虚基类，方法如下: class A//声明基类A {…}; class B :virtual public A A//声明类B是类A的公用派生类...
- C++中虚基类
如果一个派生类有多个直接基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接共同基类数据成员的多份同名成员。 C++提供虚基类（virtual base class）的方法，使得在继承间接共同基类时只...
- 浅谈C++中虚基类的作用
我们知道，如果一个派生类有多个直接基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接共同基类数据成员的多份同名成员。在引用这些同名的成员时，必须在派生类对象名后增加直接基类名，以...
- C++虚基类详解
1、虚基类的作用从上面的介绍可知:如果一个派生类有多个直接基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接共同基类数据成员的多份同名成员。 在引用这些同名的成员时，必须在派生类对象...
- C++虚基类
如果一个派生类有多个直接基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接共同基类数据成员的多份同名成员。C++提供虚基类的方法，使得在继承间接共同基类时只保留一份成员。 现在，将...
- C++ 基类和派生类的构造函数
在设计派生类时，对继承过来的成员变量的初始化工作也要由派生类的构造函数完成，但是大部分基类都有 private 属性的成员变量，它们在派生类中无法访问，更不能使用派生类的构造函数来初始化。 解决办法：在派生类的...
- C++：虚基类详解
1、虚基类的作用从上面的介绍可知:如果一个派生类有多个直接基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接共同基类数据成员的多份同名成员。 在引用这些同名的成员时，必须在派生类...
- C++运行时通过基类指针或引用调用派生类虛函数的实现原理: 虛函数表
我们知道要实现运行时的多态, 必须在基类中声明和定义相关的虛函数, 并在派生类中重新实现基类中的虛函数. 当编译器见到这种继承层次结构的时候, 编译器将为定义了虛函数的基类和覆盖了基类虛函数的派生类分别创建...
- C++ 虚基类的初始化
如果一个派生类有多个基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接数据成员的多份同名成员。 使用虚基类可使最终的派生类只保留共同基类的一份同名成员。 一般情况下，派生类的构造函数...
- C++ 虚拟基类
我们知道，如果一个派生类有多个直接基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接共同基类数据成员的多份同名成员。在引用这些同名的成员时，必须在派生类对象名后增加直接基类名，以...
- C++ - 虚基类、虚函数与纯虚函数
转自：... 虚基类 在说明其作用前先看一段代码 classA { public: intiValue; }; classB:publicA { public: voidbPrintf(){cout<<"This is class B"<<...
- C++基类和派生类的构造函数（详解）
基类的成员函数可以被继承，可以通过派生类的对象访问，但这仅仅指的是普通的成员函数，类的构造函数不能被继承。构造函数不能被继承是有道理的，因为即使继承了，它的名字和派生类的名字也不一样，不能成为派生类的...
- C++虚基类与虚继承
为什么有虚继承多继承（Multiple Inheritance）是指从多个直接基类中产生派生类的能力，多继承的派生类继承了所有父类的成员。尽管概念上非常简单，但是多个基类的相互交织可能会带来错综复杂的设计问题，命名冲突...
- C++：派生类指针赋值给基类指针问题
在C++继承中，很容易遇到一个问题，那就是将派生类指针赋值给基类指针(向上转型)的情况，下面我们就来举例分析： 举一个多继承的例子： #include <iostream> using namespace std; //基类A class A { ...
- C++虚继承和虚基类；虚函数与继承
定义：在C++中，在定义公共基类的派生类的时候，如果在继承方式前使用关键字virtual
- 【C/C++】理解虚基类、虚函数与纯虚函数的概念
原文地址：理解虚基类、虚函数与纯虚函数的概念 引言 一直以来都没有写过一篇关于概念性的文章，因为我觉得这些概念性的东西书本上都有并且说的也很详细写来也无用，今天突发奇想想写 一写，下面就和大家...
- 【C++】继承和派生、虚继承和虚基类、虚基类表和虚基类指针
继承和派生、虚继承和虚基类、虚基类表和虚基类指针继承和派生继承概述继承基本概念派生类中的成员继承的内容派生类定义派生类访问控制对象构造和析构对象构造和析构的调用顺序继承中的构造和析构的调用规则调用子类...
- C++让基类握住派生类的指针
握住派生类指针是指拥有一个派生类指针的成员，暂且不谈这样做干什么，先来看一下如何这样做 // sample1.cpp#include cstdlib>#include iostream>#include string>using namespace std;class derived;class ...
- C++继承之多重继承与虚基类
C++存在多重继承，允许一个派生类同时继承多个基类。语法如下： class D:public A,private B,proected C { }; 多重继承容易产生几个问题： 一是由于继承的成员同名产生的二义性问题。比如类A，类B都有成员a，当类C...
- C++虚基类构造函数详解（调用顺序）之一
原文 ... 主题 C++ 面向对象编程 解释某个函数，我通常的讲解不会先去长篇大论去空谈，先整个例子来看看！！走起.... #include #include string> using namespace std; class A { p
- c++ 虚基类
我们知道，如果一个派生类有多个直接基类，而这些直接基类又有一个共同的基类，则在最终的派生类中会保留该间接共同基类数据成员的多份同名成员。在引用这些同名的成员时，必须在派生类对象名后增加直接基类名，以...
- c++ 空基类优化
我们知道c++中一个空类的大小为1个字节，那么如果一个空类作为基类或者成员对象的时候会怎样呢，是不是还是一定占用1个字节呢？ c++中为保证同一类型的不同对象地址始终有别，要求任何对象或成员子对象，即使该...
- c++ 派生类的构造函数 与 基类构造函数的关系
《面向对象程序设计基础（第二版》李师贤等，第254页：C++语言的基本规则是：创建一个派生类的对象时，如果基类带有构造函数，则先调用基类的构造函数，然后才调用派生类的构造函数。 《Thinking in C++》，刘宗田...
- C++的虚基类，抽象类，虚函数，纯虚函数，virtual
虚基类 在说明其作用前先看一段代码 class A { public: int iValue; }; class B:public A { public: void bPrintf(){cout }; class C:public A { public: void cPrintf(){cout
- C++虚继承与虚基类
C++的三大特性：封装，继承，多态。继承的目的是就是为了代码重用，避免的重复代码的编写。继承分为单继承和多继承，单继承就是每次继承的基类只能有一个，属于一对一的关系；多继承则是子类可以同时继承自多个基类...
- 基于主成分分析与BP神经网络的雾天能见度等级预报
基于主成分分析与BP神经网络的雾天能见度等级预报，黄政，包云轩，本文利用江苏省昆山市2012-2014年逐时常规气象观测数据、空气质量监测数据和能见度数据，分析了雾天能见度与各要素的相关性，并通过
- 2020年最新版学习资料.txt
谷粒商城-2020年5月最新升级版，全套学习资料-微服务项目实战！！！
- ASP.NET 开发课程 MVC5 入门篇
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。 主讲内容 第一讲 MVC5简介 第二讲 MVC 控制器 第三讲 视图 第四讲 模型 等课程 学会MVC5基本使用
- Matlab数据降维工具箱
Matlab Toolbox for Dimensionality Reduction Matlab数据降维工具箱，包括几乎所有的数据降维方法：PCA、LDA、ICA、MDS、Isomap、LandmarkIsomap、LLE、LLC、Laplacian、HessianLLE、LTSA、DiffusionMaps、KernelPCA、KernelLDA、SNE、NPE、LPP、SPE、LLTSA、SPCA、CCA、MVU、FastMVU、AutoEncoder、AutoEncoderEA
- 2020数学建模A题
2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据 2020数学建模国赛A题及其数据