WPF 截圖控制元件之移除控制元件(九)「仿微信」

2022-08-05 18:01:03

WPF 截圖控制元件之移除控制元件(九)「仿微信」

WPF 截圖控制元件之移除控制元件(九)「仿微信」

作者:WPFDevelopersOrg

原文連結: https://github.com/WPFDevelopersOrg/WPFDevelopers

正文

一、前幾篇實現了新增 方框橢圓箭頭 此時需要刪除所新增的操作和復原上次操作。
1)選中操作

  • 在新增方框橢圓箭頭畫筆文字的同時需要設定Tag=Draw用於標記是操作的痕跡 實現MouseLeftButtonDown事件。
  • 監聽到操作MouseLeftButtonDown事件後迴圈VisualTreeHelper.GetChildren獲取返回指定可視物件包含的子級個數。判斷Tag==Draw設定其Opacity=1清除上次選擇。
  • 用一個變數存放當前選擇的操作使用FrameworkElement,然後設定當前內容Opacity=0.7

//箭頭
controlArrow.MouseLeftButtonDown += (s, e) =>
                {
                    SelectElement();
                    frameworkElement = s as Control;
                    frameworkElement.Opacity = .7;
                };
 //方框
 borderRectangle.MouseLeftButtonDown += (s, e) =>
                        {
                            SelectElement();
                            frameworkElement = s as Border;
                            frameworkElement.Opacity = .7;
                        };
//橢圓
drawEllipse.MouseLeftButtonDown += (s, e) =>
                        {
                            SelectElement();
                            frameworkElement = s as Ellipse;
                            frameworkElement.Opacity = .7;
                        };
//文字
                         textBorder.PreviewMouseLeftButtonDown += (s, e) =>
                    {
                        _radioButtonText.IsChecked = true;
                        _radioButtonText_Click(null,null);
                        SelectElement();
                        var border = s as Border;
                        frameworkElement = border;
                        frameworkElement.Opacity = .7;
                        border.BorderThickness = new Thickness(1);
                    };
//畫筆
                     polyLine.MouseLeftButtonDown += (s, e) =>
                    {
                        _radioButtonInk.IsChecked = true;
                        _radioButtonInk_Click(null, null);
                        SelectElement();
                        frameworkElement = s as Polyline;
                        frameworkElement.Opacity = .7;
                    };
 void SelectElement()
        {
            for (int i = 0; i < VisualTreeHelper.GetChildrenCount(_canvas); i++)
            {
                var child = VisualTreeHelper.GetChild(_canvas, i);
                if (child is FrameworkElement frameworkElement && frameworkElement.Tag != null)
                    if (frameworkElement.Tag.ToString() == _tag)
                        frameworkElement.Opacity = 1;
            }
        }

2)刪除操作 按下Delete鍵刪除。


if (e.Key == Key.Delete)
            {
                if (_canvas.Children.Count > 0)
                    _canvas.Children.Remove(frameworkElement);
            }

3)復原操作 按下Ctrl+Z 復原上次操作。


if (e.KeyStates == Keyboard.GetKeyStates(Key.Z) && Keyboard.Modifiers == ModifierKeys.Control)
            {
                if (_canvas.Children.Count > 0)
                    _canvas.Children.Remove(_canvas.Children[_canvas.Children.Count - 1]);
            }

完整程式碼如下

專案地址

  • 框架名:WPFDevelopers
  • 作者:WPFDevelopers
  • GitHub
  • Gitee
    還未完成功能誰有興趣歡迎在Github拉取分支後更改。