专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > WPF

WPF跟Expression Blend开发实例:Adorner(装饰器)应用实例

发布时间:2011-06-23 13:56:23 文章来源:www.iduyao.cn 采编人员:星星草
WPF和Expression Blend开发实例:Adorner(装饰器)应用实例

装饰器--

表示用于修饰 UIElement 的 FrameworkElement 的抽象类

简单来说就是,在不改变一个UIElement结构的情况下,将一个Visual对象加到它上面.

 

应用举例:

现在我们拥有一个文本框,但是我们需要限定输入的字符串,当输入的是非法字符串的时候,要求将文本框的四周包裹一个红色的边框.通常我们可以用Border将文本框包裹在里面,然后动态地改变它的颜色来实现功能.那么现在我们可以直接在文本框上面加一个装饰器来实现.

Adorner类

AdornerLayer类

装饰器是放在装饰层(AdornerLayer)里面的,这就意味着我们可以添加多个装饰器到UIElement上.通过AdornerLayer的静态方法GetAdornerLayer,我们可以很轻松的获取一个UIElement的装饰层.

接下来我们只要继承Adorner这个抽象类,来实现一个真实可用的装饰器,然后把装饰器加到控件的装饰层上面就可以了.

 

public class AdornerForTextBox : Adorner
{
    private VisualCollection visual;
    private Border border;

    public AdornerForTextBox(UIElement uiElement)
        : base(uiElement)
    {
        visual = new VisualCollection(this);
        #region 定义装饰器的样子
        border = new Border();
        border.BorderBrush = Brushes.Red;
        border.BorderThickness = new Thickness(1);
        border.Height = 20;
        border.Width = 80;
        #endregion
        visual.Add(border);
    }

    protected override int VisualChildrenCount
    {
        get
        {
            return visual.Count;
        }
    }

    protected override Visual GetVisualChild(int index)
    {
        return visual[index];
    }

    protected override Size MeasureOverride(Size constraint)
    {
        return base.MeasureOverride(constraint);
    }

    protected override Size ArrangeOverride(Size finalSize)
    {
        border.Arrange(new Rect(finalSize));
        border.Margin = new Thickness(0, 0, 0, 0);//绘制装饰器在元素上的最终位置
        return base.ArrangeOverride(finalSize);
    }
}

 

显示装饰器

var adornerLayer = AdornerLayer.GetAdornerLayer(tb_Adorner);
if (adornerLayer != null)
{
    //清空原有的装饰器
    var adorners = adornerLayer.GetAdorners(tb_Adorner);
    if (adorners != null && adorners.Count() > 0)
    {
        for (int i = 0; i < adorners.Count(); i++)
        {
            adornerLayer.Remove(adorners[i]);
        }
    }

    adornerLayer.Add(new AdornerForTextBox(tb_Adorner));
}

 

效果图:

 

 

源代码下载:

http://files.cnblogs.com/youngytj/AdornerTest.rar

2楼张冬
小白,学习了。,其实也没学会%gt;_lt;%
1楼三台
没看懂到底啥意思……,看起来挺不错的 ,但是……
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: