WPF 自定义图片剪切器 - 头像剪切。你懂得

最新推荐文章于 2024-03-31 00:21:14 发布
最新推荐文章于 2024-03-31 00:21:14 发布
阅读量4.2k 收藏 2
点赞数
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvguoshan/article/details/47777443
版权

说废话，无卵用、代码可能有点乱


一、剪切器界面设计

<UserControl x:Class="DialogEx.Controls.ImageDealer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" Background="Transparent"
             SnapsToDevicePixels="True" 
             PreviewMouseDown="UserControl_MouseDown" PreviewMouseUp="UserControl_MouseUp" MouseLeave="UserControl_MouseLeave" PreviewMouseMove="UserControl_MouseMove"
             >
    <Grid Name="MainGrid" MinHeight="200" MinWidth="200" >
            <Image Name="SoureceImage" Stretch="Fill"></Image>
            <Border Name="ImageArea"  BorderBrush="Red" BorderThickness="1,1,1,1" Panel.ZIndex="5" Margin="50"  Width="100" Height="100"> 
            <Grid >
                <Rectangle Name="R_LeftUp"    Width="5" Height="5" Margin="-3" VerticalAlignment="Top"    HorizontalAlignment="Left"   Fill="White" Panel.ZIndex="0" Cursor="SizeNWSE"/>
                <Rectangle Name="R_Up"        Width="5" Height="5" Margin="-3" VerticalAlignment="Top"    HorizontalAlignment="Center" Fill="White" Panel.ZIndex="0" Cursor="SizeNS"/>
                <Rectangle Name="R_RightUp"   Width="5" Height="5" Margin="-3" VerticalAlignment="Top"    HorizontalAlignment="Right"  Fill="White" Panel.ZIndex="0" Cursor="SizeNESW"/>
                <Rectangle Name="R_Right"     Width="5" Height="5" Margin="-3" VerticalAlignment="Center" HorizontalAlignment="Right"  Fill="White" Panel.ZIndex="0" Cursor="SizeWE"/>
                <Rectangle Name="R_RightDown" Width="5" Height="5" Margin="-3" VerticalAlignment="Bottom" HorizontalAlignment="Right"  Fill="White" Panel.ZIndex="0" Cursor="SizeNWSE"/>
                <Rectangle Name="R_Down"      Width="5" Height="5" Margin="-3" VerticalAlignment="Bottom" HorizontalAlignment="Center" Fill="White" Panel.ZIndex="0" Cursor="SizeNS"/>
                <Rectangle Name="R_LeftDown"  Width="5" Height="5" Margin="-3" VerticalAlignment="Bottom" HorizontalAlignment="Left"   Fill="White" Panel.ZIndex="0" Cursor="SizeNESW"/>
                <Rectangle Name="R_Left"      Width="5" Height="5" Margin="-3" VerticalAlignment="Center" HorizontalAlignment="Left"   Fill="White" Panel.ZIndex="0" Cursor="SizeWE"/>
                <!--<GridSplitter Height="5" Width="5" VerticalAlignment="Bottom" HorizontalAlignment="Stretch"></GridSplitter>-->
            </Grid>
        </Border>

    </Grid>
</UserControl>


二、剪辑器后台设计 

using DialogEx.Class;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace DialogEx.Controls
{
     
    public partial class ImageDealer : UserControl
    {
        #region 公共字段

        public static readonly RoutedEvent OnCutImagingEventHandler = EventManager.RegisterRoutedEvent("OnCutImaging", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(ImageDealer));
        public event RoutedEventHandler OnCutImaging
        {
            add { base.AddHandler(OnCutImagingEventHandler, value); }
            remove { base.RemoveHandler(OnCutImagingEventHandler, value); }
        }
        private BitmapImage _BitSource;
        public BitmapImage BitSource
        {
            get { return this._BitSource; }
            set 
            {
                this._BitSource = value;
                this.SoureceImage.Source = value;
                //CutImage();
            } 
        }
        #endregion

        #region 依赖属性

        /// <summary>
        /// 边距
        /// </summary>
        public double MaxMargin = 2;

        //public Brush BorderBrush;
        
        #endregion

        #region ==私有字段==
        /// <summary>
        /// 鼠标样式
        /// </summary>
        private Cursor MouseCursor = Cursors.Arrow;
        /// <summary>
        /// 鼠标位置
        /// </summary>
        private MouseLocationEnum MouseLocation = MouseLocationEnum.None;
        /// <summary>
        /// 鼠标行为
        /// </summary>
        private MouseActionEx Action { get; set; }
        /// <summary>
        /// 边框粗细
        /// </summary>
        private double BorderWidth = 1;
        /// <summary>
        /// 拖拽前鼠标按下位置
        /// </summary>
        private Point MouseDownPoint;
        /// <summary>
        /// 拖拽前控件位置
        /// </summary>
        private Point MouseDownLocate;
        #endregion

        #region ==方法==
        public ImageDealer()
        {
            InitializeComponent();
        }
        /// <summary>
        /// 计算区域圆点及宽高
        /// </summary>
        /// <param name="MouseButtonLocate">鼠标相对背景MainGrid位置</param>
        /// <param name="IsRectangle">是否正方形</param>
        /// <returns>NULL 或 具体值</returns>
        private RectangleAreaModel CalculatedArea(Point MouseButtonLocate, bool IsRectangle)
        {
            Point Locate = this.ImageArea.TransformToAncestor((UIElement)this.MainGrid).Transform(new Point(0, 0));
            //边框宽度
            double BorderWidth = this.BorderWidth;
            //整体宽度
            double RectWidth = this.ImageArea.ActualWidth;
            //整体高度
            double RectHeight = this.ImageArea.ActualHeight;

            //裁剪区域
            Point OriginalPoint = new Point(0, 0);//圆点坐标
            Point TheoryPoint = new Point(0, 0);  //理论坐标
            double TheoryWidth = 0;   //理论宽度
            double TheoryHeight = 0;  //理论高度
            switch (MouseLocation)
            {
                case MouseLocationEnum.Left:
                    {
                        this.Cursor = Cursors.SizeWE;

                        OriginalPoint = new Point(Locate.X + RectWidth - BorderWidth / 2, Locate.Y + RectHeight / 2);//右中部位置
                        TheoryWidth = OriginalPoint.X - MouseButtonLocate.X + BorderWidth;
                        TheoryHeight = IsRectangle == true ? TheoryWidth : RectHeight;

                        TheoryPoint = new Point(OriginalPoint.X + BorderWidth / 2 - TheoryWidth, OriginalPoint.Y - TheoryHeight / 2);
                    }
                    break;
                case MouseLocationEnum.LeftUp:
                    {
                        this.Cursor = Cursors.SizeNWSE;

                        OriginalPoint = new Point(Locate.X + RectWidth - BorderWidth / 2, Locate.Y + RectHeight - BorderWidth / 2);//右下部位置
                        TheoryWidth = OriginalPoint.X - MouseButtonLocate.X + BorderWidth;
                        TheoryHeight = IsRectangle == true ? TheoryWidth : OriginalPoint.Y - MouseButtonLocate.Y + BorderWidth;

                        TheoryPoint = new Point(OriginalPoint.X + BorderWidth / 2 - TheoryWidth, OriginalPoint.Y + BorderWidth / 2 - TheoryHeight);
                    }
                    break;
                case MouseLocationEnum.Up:
                    {
                        this.Cursor = Cursors.SizeNS;

                        OriginalPoint = new Point(Locate.X + RectWidth / 2, Locate.Y + RectHeight - BorderWidth / 2);//下中部位置
                        TheoryHeight = OriginalPoint.Y - MouseButtonLocate.Y + BorderWidth;
                        TheoryWidth = IsRectangle == true ? TheoryHeight : RectWidth;

                        TheoryPoint = new Point(OriginalPoint.X - TheoryWidth / 2, OriginalPoint.Y + BorderWidth / 2 - TheoryHeight);
                    }
                    break;
                case MouseLocationEnum.RightUp:
                    {
                        this.Cursor = Cursors.SizeNESW;

                        OriginalPoint = new Point(Locate.X + BorderWidth / 2, Locate.Y + RectHeight - BorderWidth / 2);//左下部位置
                        TheoryWidth = MouseButtonLocate.X - OriginalPoint.X + BorderWidth;
                        TheoryHeight = IsRectangle == true ? TheoryWidth : MouseButtonLocate.Y - OriginalPoint.Y + BorderWidth;

                        TheoryPoint = new Point(OriginalPoint.X - BorderWidth / 2, OriginalPoint.Y + BorderWidth / 2 - TheoryHeight);
                    }
                    break;
                case MouseLocationEnum.Right:
                    {
                        this.Cursor = Cursors.SizeWE;

                        OriginalPoint = new Point(Locate.X + BorderWidth / 2, Locate.Y + RectHeight / 2);//左中部位置
                        TheoryWidth = MouseButtonLocate.X - OriginalPoint.X + BorderWidth;
                        TheoryHeight = IsRectangle == true ? TheoryWidth : RectHeight;

                        TheoryPoint = new Point(OriginalPoint.X - BorderWidth / 2, OriginalPoint.Y - TheoryHeight / 2);
                    }
                    break;
                case MouseLocationEnum.RightDown:
                    {
                        this.Cursor = Cursors.SizeNWSE;

                        OriginalPoint = new Point(Locate.X + BorderWidth / 2, Locate.Y + BorderWidth / 2);//左上部位置
                        TheoryWidth = MouseButtonLocate.X - OriginalPoint.X + BorderWidth;
                        TheoryHeight = IsRectangle == true ? TheoryWidth : MouseButtonLocate.Y - OriginalPoint.Y + BorderWidth;

                        TheoryPoint = new Point(OriginalPoint.X - BorderWidth / 2, OriginalPoint.Y - BorderWidth / 2);
                    }
                    break;
                case MouseLocationEnum.Down:
                    {
                        this.Cursor = Cursors.SizeNS;

                        OriginalPoint = new Point(Locate.X + RectWidth / 2, Locate.Y + BorderWidth / 2);//上中部位置
                        TheoryHeight = MouseButtonLocate.Y - OriginalPoint.Y + BorderWidth;
                        TheoryWidth = IsRectangle == true ? TheoryHeight : RectWidth;

                        TheoryPoint = new Point(OriginalPoint.X - TheoryWidth / 2, OriginalPoint.Y - BorderWidth / 2);
                    }
                    break;
                case MouseLocationEnum.LeftDown:
                    {
                        this.Cursor = Cursors.SizeNESW;

                        OriginalPoint = new Point(Locate.X + RectWidth - BorderWidth / 2, Locate.Y + BorderWidth / 2);//右上部位置
                        TheoryWidth = OriginalPoint.X - MouseButtonLocate.X + BorderWidth;
                        TheoryHeight = IsRectangle == true ? TheoryWidth : OriginalPoint.Y - MouseButtonLocate.Y + BorderWidth;

                        TheoryPoint = new Point(OriginalPoint.X + BorderWidth / 2 - TheoryWidth, OriginalPoint.Y - BorderWidth / 2);
                    }
                    break;
                default:
                    return null;
            }
            return new RectangleAreaModel()
            {
                X = TheoryPoint.X,
                Y = TheoryPoint.Y,
                Width = TheoryWidth,
                Height = TheoryHeight
            };
        }
        /// <summary>
        /// 图片剪切
        /// </summary>
        public void CutImage()
        {
            if (this.BitSource != null)
            {
                BitmapSource source = (BitmapSource)this.BitSource;
                //计算比例
                Point Locate = this.ImageArea.TransformToAncestor((UIElement)this.MainGrid).Transform(new Point(0, 0));
                int dWidth = (int)((this.ImageArea.ActualWidth * 1.0 / this.MainGrid.ActualWidth) * source.PixelWidth);
                int dHeight = (int)((this.ImageArea.ActualHeight * 1.0 / this.MainGrid.ActualHeight) * source.PixelHeight);
                int dLeft = (int)((Locate.X * 1.0 / this.MainGrid.ActualWidth) * source.PixelWidth);
                int dTop = (int)((Locate.Y * 1.0 / this.MainGrid.ActualHeight) * source.PixelHeight);
                //像素区域
                Int32Rect cutRect = new Int32Rect(dLeft, dTop, dWidth, dHeight);
                //数组字节数
                int stride = source.Format.BitsPerPixel * cutRect.Width / 8;
                byte[] data = new byte[cutRect.Height * stride];
                source.CopyPixels(cutRect, data, stride, 0);
                //创建
                BitmapSource bit = BitmapSource.Create(dWidth, dHeight, 0, 0, PixelFormats.Bgr32, null, data, stride);
                //通知订阅
                RaiseEvent(new RoutedEventArgs(OnCutImagingEventHandler, bit));
            }
        }
        /// <summary>
        /// 视图转图片
        /// </summary>
        /// <param name="vsual"></param>
        /// <param name="nLeft"></param>
        /// <param name="nTop"></param>
        /// <param name="nWidth"></param>
        /// <param name="nHeight"></param>
        /// <returns></returns>
        private RenderTargetBitmap RenderVisaulToBitmap(Visual vsual,int nLeft, int nTop,int nWidth, int nHeight)
        {
            var rtb = new RenderTargetBitmap(nWidth, nHeight, nLeft, nTop, PixelFormats.Default);
            rtb.Render(vsual);

            return rtb;
        }
        /// <summary>
        /// Bitmap转图片
        /// </summary>
        /// <param name="bmp"></param>
        /// <returns></returns>
        public BitmapSource ToBitmapSource(System.Drawing.Bitmap bmp)
        {
            BitmapSource returnSource;

            try
            {
                returnSource = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(bmp.GetHbitmap(), IntPtr.Zero, Int32Rect.Empty, BitmapSizeOptions.FromEmptyOptions());
            }
            catch
            {
                returnSource = null;
            }

            return returnSource;

        }
        #endregion
       
        #region ==事件==
        
        //按下鼠标
        private void UserControl_MouseDown(object sender, MouseButtonEventArgs e)
        {
            this.MouseLocation = Class.MouseLocationEnum.None;
            if (e.OriginalSource.GetType() == typeof(Rectangle))
            {
                Rectangle Act = e.OriginalSource as Rectangle;
                switch (Act.Name)
                {
                    case "R_Left": MouseLocation = Class.MouseLocationEnum.Left; break;
                    case "R_LeftUp": MouseLocation = Class.MouseLocationEnum.LeftUp; break;
                    case "R_Up": MouseLocation = Class.MouseLocationEnum.Up; break;
                    case "R_RightUp": MouseLocation = Class.MouseLocationEnum.RightUp; break;
                    case "R_Right": MouseLocation = Class.MouseLocationEnum.Right; break;
                    case "R_RightDown": MouseLocation = Class.MouseLocationEnum.RightDown; break;
                    case "R_Down": MouseLocation = Class.MouseLocationEnum.Down; break;
                    case "R_LeftDown": MouseLocation = Class.MouseLocationEnum.LeftDown; break;
                    default: MouseLocation = Class.MouseLocationEnum.None; break;
                }

                this.Action = MouseActionEx.Drag;
            }
            else
            {
                this.MouseDownPoint = Mouse.GetPosition(e.Source as FrameworkElement);//WPF方法
                this.MouseDownLocate = this.ImageArea.TransformToAncestor((UIElement)this.MainGrid).Transform(new Point(0, 0));
                if ((this.MouseDownLocate.X < this.MouseDownPoint.X && this.MouseDownPoint.X < this.MouseDownLocate.X + this.ImageArea.ActualWidth) &&
                    (this.MouseDownLocate.Y < this.MouseDownPoint.Y && this.MouseDownPoint.Y < this.MouseDownLocate.Y + this.ImageArea.ActualHeight)
                    )
                {
                    this.Action = MouseActionEx.DragMove;
                }
            }

        }
        //弹起鼠标
        private void UserControl_MouseUp(object sender, MouseButtonEventArgs e)
        {
            this.Action = MouseActionEx.None;
            this.Cursor = Cursors.Arrow;
        }
        //移动鼠标
        private void UserControl_MouseMove(object sender, MouseEventArgs e)
        {
            //鼠标相对空间区域位置
            Point MousePoint = e.GetPosition((IInputElement)this.MainGrid);
            Point ImageLocate= this.ImageArea.TransformToAncestor((UIElement)this.MainGrid).Transform(new Point(0, 0));
            if (ImageLocate.X <= MousePoint.X && MousePoint.X <= ImageLocate.X + this.ImageArea.ActualWidth &&
                ImageLocate.Y <= MousePoint.Y && MousePoint.Y <= ImageLocate.Y + this.ImageArea.ActualHeight)
            {
                this.Cursor = Cursors.Hand;
            }
            else
            {
                this.Cursor = Cursors.Arrow;
            }
            //边框拉伸
            if (this.Action == MouseActionEx.Drag)
            {
                this.Cursor = this.MouseCursor;
                //剪辑图片区域宽高
                double ImageAreaWidth = this.ImageArea.ActualWidth;
                double ImageAreaHeight = this.ImageArea.ActualHeight;

                //裁剪区域理论位置
                RectangleAreaModel Model = this.CalculatedArea(MousePoint, true);
                if (Model != null)
                {
                    //不能超出边界区域
                    if (Model.X + Model.Width + MaxMargin > this.ActualWidth ||
                        Model.Y + Model.Height + MaxMargin > this.ActualHeight ||
                        Model.X < MaxMargin ||
                        Model.Y < MaxMargin
                        )
                    {
                        this.Cursor = Cursors.Arrow;
                        this.Action = MouseActionEx.None;
                        return;
                    }
                    this.ImageArea.Width = Model.Width;
                    this.ImageArea.Height = Model.Height;

                    this.ImageArea.SetValue(HorizontalAlignmentProperty, HorizontalAlignment.Left);
                    this.ImageArea.SetValue(VerticalAlignmentProperty, VerticalAlignment.Top);
                    this.ImageArea.SetValue(MarginProperty, new Thickness(Model.X, Model.Y, 0, 0));

                    CutImage();
                }
            }
            else if (this.Action == MouseActionEx.DragMove)//拖动
            {
                double Left = this.MouseDownLocate.X + (MousePoint.X - MouseDownPoint.X);
                double Top = this.MouseDownLocate.Y + (MousePoint.Y - MouseDownPoint.Y);
                //不能超出边界区域
                if (Left < MaxMargin ||
                    Top < MaxMargin ||
                    (Left + this.ImageArea.ActualWidth + MaxMargin) > this.ActualWidth ||
                    (Top + this.ImageArea.ActualHeight + MaxMargin) > this.ActualHeight)
                {
                    this.Cursor = Cursors.Arrow;
                    this.Action = MouseActionEx.None;
                    return;
                }
                this.ImageArea.Width = this.ImageArea.ActualWidth;
                this.ImageArea.Height = this.ImageArea.ActualHeight;

                this.ImageArea.SetValue(HorizontalAlignmentProperty, HorizontalAlignment.Left);
                this.ImageArea.SetValue(VerticalAlignmentProperty, VerticalAlignment.Top);
                this.ImageArea.SetValue(MarginProperty, new Thickness(Left, Top, 0, 0));

                CutImage();
            }
            else
            {
                //this.Cursor = Cursors.Arrow;
            }
        }
        //鼠标离开
        private void UserControl_MouseLeave(object sender, MouseEventArgs e)
        {
            this.Action = MouseActionEx.None;

        }
        #endregion

        
    }
}


三、还需要一个蛋疼的辅助类 


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace DialogEx.Class
{
    /// <summary>
    /// 鼠标八大位置枚举
    /// </summary>
    public enum MouseLocationEnum
    {
        None,
        Left,
        Up,
        Right,
        Down,
        LeftUp,
        LeftDown,
        RightUp,
        RightDown
    }
    /// <summary>
    /// 
    /// </summary>
    public class RectangleAreaModel
    {
        public double X { get; set; }
        public double Y { get; set; }
        public double Width { get; set; }
        public double Height { get; set; }
    }
    /// <summary>
    /// 鼠标状态
    /// </summary>
    public enum MouseActionEx
    {
        /// <summary>
        /// 无
        /// </summary>
        None,
        /// <summary>
        /// 拖拽
        /// </summary>
        Drag,
        /// <summary>
        /// 拖动
        /// </summary>
        DragMove
    }

    public enum SculptureAction
    {
        Nomal,
        Video,
        Image,
    }

}


四、使用方法 - 下面这个是框架下的事件请尝试改成普通事件。我比较懒 - 希望能看懂。 

<pre name="code" class="csharp">界面使用
</pre><pre name="code" class="csharp">xmlns:MyControls="clr-namespace:DialogEx.Controls;assembly=DialogEx"
<MyControls:ImageDealer Panel.ZIndex="0" x:Name="ImageDealer" cal:Message.Attach="[Event OnCutImaging]=[Action OnCutImaging($EventArgs)]"></MyControls:ImageDealer>
 
/// <summary>  
/// 截图中 - 实时 
<span style="white-space:pre">	</span>/// </summary>
        /// <param name="source"></param>
        public void OnCutImaging(object source)
        {
            if (source != null && source.GetType() == typeof(RoutedEventArgs))
            {
                // if (((RoutedEventArgs)source).OriginalSource.GetType() == typeof(CroppedBitmap))
                {
<pre name="code" class="csharp"><span style="white-space:pre">			</span>//得到了截图图片
                    BitmapSource CurBitMap = (BitmapSource)((RoutedEventArgs)source).OriginalSource;
                    
                    //下面就是对接到的图片处理了。建议将图片保存在Image控件<span style="font-family: Arial, Helvetica, sans-serif;">中。界面上用ContentPresenter。
<span style="white-space:pre">		</span>}
            }
        }
 

 

 

 五、关于明明截图成功，更换了头像。结果界面上显示的头像仍是以前的头像。 

 

那么你肯能碰到这个问题了
 

http://blog.csdn.net/lvguoshan/article/details/47172109
 
 


 
 


 
 

六、最近刚根据本篇缺陷写了个升级版。由于篇幅问题重新写了一篇新的
 

http://blog.csdn.net/lvguoshan/article/details/48627031
 
 


 
 


 
 

                

        

        

    




    

      

        

            

              
                
                  孤夜一点星
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
wpf裁剪图片

				
			

			

				

					07-25
				

			

		

		

			
				
自己优化的国外的一个程序 ，内存问题也已经解决。

			
		

	



                

              
                



	

		

			

				
					
UWP图片编辑器（涂鸦、裁剪、合成）

				
			

			

				

					weixin_34358092的博客
				

				

					06-03
					
					206
					
				

			

		

		

			
				

一、编辑器简介
写这个控件之前总想找一找开源的，可以偷下懒省点事。可是各种地方都搜遍了也没有找到。
于是，那就做第一个吃螃蟹的人吧！
控件主要有三个功能：涂鸦、裁剪、合成。 
涂鸦：主要是用到了InkToolbar和InkCanvas。 
裁剪：这个用到的比较复杂，源码会公布出来。 
合成：将涂鸦图层按比例缩放到原图大小，然后两个图层进行合成。 
本文GitHub地址
二、涂鸦...

			
		

	



                


  
              

                


	

		

			

				
					
WPF 图片头像自由剪切器实时截图细节放大器

				
			

			

				

					baoolong的博客
				

				

					09-21
					
					1101
					
				

			

		

		

			
				
在网上找了好久都找不到合适的截图框架，结果都不能满足我的需求，所以在大佬的基础上进行改进，开源实现图片头像自由剪切，实时截图，细节放大等功能
代码不是完整的，因为大多数代码属于公司的，我只能贡献我从开源项目那学到的，这也算是学习人家的开源精神

			
		

	





	

		

			

				
					
WPF学习11：基于MVVM Light 制作图形编辑工具（2）

				
			

			

				

					weixin_33859844的博客
				

				

					04-28
					
					509
					
				

			

		

		

			
				
本文是WPF学习10：基于MVVM Light 制作图形编辑工具（1）的后续  这一次的目标是完成  两个任务。    画布  效果：    画布上，选择的方案是：直接以Image作为画布，使用RenderTargetBitmap绑定为Image的图片源，这样可以为后续的导出图片功能提供很大的便利。  对拖动栏XAML进行如下修改： <Scrol...

			
		

	



		

			
		



	

		

			

				
					
【WPF应用24】C#中的Image控件详解与应用示例

					
最新发布

				
			

			

				

					qq_35320456的博客
				

				

					03-31
					
					3512
					
				

			

		

		

			
				
C#中的Image控件详解与应用示例

			
		

	





	

		

			

				
					
WPF 自定义图片剪切器 - 头像剪切

				
			

			

				

					01-17
				

			

		

		

			
				
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中实现一个自定义的图片剪切器，特别关注头像剪切的功能。这个话题基于一位CSDN博主的文章，他在博客中分享了详细的实现过程，并且提供了源码...

			
		

	





	

		

			

				
					
WPF图片头像自由剪切器实时截图细节放大器

				
			

			

				

					09-21
				

			

		

		

			
				
在网上找了好久都找不到合适的截图框架，结果都不能满足我的需求，所以在大佬的基础上进行改进，开源实现图片头像自由剪切，实时截图，细节放大等功能 代码不是完整的，因为大多数代码属于公司的，我只能贡献我从...

			
		

	





	

		

			

				
					
wpf自定义图片控件，可画框，图片浏览

				
			

			

				

					07-05
				

			

		

		

			
				
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）中自定义一个图片控件，使其具备图像浏览和画框功能。WPF是.NET Framework的一部分，提供了丰富的UI设计和图形渲染能力，使得开发出这样的...

			
		

	





	

		

			

				
					
WPF自定义图片按钮[ImageButtonWPF]

				
			

			

				

					02-09
				

			

		

		

			
				
WPF自定义图片按钮[ImageButtonWPF] 更多资源： http://cleopard.download.csdn.net

			
		

	





	

		

			

				
					
WPF自定义MenuItem样式的实现方法

				
			

			

				

					12-31
				

			

		

		

			
				
默认的MenuItem样式比较普通，这次自定义MenuItem的样式也只是对MenuItem的颜色风格进行变化。需要其他功能的变化，大家可以根据样式代码进行扩展。 MenuItem的样式代码：  <!--MenuItem-->  <Style Target...

			
		

	





	

		

			

				
					
C# WPF实现的图片处理小工具，可进行图片裁剪、缩放、涂鸦、旋转、查看图片信息、保存

				
			

			

				

					02-02
				

			

		

		

			
				
C#  WPF实现的图片处理小工具，可进行图片裁剪、缩放、涂鸦、旋转、查看图片信息、保存。

			
		

	





	

		

			

				
					
WPF自定义图片裁剪

				
			

			

				

					04-08
				

			

		

		

			
				
wpf自定义头像裁剪，类似ie中注册用户时上传指定大小比例头像。完整工程，可直接运行。

			
		

	





	

		

			

				
					
Wpf 实现图片分割、扩大、缩小、翻转、移动实例代码

				
			

			

				

					11-07
				

			

		

		

			
				
利用WPF技术实现的选择一张大图片后自动将其分解成您指定的块数，并可以显示在您指定的Element中，小图片间距可以自定义，该技术在代码中提供了动态库！
    同时提供了图片的扩大、缩小、翻转实例代码，您可以在此基础上进行扩展，以满足自己的需求！

			
		

	





	

		

			

				
					
WPF圆形头像设置

				
			

			

				

					cpplog
				

				

					02-02
					
					4083
					
				

			

		

		

			
				
发现有些小程序设置头像的处理似乎有点问题，特别是不断的放大、缩小后，会出现图片只显示出一半。主要问题是这些程序对于图片的边界判断存在问题，从而导致一些问题。
本文主要实现WPF下用户头像的设置处理，实现功能是用户选择一张图片该例子可以对选择的图片进行缩放和移动操作，最后方块内的部分，会被裁剪出来，最后以圆形头像显示出来。
启动后初始画面如下所示：


点击设置头像后，会显示对话框，点击导

			
		

	





	

		

			

				
					
图片画矩形并裁剪

				
			

			

				

					sdwfkfq的专栏
				

				

					06-09
					
					189
					
				

			

		

		

			
				
void MainWindow::displayImage(int , QImage image)


{


    int x,y,width,height;


    x=400;


    y=350;


    width=450;


    height=360;






    QPainter painter(&image);    //画家


    painter.setPen(QPen(Qt::blue,4));//设置画笔形式


    painter.d..

			
		

	





	

		

			

				
					
WPF 自定义图片剪切器 - 头像剪切（扩展与完善、实时截图）

				
			

			

				

					姑爷一典型的专栏
				

				

					09-21
					
					5620
					
				

			

		

		

			
				
WPF 自定义图片剪切器 - 头像剪切（扩展与完善）

			
		

	





	

		

			

				
					
WPF 矢量图形编辑软件- Inkscape

				
			

			

				

					君子居易
				

				

					03-24
					
					1497
					
				

			

		

		

			
				
Inkscape 总览

Inkscape是什么？

Inkscape是一个免费开源的矢量图形编辑软件，它适用于GUN/Linux，Windows或MacOS X系统平台。Inkscape提供了一套丰富的功能，被广泛用于艺术和技术插图中，例如：卡通，剪贴画，logo，排版，图表和流程图。不同于像素图，Inkscape使用的是矢量图，因此并不会被固定的像素所限制的，从而可以得到无限尺度清晰的打印输出和渲染。Inkscape使用标准化的SVG格式作为其主要文件格式（许多应用都支持SVG格式，包括网页浏览器）。


			
		

	





	

		

			

				
					
WPF用户头像裁剪器

				
			

			

				

					yyanjinhua的博客
				

				

					05-14
					
					176
					
				

			

		

		

			
				
WPF实现头像裁剪WPF开发者QQ群： 340500857效果预览：代码如下：逻辑代码：更多教程欢迎关注微信公众号：
WPF开发者QQ群： 340500857
前言
需要做一个用户选择头像进行裁剪后保存。
效果预览：

代码如下：
<Grid>
        <Border x:Name="containerPanel">
            <Canvas x:Name="DrawCanvas"
                    VerticalAlignment

			
		

	





	

		

			

				
					
【C#/WPF】图片的切割/切图/裁剪图片

				
			

			

				

					weixin_34294649的博客
				

				

					03-28
					
					630
					
				

			

		

		

			
				

前台准备两个Image控件。上面是显示原图，下面显示切割后的效果。
&lt;StackPanel Orientation="Vertical"&gt;
    &lt;Image Width="450" Height="383" Source="C:\Users\Administrator\Documents\Visual Studio 2015\Projects\SplitPic\SplitP...

			
		

	





	

		

			

				
					
wpf自定义时间选择器

				
			

			

				

					06-24
				

			

		

		

			
				
### 回答1：
WPF是一种强大的UI框架，它提供了许多控件，其中包括时间选择器控件。但是，由于在特定的应用程序中，需要自定义时间选择器以满足一些个性化需求。在这种情况下，可以使用WPF自定义控件来创建自己的时间选择器控件。

首先，在WPF中创建时间选择器控件，需要使用Calendar控件和TimePicker控件。Calendar控件用于显示日期，而TimePicker控件用于选择时间。时间选择器控件的主体是StackPanel控件。在StackPanel控件中添加了两个控件Calendar和TimePicker，以实现时间选择器的基本功能。

然后，需要在时间选择器控件中定义一些附加属性，例如：选定日期、选定时间等等，以实现一些高级功能。

最后，为时间选择器控件添加样式，并实现一些触发器和动画效果，以使其外观和功能与应用程序的主题相匹配。

实现WPF自定义时间选择器可能需要一些时间和经验，但对于需要一个不寻常的时间选择器的应用程序来说，是值得的。 这样的时间选择器是用户友好的，具有很好的设计和功能，并且以C＃编写，可以很容易地与WPF应用程序集成。  

### 回答2：
WPF自定义时间选择器是一种功能强大、灵活性高的工具，它可以根据需求自行设计不同的选择器，可以实现小时、分钟、秒数的选择等多种功能。

首先，我们需要使用WPF自带的DatePicker控件和TimePicker控件来实现时间选择器。接下来，我们可以自定义控件的样式和模板，使其更符合我们的设计需求。

在自定义控件的样式时，我们需要设置控件的各个属性，比如控件的边框、背景、字体等。同时，我们可以通过设置样式来调整控件的布局和显示效果。

在时间选择器的实现中，需要涉及到一些比较复杂的计算，比如计算时间的差值、时间的格式转换等。我们可以使用C#中的DateTime类和TimeSpan类来实现这些功能。

最后对于自定义时间选择器的控件事件，需要自定义一些控件事件，使其更加符合我们的设计需求。比如增加或减少系统时钟里的时间。

总而言之，实现WPF自定义时间选择器需要对WPF控件、样式、模板、计算和控件事件等各个方面有深入的了解。只有掌握了这些知识，才能够设计出优秀的时间选择器，满足用户的需求。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值