我有一个按钮控件,其模板在外部资源Theme.xaml中进行了分析 . 在controltemplate定义下面:
<ControlTemplate x:Key="ButtonTemplate" TargetType="{x:Type Button}">
<Grid x:Name="Grid">
<Border x:Name="Background" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="2,2,2,2" CornerRadius="2,2,2,2">
<Border x:Name="Hover" Background="{StaticResource HoverBrush}" CornerRadius="1,1,1,1" Height="Auto" Width="Auto" Opacity="0"/>
</Border>
<StackPanel Orientation="Horizontal" Margin="2,2,2,2">
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True" />
</StackPanel>
...
现在我添加了一个椭圆项,必须用红色或绿色填充(作为信号量),具体取决于我的usercontrol中定义的自定义属性:
<UserControl.Resources>
<ResourceDictionary Source="Themes/theme.xaml"/>
</UserControl.Resources>
<Grid>
<Button Click="Button_Click"></Button>
<Ellipse x:Name="ellipse1" Width="20" Height="20" Margin="5,40,45,5"></Ellipse>
</Grid>
在后面的代码我有:
private SolidColorBrush ButtonValue_;
public SolidColorBrush ButtonValue {
get { return ButtonValue_; }
set {
ButtonValue_ = value;
}
}
我试图把这个椭圆项放入CONTROLTEMPLATE,但是我有一些关于如何将带有 ButtonValue custom属性的椭圆的 Fill 属性绑定到controlTemplate中的问题 .
任何提示?提前致谢
2 回答
你可以去几个方向:
实现 custom control ,这是从现有控件派生的自己的类(在您的情况下为Button) . 添加 dependency property (例如ButtonValue) . 注意 - 依赖属性不是标准的.NET属性 - 它们还有更多 . 请查看以下示例:http://msdn.microsoft.com/en-us/library/cc295235(v=expression.30).aspx(自定义按钮)或此处:http://wpftutorial.net/HowToCreateACustomControl.html(更简单的示例,但没有属性 .
拥有控件的数据上下文 . 通常,数据上下文是一个单独的类(也就是“视图模型”),但如果您不遵循mvvm范例,那么数据上下文就是自我 . 无论您使用何种数据上下文,它都必须从INotifyPropertyChanged派生,并且必须提交PropertyChanged事件 .
(推荐!)为 CheckBox 创建控制模板 . 当你想到它时, logically 你的控件实际上是一个具有二进制状态的按钮 . 在您的情况下为红色/绿色,Checkged / Unchecked为CheckBox . 从逻辑上讲,您正在寻找一个复选框,但您只想以不同的方式呈现它 .
因此,在控件模板中,绘制椭圆,并为IsChecked属性添加触发器:
这是WPF的 behavior 和 presentation 之间差异的一个很好的例子 . 虽然您的控件可能看起来像一个按钮,但它的行为类似于CheckBox,因为它有两种状态 .
编辑:使用 ToggleButton - 这是CheckBox(和RadioButton)的基类,它具有您需要的功能,包括IsChecked属性 .
你有几个选择:
1.最简单的方法是重新使用未使用的画笔或颜色(带转换器)按钮现有属性:
...
2.其他选项是定义附加属性并在ControlTemplate中使用它 . 在您应用模板的任何Button上,您必须设置附加属性:
...
<
...
PS:您可以使用绑定来设置附加属性的值 .