原文:
WPF 关于圆角的制作
1、使用Boder(一般情况):
设置CornerRadius属性
<Border x:Name="border" CornerRadius="20">
...
</Border>
2、创建ClippingBorder类:
View Code
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>