WPF 截图之改变大小(三)

WPF 截图之改变大小(三)

WPF 截图之改变大小(三)

作者：WPFDevelopersOrg

原文链接： https://github.com/WPFDevelopersOrg/WPFDevelopers

• 框架使用大于等于.NET40；

• Visual Studio 2022;

• 项目使用 MIT 开源许可协议；

• 接着上周写的截图控件继续更新 缩放操作。

  1.WPF实现截屏「仿微信」
  2.WPF 实现截屏控件之移动（二）「仿微信」

正文

实现拉伸放大或缩小缩放操作需在矩形四个方向绘制8个Thumb，这里有两种方式
1）可以自行在XAML中硬编写8个Thumb
2）使用装饰器Adorner

本章使用了第二种方式

一、首先新建个项目，然后创建个自定义控件，命名为ScreenCutAdorner，然后让它继承Adorner。

1.1

在装饰器中定义
8个Thumb，对应8个方位点：

      const double THUMB_SIZE = 15;
      const double MINIMAL_SIZE = 20;
      Thumb lc, tl, tc, tr, rc, br, bc, bl;
      VisualCollection visCollec;
      public ScreenCutAdorner(UIElement adorned): base(adorned)
      {
          visCollec = new VisualCollection(this);
          visCollec.Add(lc = GetResizeThumb(Cursors.SizeWE, HorizontalAlignment.Left, VerticalAlignment.Center));
          visCollec.Add(tl = GetResizeThumb(Cursors.SizeNWSE, HorizontalAlignment.Left, VerticalAlignment.Top));
          visCollec.Add(tc = GetResizeThumb(Cursors.SizeNS, HorizontalAlignment.Center, VerticalAlignment.Top));
          visCollec.Add(tr = GetResizeThumb(Cursors.SizeNESW, HorizontalAlignment.Right, VerticalAlignment.Top));
          visCollec.Add(rc = GetResizeThumb(Cursors.SizeWE, HorizontalAlignment.Right, VerticalAlignment.Center));
          visCollec.Add(br = GetResizeThumb(Cursors.SizeNWSE, HorizontalAlignment.Right, VerticalAlignment.Bottom));
          visCollec.Add(bc = GetResizeThumb(Cursors.SizeNS, HorizontalAlignment.Center, VerticalAlignment.Bottom));
          visCollec.Add(bl = GetResizeThumb(Cursors.SizeNESW, HorizontalAlignment.Left, VerticalAlignment.Bottom));
      }

1.2

重写 ArrangeOverride
在派生类中重写时，为 FrameworkElement派生类定位子元素并确定大小：

  protected override Visual GetVisualChild(int index);
  protected override int VisualChildrenCount{get;}
  protected override Size ArrangeOverride(Size finalSize)
        {
            double offset = THUMB_SIZE / 2;
            Size sz = new Size(THUMB_SIZE, THUMB_SIZE);
            lc.Arrange(new Rect(new Point(-offset, AdornedElement.RenderSize.Height / 2 - offset), sz));
            tl.Arrange(new Rect(new Point(-offset, -offset), sz));
            tc.Arrange(new Rect(new Point(AdornedElement.RenderSize.Width / 2 - offset, -offset), sz));
            tr.Arrange(new Rect(new Point(AdornedElement.RenderSize.Width - offset, -offset), sz));
            rc.Arrange(new Rect(new Point(AdornedElement.RenderSize.Width - offset, AdornedElement.RenderSize.Height / 2 - offset), sz));
            br.Arrange(new Rect(new Point(AdornedElement.RenderSize.Width - offset, AdornedElement.RenderSize.Height - offset), sz));
            bc.Arrange(new Rect(new Point(AdornedElement.RenderSize.Width / 2 - offset, AdornedElement.RenderSize.Height - offset), sz));
            bl.Arrange(new Rect(new Point(-offset, AdornedElement.RenderSize.Height - offset), sz));
            return finalSize;
        }   

1.3

ScreenCutAdorner
完整代码如下：

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

namespace WPFDevelopers.Controls
{
  public class ScreenCutAdorner : Adorner
  {
      const double THUMB_SIZE = 15;
      const double MINIMAL_SIZE = 20;
      Thumb lc, tl, tc, tr, rc, br, bc, bl;
      VisualCollection visCollec;
      public ScreenCutAdorner(UIElement adorned): base(adorned)
      {
          visCollec = new VisualCollection(this);
          visCollec.Add(lc = GetResizeThumb(Cursors.SizeWE, HorizontalAlignment.Left, VerticalAlignment.Center));
          visCollec.Add(tl = GetResizeThumb(Cursors.SizeNWSE, HorizontalAlignment.Left, VerticalAlignment.Top));