原文:WPF和Winform中picturebox图片局部放大

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yangyisen0713/article/details/19152607

（代码不多，就只放代码了）

一、WPF中图片局部放大

1.xaml中代码：

  1. <Window x:Class="WpfZoom.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         Title="WPF局部放大效果" Height="370" Width="700" WindowStartupLocation="CenterScreen">
  5.     <Canvas x:Name="RootCanvas">
  6.         <!--左侧小图-->
  7.         <Canvas x:Name="SmallBox" MouseMove="MoveRect_MouseMove" MouseEnter="SmallBox_MouseEnter" MouseLeave="SmallBox_MouseLeave" Width="320" Height="180" Canvas.Left="20" Canvas.Top="20">
  8.             <Canvas.Background>
  9.                 <ImageBrush ImageSource="Images/mm.jpg" Stretch="Fill" TileMode="None" />
  10.             </Canvas.Background>
  12.             <!--半透明矩形框-->
  13.             <Rectangle x:Name="MoveRect" Fill="White" Opacity="0.3" Stroke="Blue" Width="50" Height="50" Canvas.Top="78" Canvas.Left="202"/>
  14.         </Canvas>
  16.         <!--右侧大图-->
  17.         <Canvas x:Name="BigBox" Width="300" Height="300" Canvas.Left="360" Canvas.Top="20" Visibility="Collapsed">
  18.             <!--右侧原图片 注意尺寸-->
  19.             <Image x:Name="bigImg" Width="1920" Height="1080" Canvas.Left="0" Canvas.Top="-780" Source="Images/mm.jpg" />
  20.             <Canvas.Clip>
  21.                 <RectangleGeometry Rect="0,0,300,300" />
  22.             </Canvas.Clip>
  23.         </Canvas>
  24.     </Canvas>
  25. </Window>

2.xaml.cs中代码：

  1. private void MoveRect_MouseMove(object sender, MouseEventArgs e)
  2.         {
  3.             FrameworkElement element = sender as FrameworkElement;
  5.             //计算鼠标在X轴的移动距离
  6.             double deltaV = e.GetPosition(MoveRect).Y - MoveRect.Height / 2;
  7.             //计算鼠标在Y轴的移动距离
  8.             double deltaH = e.GetPosition(MoveRect).X - MoveRect.Width / 2; ;
  9.             //得到图片Top新位置
  10.             double newTop = deltaV + (double)MoveRect.GetValue(Canvas.TopProperty);
  11.             //得到图片Left新位置
  12.             double newLeft = deltaH + (double)MoveRect.GetValue(Canvas.LeftProperty);
  14.             //边界的判断
  15.             if (newLeft <= 0)
  16.             {
  17.                 newLeft = 0;
  18.             }
  20.             //左侧图片框宽度 - 半透明矩形框宽度
  21.             if (newLeft >= (this.SmallBox.Width - this.MoveRect.Width))
  22.             {
  23.                 newLeft = this.SmallBox.Width - this.MoveRect.Width;
  24.             }
  26.             if (newTop <= 0)
  27.             {
  28.                 newTop = 0;
  29.             }
  31.             //左侧图片框高度度 - 半透明矩形框高度度
  32.             if (newTop >= this.SmallBox.Height - this.MoveRect.Height)
  33.             {
  34.                 newTop = this.SmallBox.Height - this.MoveRect.Height;
  35.             }
  36.             MoveRect.SetValue(Canvas.TopProperty, newTop);
  37.             MoveRect.SetValue(Canvas.LeftProperty, newLeft);
  38.             #region
  39.             //获取右侧大图框与透明矩形框的尺寸比率
  40.             double n = this.BigBox.Width / this.MoveRect.Width;
  42.             //获取半透明矩形框在左侧小图中的位置
  43.             double left = (double)this.MoveRect.GetValue(Canvas.LeftProperty);
  44.             double top = (double)this.MoveRect.GetValue(Canvas.TopProperty);
  46.             //计算和设置原图在右侧大图框中的Canvas.Left 和 Canvas.Top
  47.             bigImg.SetValue(Canvas.LeftProperty, -left * n);
  48.             bigImg.SetValue(Canvas.TopProperty, -top * n);
  49.             #endregion
  50.         }
  52.         private void SmallBox_MouseEnter(object sender, MouseEventArgs e)
  53.         {
  54.             BigBox.Visibility = Visibility.Visible;
  55.         }
  57.         private void SmallBox_MouseLeave(object sender, MouseEventArgs e)
  58.         {
  59.             BigBox.Visibility = Visibility.Hidden;
  60.         }

3.效果：

二、Winform中图片局部放大

1.代码：

  1. using System;
  2. using System.Collections.Generic;
  3. using System.ComponentModel;
  4. using System.Data;
  5. using System.Drawing;
  6. using System.Linq;
  7. using System.Text;
  8. using System.Threading.Tasks;
  9. using System.Windows.Forms;
  11. namespace 图片局部放大
  12. {
  13.     public partial class Form1 : Form
  14.     {
  15.         public static int i = 0;
  16.         private Point m_ptStart = new Point(0, 0);
  17.         private Point m_ptEnd = new Point(0, 0);
  18.         private bool m_bMouseDown = false;
  19.         private float xRate, yRate, realX1, realY1, realX2, realY2;
  20.         int pLeft = 0;
  21.         int pTop = 0;
  23.         public Form1()
  24.         {
  25.             InitializeComponent();
  26.         }
  28.         private void Form1_Load(object sender, EventArgs e)
  29.         {
  30.             xRate = (float)pictureBox1.Image.Width / pictureBox1.Width;
  31.             yRate = (float)pictureBox1.Image.Height / pictureBox1.Height;
  32.             SetStyle(ControlStyles.UserPaint, true);
  33.             SetStyle(ControlStyles.AllPaintingInWmPaint, true); // 禁止擦除背景.
  34.             SetStyle(ControlStyles.DoubleBuffer, true); //双缓冲
  35.         }
  37.         private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
  38.         {
  39.             if (pictureBox1.HasChildren)
  40.             {
  41.                 for (int i = 0; i < pictureBox1.Controls.Count; i++)
  42.                 {
  43.                     pictureBox1.Controls.RemoveAt(0);
  44.                 }
  45.             }
  46.             if (e.Button != MouseButtons.Left)
  47.             {
  48.                 return;
  49.             }
  50.             m_ptEnd = new Point(e.X, e.Y);
  51.             this.pictureBox1.Refresh();
  52.             realX1 = e.X * xRate;
  53.             realY1 = e.Y * yRate;
  54.             if (!m_bMouseDown)
  55.             {
  56.                 m_ptStart = new Point(e.X, e.Y);
  57.                 m_ptEnd = new Point(e.X, e.Y);
  58.             }
  59.             m_bMouseDown = !m_bMouseDown;
  60.         }
  62.         private void pictureBox1_Paint(object sender, PaintEventArgs e)
  63.         {
  64.             if (m_ptEnd.X - m_ptStart.X < 0 || m_ptEnd.Y - m_ptStart.Y < 0)
  65.             {
  66.                 return;
  67.             }
  68.             if (m_ptEnd.X - m_ptStart.X >= 100)
  69.             {
  70.                 m_ptEnd.X = m_ptStart.X + 100;
  71.             }
  72.             if (m_ptEnd.Y - m_ptStart.Y >= 100)
  73.             {
  74.                 m_ptEnd.Y = m_ptStart.Y + 100;
  75.             }
  76.             e.Graphics.DrawRectangle(System.Drawing.Pens.Blue, m_ptStart.X, m_ptStart.Y, m_ptEnd.X - m_ptStart.X, m_ptEnd.Y - m_ptStart.Y);
  77.         }
  79.         private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
  80.         {
  81.             int eX = 0, eY = 0;
  82.             if (e.Button != MouseButtons.Left)
  83.             {
  84.                 return;
  85.             }
  86.             if (e.X - m_ptStart.X >= 100)
  87.             {
  88.                 if (e.X >= pictureBox1.Width - 1)
  89.                 {
  90.                     if (pictureBox1.Width - m_ptStart.X - 1 > 100)
  91.                     {
  92.                         eX = m_ptStart.X + 100;
  93.                     }
  94.                     else
  95.                     {
  96.                         eX = pictureBox1.Width - 1;
  97.                     }
  98.                 }
  99.                 else
  100.                 {
  101.                     eX = m_ptStart.X + 100;
  102.                 }
  103.             }
  104.             else
  105.             {
  106.                 if (e.X >= pictureBox1.Width - 1)
  107.                 {
  108.                     eX = pictureBox1.Width - 1;
  109.                 }
  110.                 else
  111.                 {
  112.                     eX = e.X;
  113.                 }
  114.             }
  115.             if (e.Y - m_ptStart.Y >= 100)
  116.             {
  117.                 if (e.Y >= pictureBox1.Height - 1)
  118.                 {
  119.                     if (pictureBox1.Height - m_ptStart.Y - 1 > 100)
  120.                     {
  121.                         eX = m_ptStart.Y + 100;
  122.                     }
  123.                     else
  124.                     {
  125.                         eY = pictureBox1.Height - 1;
  126.                     }
  127.                 }
  128.                 else
  129.                 {
  130.                     eY = m_ptStart.Y + 100;
  131.                 }
  132.             }
  133.             else
  134.             {
  135.                 if (e.Y >= pictureBox1.Height - 1)
  136.                 {
  137.                     eY = pictureBox1.Height - 1;
  138.                 }
  139.                 else
  140.                 {
  141.                     eY = e.Y;
  142.                 }
  143.             }
  144.             if (m_ptStart.X >= 0 && m_ptEnd.X >= 0
  145.                  && m_ptStart.Y >= 0 && m_ptEnd.Y >= 0
  146.                  && m_ptStart.X <= 254 && m_ptEnd.X <= 254
  147.                  && m_ptStart.Y <= 163 && m_ptEnd.Y <= 163)
  148.             {
  149.                 m_ptEnd = new Point(eX, eY);
  150.                 m_bMouseDown = !m_bMouseDown;
  151.                 this.pictureBox1.Refresh();
  152.             }
  153.             else
  154.             {
  155.                 m_ptEnd = new Point(eX, eY);
  156.                 m_ptEnd = m_ptStart;
  157.                 m_bMouseDown = !m_bMouseDown;
  158.                 this.pictureBox1.Refresh();
  159.             }
  160.             realX2 = eX * xRate;
  161.             realY2 = eY * yRate;
  162.             Crop((Bitmap)pictureBox1.Image);
  163.             Panel p = new Panel();
  164.             p.Name = "panel1";
  165.             p.Location = new Point((int)(realX1 / xRate), (int)(realY1 / yRate));
  166.             p.Size = new Size((int)(realX2 / xRate - realX1 / xRate), (int)(realY2 / yRate - realY1 / yRate));
  167.             //p.BackColor = Color.Transparent;
  168.             p.BackColor = Color.FromArgb(100, 135, 206, 250);//Azure 240 255 255
  169.             p.BorderStyle = BorderStyle.FixedSingle;
  170.             p.MouseDown += (s1, e1) =>
  171.             {
  172.                 pLeft = e1.X;
  173.                 pTop = e1.Y;
  174.             };
  175.             p.MouseMove += (s2, e2) =>
  176.             {
  177.                 GC.Collect();
  178.                 if (e2.Button.ToString().Equals("Left"))
  179.                 {
  180.                     if (p.Location.X + e2.X - pLeft <= 1)
  181.                     {
  182.                         p.Left = 1;
  183.                     }
  184.                     else if (p.Location.X + e2.X - pLeft >= pictureBox1.Width - p.Width)
  185.                     {
  186.                         p.Left = pictureBox1.Width - p.Width - 1;
  187.                     }
  188.                     else
  189.                     {
  190.                         p.Left = p.Location.X + e2.X - pLeft;
  191.                     }
  192.                     if (p.Location.Y + e2.Y - pTop <= 1)
  193.                     {
  194.                         p.Top = 1;
  195.                     }
  196.                     else if (p.Location.Y + e2.Y - pTop >= pictureBox1.Height - p.Height)
  197.                     {
  198.                         p.Top = pictureBox1.Height - p.Height - 1;
  199.                     }
  200.                     else
  201.                     {
  202.                         p.Top = p.Location.Y + e2.Y - pTop;
  203.                     }
  204.                 }
  205.                 Crop((Bitmap)pictureBox1.Image, Convert.ToInt32(p.Location.X * xRate), Convert.ToInt32(p.Location.Y * yRate), Convert.ToInt32(p.Width), Convert.ToInt32(p.Height));
  206.             };
  207.             pictureBox1.Controls.Add(p);
  208.         }
  210.         private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
  211.         {
  212.             if (e.Button != MouseButtons.Left)
  213.             {
  214.                 return;
  215.             }
  216.             m_ptEnd = new Point(e.X, e.Y);
  217.             this.pictureBox1.Refresh();
  218.         }
  219.         private void Crop(Bitmap bitmap)
  220.         {
  221.             if ((int)(realX2 - realX1) > 0 && (int)(realY2 - realY1) > 0)
  222.             {
  223.                 GC.Collect();
  224.                 //GC.WaitForPendingFinalizers();
  225.                 Rectangle rec = new Rectangle((int)realX1, (int)realY1, (int)(realX2 - realX1), (int)(realY2 - realY1));
  226.                 pictureBox2.Image = bitmap.Clone(rec, System.Drawing.Imaging.PixelFormat.Format32bppArgb);
  227.             }
  228.         }
  229.         private void Crop(Bitmap bitmap, int X, int Y, int width, int height)
  230.         {
  231.             if (width > 0 && height > 0)
  232.             {
  233.                 Rectangle rec = new Rectangle(X, Y, width, height);
  234.                 try
  235.                 {
  236.                     GC.Collect();
  237.                     //GC.WaitForPendingFinalizers();
  238.                     pictureBox2.Image = bitmap.Clone(rec, System.Drawing.Imaging.PixelFormat.Format32bppArgb);
  239.                     //bitmap.Dispose();
  240.                 }
  241.                 catch (Exception ex)
  242.                 {
  243.                     i++;
  244.                 }
  245.                 finally
  246.                 {
  247.                 }
  248.             }
  249.         }
  250.     }
  251. }

2.效果：

WPF和Winform中picturebox图片局部放大的更多相关文章

  1. WPF与Winform中的不同(1)

    1. 部分控件的Text属性,变成了 Content属性 如: winform中,Button.Text = "abc"; wpf中,Button.Content = " ...

  2. C# winform中PictureBox控件的SizeMode模式

    SizeMode属性有五种模式, Normal →标准模式, 在此模式下, 图片位于PictureBox的左上角, 图片的大小由PictureBox控件的大小决定, 当图片的大小大于PictureBo ...

  3. C#winform中调用wpf

    原文:C#winform中调用wpf 在WinForm中是可以使用WPF中的控件(或者由WPF创建的自定义控件) 1.新建一个winform项目: 2.在解决方案上新建一个wpf项目: 如图: 如果有 ...

  4. Winform中Picture控件图片的拖拽显示

    注解:最近做了一个小工具,在Winform中对Picture控件有一个需求,可以通过鼠标从外部拖拽图片到控件的上,释放鼠标,显示图片! 首先你需要对你的整个Fom窗口的AllowDrop设置Ture ...

  5. C#winform中调用wpf（转）

    在WinForm中是可以使用WPF中的控件(或者由WPF创建的自定义控件) 1.新建一个winform项目: 2.在解决方案上新建一个wpf项目: 如图: 如果有如下错误,就在winform中的引用添 ...

  6. C# 保存PictureBox中的图片到数据库，并从数据库读取图片显示到PictrueBox，解决报错 “无效参数”

    下面是两段关键代码: /// <summary> /// 将一张图片转换为字节 /// </summary> /// <param name="img" ...

  7. WPF 引用DLL纯图像资源包类库中的图片

    原文:WPF 引用DLL纯图像资源包类库中的图片 1.建立WPF应用程序              过程略.   2.创建类库项目(图片资源包)       创建图片资源类库项目MyImages,删除 ...

  8. WPF中嵌入WinForm中的webbrowser控件

    原文:WPF中嵌入WinForm中的webbrowser控件 使用VS2008创建WPF应用程序,需使用webbrowser.从工具箱中添加WPF组件中的webbrowser发现其中有很多属性事件不能 ...

  9. c# winform 解决PictureBox 无法打印全部图片的问题

    一.   问题描述 在页面使用PictureBox 加载资料图片后,点击“打印”,只能打印图片首页,较大图片则无法全部打印. 二.   原因分析 PictureBox中打印图片时没有设置继续打印相关属 ...

随机推荐

  1. Java RMI使用

    1. Java RMI介绍 RMI:远程方法调用(Remote Method Invocation).能够让在某个java虚拟机上的对象像调用本地对象方法一样调用另一个java 虚拟机中的对象上的方法 ...

  2. swift学习第十二天：类的属性定义

    类的属性介绍 Swift中类的属性有多种 存储属性:存储实例的常量和变量 计算属性:通过某种方式计算出来的属性 类属性:与整个类自身相关的属性 存储属性 存储属性是最简单的属性,它作为类实例的一部分, ...

  3. 【MySQL】15个有用的MySQL/MariaDB性能调整和优化技巧

    MySQL 是一个强大的开源关系数据库管理系统(简称 RDBMS).它发布于 1995 年(20年前).它采用结构化查询语言(SQL),这可能是数据库内容管理中最流行的选择.最新的 MySQL 版本是 ...

  4. jquery formcheck.js

    demo下载链接http://pan.baidu.com/s/1hrDCC3y     /* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ ...

  5. mount新磁盘

    fdisk -l  mkfs.xfs /dev/xvdb  mkdir /data mount /dev/xvdb /data df -h vi /etc/fstab /dev/xvdb /data ...

  6. Ambari——大数据平台的搭建利器(一)

    Ambari 跟 Hadoop 等开源软件一样,也是 Apache Software Foundation 中的一个项目,并且是**项目.目前最新的发布版本是 2.0.1,未来不久将发布 2.1 版本 ...

  7. erlang局域网内节点通信——艰难四步曲

    http://blog.chinaunix.net/uid-22566367-id-382011.html 在Programming Erlang这本书中,在写到第十章中,主要实现的是不同节点之间的通 ...

  8. 解析字典包含关键字比如ID，description等，MJExtension 框架 不能直接设置变量与其同名。

    @property (nonatomic,strong) NSString *descrip;  //设置变量名 _DataReceived=(NSMutableArray *)[HZnewsmess ...

  9. 关于用什么作为dll版本号的思考

    作者:朱金灿 来源:http://blog.csdn.net/clever101 一个软件模块的版本如何维护呢?毫无疑问,它需要一个版本号.通过比对版本号就知道哪个高版本,哪个是低版本了.软件模块以d ...

  10. NOIP模拟 wall - 最大生成树

    题目大意: 给出n个点,第i个点坐标是(\(x_i, y_i\)),给出m条边,第i条边的权值是\(w_i\),求将图变成一颗树所需要删除边的最小权值和. 题目分析: 首先要看出坐标其实是出题人使出的 ...