欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

C# wpf Canvas中實現(xiàn)控件拖動調(diào)整大小的示例

 更新時間：2022年08月05日 09:14:31   作者：CodeOfCC  
本文主要介紹了C# wpf Canvas中實現(xiàn)控件拖動調(diào)整大小的示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

前言

我們做圖片編輯工具、視頻編輯工具、或者畫板有時需要實現(xiàn)控件縮放功能，比如圖片或圖形可以拉伸放大或縮小，實現(xiàn)這種功能通常需要8個點，對應(yīng)4條邊和4個角，在wpf中通?？梢允褂醚b飾器實現(xiàn)。

一、功能說明

8個點方放置在控件的8個方位上，通過拖動這些點對控件進(jìn)行拉伸或縮小，示意圖如下：

在這里插入圖片描述

二、如何實現(xiàn)？

1.繼承Adorner

通過裝飾器的方式添加8個點在控件上，這樣既可以不影響控件布局，又可以自由擺放8點控件。通過重寫方法，給裝飾添加控件。必要的重寫的方法如下面示例所示：

public class CanvasAdorner : Adorner
{
  //獲取裝飾器的元素個數(shù)
  protected override Visual GetVisualChild(int index);
  //指定裝飾器子元素個數(shù)
  protected override int VisualChildrenCount{get;}
  //布局，添加的子元素需要手動布局。
  protected override Size ArrangeOverride(Size finalSize);      
}

2.使用Thumb

因為Thumb實現(xiàn)拖動比較容易，有相關(guān)事件獲取拖動距離。在裝飾器中定義8個Thumb，對應(yīng)8個方位點。
示例代碼如下：

//4條邊
Thumb _leftThumb, _topThumb, _rightThumb, _bottomThumb;
//4個角
Thumb _lefTopThumb, _rightTopThumb, _rightBottomThumb, _leftbottomThumb;

初始化

 public CanvasAdorner(UIElement adornedElement) : base(adornedElement)
 {
     //初始化thumb
     _leftThumb = new Thumb();
     _leftThumb.HorizontalAlignment = HorizontalAlignment.Left;
     _leftThumb.VerticalAlignment = VerticalAlignment.Center;
     _leftThumb.Cursor = Cursors.SizeWE;
     //其他略...
}

3.實現(xiàn)拖動邏輯

在Thumb的DragDelta事件可以獲取拖動距離，根據(jù)八個方位的不同計算并修改控件的大小。

private void Thumb_DragDelta(object sender, DragDeltaEventArgs e)
{
//1.右側(cè)點HorizontalChange加寬
//2.左側(cè)點HorizontalChange減寬，加左移
//3.下側(cè)點VerticalChange加高
//4.上側(cè)點VerticalChange減高，加上移
}

三、完整代碼

代碼如下：

   public class CanvasAdorner : Adorner
    {
        //4條邊
        Thumb _leftThumb, _topThumb, _rightThumb, _bottomThumb;
        //4個角
        Thumb _lefTopThumb, _rightTopThumb, _rightBottomThumb, _leftbottomThumb;
        //布局容器，如果不使用布局容器，則需要給上述8個控件布局，實現(xiàn)和Grid布局定位是一樣的，會比較繁瑣且意義不大。
        Grid _grid;
        UIElement _adornedElement;
        public CanvasAdorner(UIElement adornedElement) : base(adornedElement)
        {
            _adornedElement = adornedElement;
            //初始化thumb
            _leftThumb = new Thumb();
            _leftThumb.HorizontalAlignment = HorizontalAlignment.Left;
            _leftThumb.VerticalAlignment = VerticalAlignment.Center;
            _leftThumb.Cursor = Cursors.SizeWE;
            _topThumb = new Thumb();
            _topThumb.HorizontalAlignment = HorizontalAlignment.Center;
            _topThumb.VerticalAlignment = VerticalAlignment.Top;
            _topThumb.Cursor = Cursors.SizeNS;
            _rightThumb = new Thumb();
            _rightThumb.HorizontalAlignment = HorizontalAlignment.Right;
            _rightThumb.VerticalAlignment = VerticalAlignment.Center;
            _rightThumb.Cursor = Cursors.SizeWE;
            _bottomThumb = new Thumb();
            _bottomThumb.HorizontalAlignment = HorizontalAlignment.Center;
            _bottomThumb.VerticalAlignment = VerticalAlignment.Bottom;
            _bottomThumb.Cursor = Cursors.SizeNS;
            _lefTopThumb = new Thumb();
            _lefTopThumb.HorizontalAlignment = HorizontalAlignment.Left;
            _lefTopThumb.VerticalAlignment = VerticalAlignment.Top;
            _lefTopThumb.Cursor = Cursors.SizeNWSE;
            _rightTopThumb = new Thumb();
            _rightTopThumb.HorizontalAlignment = HorizontalAlignment.Right;
            _rightTopThumb.VerticalAlignment = VerticalAlignment.Top;
            _rightTopThumb.Cursor = Cursors.SizeNESW;
            _rightBottomThumb = new Thumb();
            _rightBottomThumb.HorizontalAlignment = HorizontalAlignment.Right;
            _rightBottomThumb.VerticalAlignment = VerticalAlignment.Bottom;
            _rightBottomThumb.Cursor = Cursors.SizeNWSE;
            _leftbottomThumb = new Thumb();
            _leftbottomThumb.HorizontalAlignment = HorizontalAlignment.Left;
            _leftbottomThumb.VerticalAlignment = VerticalAlignment.Bottom;
            _leftbottomThumb.Cursor = Cursors.SizeNESW;
            _grid = new Grid();
            _grid.Children.Add(_leftThumb);
            _grid.Children.Add(_topThumb);
            _grid.Children.Add(_rightThumb);
            _grid.Children.Add(_bottomThumb);
            _grid.Children.Add(_lefTopThumb);
            _grid.Children.Add(_rightTopThumb);
            _grid.Children.Add(_rightBottomThumb);
            _grid.Children.Add(_leftbottomThumb);
            AddVisualChild(_grid);
            foreach (Thumb thumb in _grid.Children)
            {
                thumb.Width = 16;
                thumb.Height = 16;
                thumb.Background = Brushes.Green;
                thumb.Template = new ControlTemplate(typeof(Thumb))
                {
                    VisualTree = GetFactory(new SolidColorBrush(Colors.White))
                };
                thumb.DragDelta += Thumb_DragDelta;
            }
        }
        protected override Visual GetVisualChild(int index)
        {
            return _grid;
        }
        protected override int VisualChildrenCount
        {
            get
            {
                return 1;
            }
        }
        protected override Size ArrangeOverride(Size finalSize)
        {
            //直接給grid布局，grid內(nèi)部的thumb會自動布局。
            _grid.Arrange(new Rect(new Point(-_leftThumb.Width / 2, -_leftThumb.Height / 2), new Size(finalSize.Width + _leftThumb.Width, finalSize.Height + _leftThumb.Height)));
            return finalSize;
        }
        //拖動邏輯
        private void Thumb_DragDelta(object sender, DragDeltaEventArgs e)
        {
            var c = _adornedElement as FrameworkElement;
            var thumb = sender as FrameworkElement;
            double left, top, width, height;
            if (thumb.HorizontalAlignment == HorizontalAlignment.Left)
            {

                left =double.IsNaN( Canvas.GetLeft(c))?0: Canvas.GetLeft(c) + e.HorizontalChange;
                width = c.Width - e.HorizontalChange;
            }
            else
            {
                left = Canvas.GetLeft(c);
                width = c.Width + e.HorizontalChange;
            }
            if (thumb.VerticalAlignment == VerticalAlignment.Top)
            {
                top = double.IsNaN(Canvas.GetTop(c)) ? 0 : Canvas.GetTop(c) + e.VerticalChange;
                height = c.Height - e.VerticalChange;
            }
            else
            {
                top = Canvas.GetTop(c);
                height = c.Height + e.VerticalChange;
            }
            if (thumb.HorizontalAlignment != HorizontalAlignment.Center)
            {
                if (width >= 0)
                {
                    Canvas.SetLeft(c, left);
                    c.Width = width;
                }
            }
            if (thumb.VerticalAlignment != VerticalAlignment.Center)
            {
                if (height >= 0)
                {
                    Canvas.SetTop(c, top);
                    c.Height = height;
                }
            }
        }
        //thumb的樣式
        FrameworkElementFactory GetFactory(Brush back)
        {
            var fef = new FrameworkElementFactory(typeof(Ellipse));
            fef.SetValue(Ellipse.FillProperty, back);
            fef.SetValue(Ellipse.StrokeProperty, new SolidColorBrush((Color)ColorConverter.ConvertFromString("#999999")));
            fef.SetValue(Ellipse.StrokeThicknessProperty, (double)2);
            return fef;
        }
    }

四、使用示例

示例代碼如下：
xaml

<Canvas Margin="20">
    <Border  x:Name="border"  Width="200" Height="200"  Background="Gray"  ></Border>
</Canvas>

在窗口或控件的Loaded事件中添加裝飾器：
cs

private void window_Loaded(object sender, RoutedEventArgs e)
{
    var layer = AdornerLayer.GetAdornerLayer(border);
    layer.Add(new CanvasAdorner(border));
}

效果預(yù)覽：

在這里插入圖片描述

總結(jié)

以上就是今天要講的內(nèi)容，本文講述了控件縮放的方法與實現(xiàn)，都相對較簡單，尤其是實現(xiàn)也是特意精簡了代碼，比如布局直接使用Grid控件，拖動的邏輯也是較為簡化，最終呈現(xiàn)的效果還是比較不錯的。

到此這篇關(guān)于C# wpf Canvas中實現(xiàn)控件拖動調(diào)整大小的示例的文章就介紹到這了,更多相關(guān)C# wpf Canvas控件拖動調(diào)整大小內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • C#實現(xiàn)壓縮和解壓縮的方法示例【Gzip和Zip方式】

    C#實現(xiàn)壓縮和解壓縮的方法示例【Gzip和Zip方式】

    這篇文章主要介紹了C#實現(xiàn)壓縮和解壓縮的方法,結(jié)合具體實例形式分析了Gzip和Zip兩種壓縮操作實現(xiàn)方法,需要的朋友可以參考下
    2017-06-06
  • C#操作進(jìn)程的方法介紹

    C#操作進(jìn)程的方法介紹

    這篇文章介紹了C#操作進(jìn)程的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-02-02
  • c# 基于任務(wù)的異步編程模式（TAP）

    c# 基于任務(wù)的異步編程模式（TAP）

    這篇文章主要介紹了c# 基于任務(wù)的異步編程模式（TAP）的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)c# 異步編程的相關(guān)知識，感興趣的朋友可以了解下
    2020-11-11
  • C#/VB.NET 實現(xiàn)在PDF表格中添加條形碼

    C#/VB.NET 實現(xiàn)在PDF表格中添加條形碼

    條碼的應(yīng)用已深入生活和工作的方方面面。在處理條碼時，常需要和各種文檔格式相結(jié)合。本文，以操作PDF文件為例，介紹如何在編輯表格時，向單元格中插入條形碼,需要的可以參考一下
    2022-06-06
  • c#一個定時重啟的小程序?qū)崿F(xiàn)代碼

    c#一個定時重啟的小程序?qū)崿F(xiàn)代碼

    今天有個朋友找我問有沒有一些能像Windows一樣計劃任務(wù)重啟的軟件，我也不清楚。他它說能讓我做一個給他它么？我考慮了一下，他的服務(wù)器都是有安裝.NET框架的，那可以用.NET來使下~~！
    2008-09-09
  • 輕松學(xué)習(xí)C#的正則表達(dá)式

    輕松學(xué)習(xí)C#的正則表達(dá)式

    輕松學(xué)習(xí)C#的正則表達(dá)式，對C#的正則表達(dá)式感興趣的朋友可以參考本篇文章，幫助大家更靈活的運用C#的正則表達(dá)式
    2015-11-11
  • C# SMTP發(fā)送郵件的示例

    C# SMTP發(fā)送郵件的示例

    這篇文章主要介紹了C# SMTP發(fā)送郵件的示例，幫助大家更好的理解和學(xué)習(xí)c#，感興趣的朋友可以了解下
    2020-12-12
  • c# 正則指引--字符組

    c# 正則指引--字符組

    c#中通過正則來判斷數(shù)字字符在同一個位子可能出現(xiàn)的各種字符，需要的朋友可以參考下
    2012-10-10
  • C#實現(xiàn)WPF項目復(fù)制和移動文件夾

    C#實現(xiàn)WPF項目復(fù)制和移動文件夾

    這篇文章介紹了C#實現(xiàn)WPF項目復(fù)制和移動文件夾的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2022-03-03
  • Unity3D實現(xiàn)鼠標(biāo)控制視角轉(zhuǎn)動

    Unity3D實現(xiàn)鼠標(biāo)控制視角轉(zhuǎn)動

    這篇文章主要為大家詳細(xì)介紹了Unity3D實現(xiàn)鼠標(biāo)控制視角轉(zhuǎn)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-02-02

最新評論