WPF 关于圆角的制作

原文:WPF 关于圆角的制作

1、使用Boder(一般情况):

设置CornerRadius属性

<Border x:Name="border" CornerRadius="20">

...

</Border>

2、创建ClippingBorder类：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows;

namespace Shgbit.Controls {
    /// <Remarks>
    ///     As a side effect ClippingBorder will surpress any databinding or animation of
    ///         its childs UIElement.Clip property until the child is removed from ClippingBorder
    /// </Remarks>
    public class ClippingBorder : Border {
        protected override void OnRender(DrawingContext dc) {
            OnApplyChildClip();
            base.OnRender(dc);
        }

        public override UIElement Child {
            get {
                return base.Child;
            }
            set {
                if (this.Child != value) {
                    if (this.Child != null) {
                        // Restore original clipping
                        this.Child.SetValue(UIElement.ClipProperty, _oldClip);
                    }

                    if (value != null) {
                        _oldClip = value.ReadLocalValue(UIElement.ClipProperty);
                    } else {
                        // If we dont set it to null we could leak a Geometry object
                        _oldClip = null;
                    }

                    base.Child = value;
                }
            }
        }

        protected virtual void OnApplyChildClip() {
            UIElement child = this.Child;
            if (child != null) {
                _clipRect.RadiusX = _clipRect.RadiusY = Math.Max(0.0, this.CornerRadius.TopLeft - (this.BorderThickness.Left * 0.5));
                Rect rect = new Rect(this.RenderSize);
                rect.Height -= (this.BorderThickness.Top + this.BorderThickness.Bottom);
                rect.Width -= (this.BorderThickness.Left + this.BorderThickness.Right);
                _clipRect.Rect = rect;
                child.Clip = _clipRect;
            }
        }

        public void Update() { OnApplyChildClip(); }

        private RectangleGeometry _clipRect = new RectangleGeometry();
        private object _oldClip;
    }
}

用法：
需应用xmlns:control="你的命名空间"

<control:ClippingBorder CornerRadius="20">
    <StackPanel Background="Yellow">
        <Label>Hello World</Label>
    </StackPanel>
</control:ClippingBorder>

3、使用Clip(通过路径):

<Border Width="300" Height="100">
    <Border.Clip>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigure StartPoint="0,0" IsClosed="True">
                    <LineSegment Point="300,0" />
                    <LineSegment Point="300,80" />
                    <ArcSegment Point="280,100" Size="20,20" SweepDirection="Clockwise"/>
                    <LineSegment Point="0,100" />
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Border.Clip>
    <StackPanel Background="Yellow">
        <Label>Hello World</Label>
    </StackPanel>
</Border>