看项目代码的时候遇到的一种界面设计,关于自定义容器控件和附加属性的,之前没遇到过。

看下面这段Xaml代码:

每一个ListBox里面有一个附加属性:

其中ui:Form是我的自定义容器控件:

 public class Form : ItemsControl
 {
     static Form()
     {
         DefaultStyleKeyProperty.OverrideMetadata(typeof(Form), new FrameworkPropertyMetadata(typeof(Form)));
         IsTabStopProperty.OverrideMetadata(typeof(Form), new FrameworkPropertyMetadata(false));
     }
     //确定Item是否是(或者是否可以作为)其自己的Container
     protected override bool IsItemItsOwnContainerOverride(object item)
     {
         return item is FormItem || item is FormHeader || item is Form;
     }

     //用于返回Item的Container
     //即如果Item的类型不是FormItem,就将它作使用FormItem包装起来
     protected override DependencyObject GetContainerForItemOverride()
     {
         return new FormItem();
     }
 }

界面效果是下面这样:

红色框起来的是LIstBox,黄色框的是Label。

我很疑惑这些Label控件是怎么来的。

经过我的寻找:

我发现这种样式是针对FormItem的,FormItem也是自定义的控件,并且在自定义容器控件Form中有涉及到:

protected override DependencyObject GetContainerForItemOverride()
{
         return new FormItem();
}

查阅了相关资料,明白了其中缘由:

如果ItemsControl的Items内容不是对应的子元素控件,ItemsControl会创建对应的子元素控件作为容器再把Item放进去

上面GetContainerForItemOverride的作用就是在ListBox和TextBox外包裹一个FormItem控件;

也可以理解为虽然在Xaml中代码没有写上FormItem控件,但是在容器控件CS代码中有写;

在界面的视觉树中可以体现:

结构与FormItem定义的样式相同。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐