Content + ContentControl + ControlTemplate（学习）

最新推荐文章于 2024-03-25 17:12:19 发布
最新推荐文章于 2024-03-25 17:12:19 发布
阅读量84 收藏
点赞数
原文链接：http://www.cnblogs.com/shawnzxx/archive/2012/10/01/2709985.html
版权

System.Windows.Controls -- 即各种控件如：Button， CheckBox

System.Windows.Controls这个命名空间。

    首先是Control，继承于FrameworkElement。Silverlight2.0中大部分的控件（Button等）都来自于2个类，一个就是 Control，另一个是ContentControl。ContentControl是对Control类的扩展，并继承了IADDChild接口，增加了AddChild和AddText两个函数来实现添加内容属性（Content）的功能。

对于内容属性（Content）， 我在后面介绍。另外还有类型为DataTemplate的成员ContentTemplate用来包含内容属性的模板。

 

Code

 

    在这里来说下控件属性的几种形式。

1.属性/值 类型

    这是一种很常见的也是Silverlight中最常用的方式。就不解释了，很简单。

 

SilverlightControl1

 

    当我们的属性不只是一个很单一简单的值时，我们可以这样来做。

 

SilverlightControl2

2.内容属性

    继承于ContentControl的控件有些特殊的属性，就是内容属性Content。

 

SilverlightControl3

    在对Content属性进行定义的时候只能允许定义一次。这样看来似乎这样的做法有一定的局限性。其实不然。作为对Content属性的考 虑，可能是为了强制性的加上panel类型的布局样式的缘故。所以如果你同时在Content属性内放入多于1个控件的话会有 The property 'Content' is set more than once. 的错误，但是你可以这样来做。

 

SilverlightControl5

3.附加属性

    这是个很重要的赋值方法。这可以通过附加属性来为父结点定义属性。最典型的例子就是Canvas布局时用来定义Canvas里面元素。

 

SilverlightControl4

    ContentControl(内容属性)通过这种包括方式来丰富原有的控件。你可以用这样的方式来建造自定义控件，来改变原有默认控件的表达方式。下面我来说一个重要的属性ContentTemplate（控件模板）。

ControltTemplate

Silverlight2.0 beta1 中增加了对控件模板的支持。在WPF中控件包括ControlTemplate和ItemsPanelTemplate（即一个是控件的模板一个是Items的模板）。这里讨论一下ControlTemplate。

    ControlTemplate描述了控件的外观以及对应的触发方法Trigger（与样式Style不用，Style只能改变原控件已有的属性（大小，位置，颜色啊。。。）来定制控件，而控件模板则可以改变控件的内部结构即VisualTree）可以打个比方，假如说Style是将已有的东西变得更漂亮些，那ContentTemplate就是用已有的东西来做一些新的自定义的控件。

    要改变控件的模板，我们需要声明一个ControlTemplate对象，并对该ControlTemplate对象做相应的配置，然后将该ControlTemplate对象赋值给控件的Template属性-即控件的Template属性接受新的ControlTemplate

 

SilverlightControl6

    这样的写法可能太局限了，比如Width,Height这类的属性我需要能够动态的设置来达到不同的效果，我们可以使用TemplateBinding将控件的属性与调用这个模板的父级的属性关联起来。上面的代码就变成了这样

 

SilverlightControl7

    刚才我们说了ContentTemplate可以改变控件的内部结构VisualTree，其实ControlTemplate还有另一个 重要的属性就是Triggers触发器。可以改变控件的事件比如移入移出事件（hover，mousemove等）Silverlight2.0 beta1中虽然智能提示里会出现Triggers的提示，但实际上Silverlight2.0 beta1里并不支持Triggers，Scott在博客中写了关于Silverlight2.0 beta1支持的有Style，DataTemplate，ControlTemplate。所以这里也就不涉及Triggers，等beta2出来以后我们再研究吧。：）
    下一次我们来说下Style样式和DataTemplate，这里说下在Scott在介绍Silverlight2.0的第八篇中介绍Silverlight转到WPF桌面程序中少说了，其实Listbox的数据绑定方法有点区别所以也需要更改，不然会有点小问题，有空写一篇自己step by step过程遇到的问题并带自己写的代码。

转载于:https://www.cnblogs.com/shawnzxx/archive/2012/10/01/2709985.html

weixin_30426957
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ContentControl 内容延伸
老程序员
11-16 746
WPF 控件【U】ContentControl(一) ContentControl使用ContentPresenter显示content内容
xpj8888的博客
09-25 5424
第一章、简介 转载https://www.cnblogs.com/YangMark/p/3172725.html 本文介绍ContentControl使用，其需要结合ContentPresenter、ContentSource这两个属性来显示内容。 我們先由下圖來看類層次,可知ContentControl繼承Control,ContentPresenter繼承Fr...
ContentControl的Content绑定View还是ViewModel
目标：MVP
10-12 3639
WPF中如何将ViewModel作为ContentControl的Content 一、背景 在WPF中有一种控件叫做ContenControl，其有一个object类型的依赖属性Content。我们常规做法是将UserControl赋值给Content，但是这么做两个问题。 1）一般我们会将Content绑定到ViewModel层的数据，如果该数据为UserControl，那么在ViewModel层中就出现了View层。 2）一般使用Content绑定UserControl的时候，都是用与动态切换的场景，如
wpf的ContentControl的Content属性
最新发布
波波诸葛伟
03-25 788
/
WPF ContentControl与ContentPresenter 知识积攒
YouyoMei的博客
01-21 2278
WPF ContentControl与ContentPresenter Answer one ContentControl is a base class for controls that contain other elements and have a Content-property (for example, Button). ContentPresenter is used insid...
WPF学习知识总结
11-19
<ContentControl Content="{TemplateBinding Button.Tag}" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="2,0,2,0"/> <TextBlock Text="{TemplateBinding Content}" Width="{TemplateBinding Width...
如何在具有绑定的WPF控件中嵌入任意内容
04-02
如果需要深入学习，可以查阅这些资源，它们将帮助你更全面地理解和掌握在WPF中嵌入任意内容的方法。 总的来说，通过WPF的数据绑定和模板机制，我们可以创建高度可定制的UI，并在其中嵌入各种类型的元素，从而实现...
WPF经典教程之WPF控件内容模型
10-05
在示例代码中，Button的Content属性被用来设置一个包含图像和文本的StackPanel，这显示了ContentControl可以容纳复杂对象的能力。 2. **HeaderedContentControl** - 这个模型扩展了ContentControl，增加了一个...
TabControl_tabcontrol_Tabú_wpfTabControl_wpf代码tabcontrol_
10-04
tab.Content = new ContentControl(); // 可替换为你想要显示的任何UI元素 myTabControl.Items.Add(tab); ``` 3. **数据绑定**： WPF支持数据绑定，可以将`TabControl`与数据源绑定，自动根据数据生成`TabItems...
忙碌状态旋转加载界面
12-15
<ContentControl Content="加载中..." Template="{StaticResource LoadingTemplate}" /> ``` 3. **显示和隐藏**: 当需要显示加载界面时，我们可以将这个ContentControl显示出来；当操作完成时，将其隐藏。这可以...
WPF -- 数据模板（Content Control）（一）
qq_23018459的博客
04-11 5365
（DataTemplate）Yang-Big在WPF中如果我们想要按照自己的想法来为数据制定显示方式，也就是说，数据类型是一定的，但我们可以让它有多种多样的表现方式，比如一个具体的时间，一般使用一个字符串（例如“12：03”）来显示，但我们为什么就不能显示为一个时钟或者其他你想要的表现形式来呈现你的数据。WPF中的数据模板技术应运而生。数据模板适用于Content Control类控件与Items...
ContentControl内容控件笔记
weixin_30457551的博客
10-27 488
一、继承关系 DispatcherObject---->DependencyObject---->Visual---->UIElement---->FrameworkElement---->Control---->ContentControl 二、Content属性 不继承自UIElement类的对象 调用ToString()方法 继承自UIElemen...
wpf 关于ContentControl一些记录
二阳_很笨
07-23 6821
今天做东西的时候，发现有一个现成的容器是ContentControl，可是自己没有看过，查一下msdn吓了一调，发现什么都有，可是自己做了一个鼠标点击的事件，却没有响应，后来发现上一个virtual的方法。后来看到一个知道的回答中说可以用一个Content的来给它加一些内容，心想这不是我想要的吗？ 可是后来发现我加了一个label进去，没有设置宽高，自动充满了，没有办法了，设置一下方向与宽高，想加
WPF 控件【U】UserControl(一) UserControl、ContentControl、Page的区别，及它们的使用方法
热门推荐
xpj8888的博客
03-20 1万+
一、简介 本文将介绍用户控件UserControl与Page的区别，及两者的使用方法。 部分参考： https://www.cnblogs.com/lelehellow/p/6026766.html（重点） https://www.cnblogs.com/ZXdeveloper/p/4479721.html https://www.cnblogs.com/dengheju...
ContentControl模型
老夫的少女心
07-27 1985
ContentControl模型的类型具有一个 Content 属性。Content 属性的类型为 Object，因此，对于您在 ContentControl 中可以放置的内容没有任何限制。可以使用可扩展应用程序标记语言 (XAML) 或代码来设置 Content。以下控件使用 ContentControl 内容模型；Button、ButtonBase、CheckBox、ComboBoxItem、...
Content与ContentControl类：Button
joking0ne的专栏
03-29 413
Content模型表示当前元素可以直接使用其他元素作为其子元素创建需要的用户的界面。这种套嵌关系中并没有恒定的包含关系，更没有Content模型的最主要特征是Content属性这一说法。   ContentControl类，首先包含一个Content属性，用以记录该控件需要显示的信息。该属性的类型为Object，即属于该类模型的各个空进可以也只可以有一个子元素。与Content属性相关的属...
WPF：理解ContentControl——动态添加控件和查找控件
陈希章@中国
03-25 7778
我认为WPF的核心改变之一就是控件模型发生了重要的变化，大的方面说，现在窗口中的控件（大部分）都没有独立的Hwnd了。而且控件可以通过所谓的模板提供各种各样的表现形式。 这一篇就来谈一谈ContentControl，的第一部分，动态添加控件和查找控件 什么是ContentControl呢？其实WPF的绝大部分的控件，还包括窗口本身都是继承自ContentControl的。   有的时候，我们需要在窗口出来之后，再动态添加一些控件。例如一个最简单的场景：我们需要做一个扫雷程序，该扫雷程序根据用户选择的难易程度
WPF UserControl和ContentControl的区别
点滴进步，当下做起！
03-17 4064
http://stackoverflow.com/questions/18781679/whats-the-difference-betwen-a-usercontrol-and-a-contentcontrol UserControls set themselves as the source to RoutedEvents raised by elements within
给我写一个WPF中标准的，TargetType="{x:Type ContentControl}"的ControlTemplate
09-27
### 回答1： 如下是一个标准的 ControlTemplate，它的 TargetType 为 ContentControl，在 WPF 中使用: ```xml <ControlTemplate TargetType="{x:Type ContentControl}"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/> </Border> </ControlTemplate> ``` 这个 ControlTemplate 定义了一个 Border 元素，它的背景、边框画刷和边框粗细都是由 ContentControl 绑定的。它的子元素是 ContentPresenter，它的内容、内容模板都是由 ContentControl 绑定的。 ### 回答2： 一个符合标准的WPF中的ControlTemplate，其TargetType为ContentControl，可以被如下定义和实现： ```xml <Style TargetType="{x:Type ContentControl}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ContentControl}"> <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Content="{TemplateBinding Content}" /> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> ``` 这个ControlTemplate的目标类型是ContentControl，使用了一个Border作为容器，用于设置边框背景和边框样式。内部有一个ContentPresenter，用于呈现ContentControl的内容。ContentPresenter的水平对齐和垂直对齐方式都设置为居中，以确保内容在容器中居中显示。 在实际使用时，可以将此ControlTemplate应用于任何TargetType为ContentControl的控件，例如： ```xml <ContentControl Template="{StaticResource StandardContentControlTemplate}"> <!-- 这里放置需要呈现的内容 --> </ContentControl> ``` 通过这个标准的ControlTemplate，可以统一ContentControl的外观样式，增强应用界面的一致性和美观性。 ### 回答3： 当我们在WPF中使用ControlTemplate时，"TargetType="{x:Type ContentControl}"定义的模板将适用于ContentControl及其所有派生类的控件。 以下是一个WPF中标准的，TargetType="{x:Type ContentControl}"的控件模板的示例： ```xml <ControlTemplate TargetType="{x:Type ContentControl}"> <Border BorderBrush="Black" BorderThickness="1" Background="LightGray" CornerRadius="5"> <!-- 内容控件的内容将放置在这里 --> <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" /> </Border> </ControlTemplate> ``` 在这个示例中，我们使用了一个Border控件来包裹ContentControl的内容。该Border具有黑色边框、灰色背景和圆角边框。 ContentPresenter用于呈现ContentControl中的内容，它被设置为水平和垂直居中，使得内容在Border中居中显示。 使用这个模板时，可以通过将模板应用到ContentControl的Style中来覆盖默认模板。例如： ```xml <ContentControl Content="Hello, World!" Style="{StaticResource MyContentControlStyle}" /> ``` 其中，MyContentControlStyle是已定义的样式，它引用了上述的标准模板。 这样，ContentControl将使用定义的控件模板进行呈现，显示带有边框和背景的内容。 希望这个回答能够对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值