一款简单的缩放拖拽图片控件

简介: 本文介绍一个针对 .NET 桌面应用程序的独立图片缩放拖拽显示控件 [SQPhoto](https://www.nuget.org/packages/SQPhoto/)。

SQPhoto 是一个 Windows 桌面应用的组件,支持 .NET6 和 .NET Framework 4.6 + 。基于 PictureBox 的图片展示工具,增加了拖动和缩放功能,便于在某些场景下的图片展示,比如我前面开发的 Snipping_OCR 工具就使用了这个组件。

Snipping_OCR

该用户组件采用 PanelPictureBox 组合的方式,控制 PictureBoxPanel 容器中显示的位置和大小来实现拖拽和放大缩小的功能。

/// <summary>
/// 计算鼠标移动位置是否还在容器内
/// </summary>
/// <returns></returns>
private bool IsMouseInPanel()
{
    if (PanBox.Left < PointToClient(Cursor.Position).X
    && PointToClient(Cursor.Position).X < PanBox.Left + PanBox.Width
    && PanBox.Top < PointToClient(Cursor.Position).Y
    && PointToClient(Cursor.Position).Y < PanBox.Top + PanBox.Height)
    {
        return true;
    }
    else
    {
        return false;
    }
}

/// <summary>
/// 鼠标移动
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void PicBox_MouseMove(object sender, MouseEventArgs e)
{
    //开启移动 左键按下 并且移动位置在框内
    if (_CanMove && isSelected && IsMouseInPanel())
    {
        PicBox.Location = new Point(PicBox.Left + (Cursor.Position.X - mouseDownPoint.X), PicBox.Top + (Cursor.Position.Y - mouseDownPoint.Y));
        mouseDownPoint = Cursor.Position;
    }
}

缩放的实现:

/// <summary>
/// 控制图片缩放
/// </summary>
/// <param name="change">变化情况,大于 0 放大,小于 0 缩小</param>
public void PicZoomSize(int change)
{
    var t = PicBox.Size;
    t.Width += change;
    t.Height += change;

    //控制最小缩放
    if (t.Width < _ZoomMin) return;
    PicBox.Size = t;

    //图片按中心比例放大缩小
    if (!_ZoomCenter) return;
    PicBox.Location = new Point((this.Width - PicBox.Width) / 2, (this.Height - PicBox.Height) / 2);
}

demo

以上组件和 Demo 仓库地址:https://github.com/sangyuxiaowu/SQPhoto

相关文章
Halcon找圆系列(1)如何检测圆形
Halcon找圆系列(1)如何检测圆形
2465 0
Halcon找圆系列(1)如何检测圆形
|
计算机视觉
Qt实用技巧:实现不规则窗口的鼠标消息穿透,包括穿透到桌面和穿透到父窗口
Qt实用技巧:实现不规则窗口的鼠标消息穿透,包括穿透到桌面和穿透到父窗口
Qt实用技巧:实现不规则窗口的鼠标消息穿透,包括穿透到桌面和穿透到父窗口
uniapp阻止navigator冒泡
uniapp阻止navigator冒泡
235 0
|
JSON 自然语言处理 数据格式
【自定义插件系列】用自定义插件在阿里云百炼上生成一篇图文并茂的文章
本文介绍了如何在阿里云百炼平台上利用自定义插件生成图文并茂的文章。通过大模型生成小红书风格的文章,提取关键元素生成图像提示词,结合文生图插件生成图片,并最终整合文本与图像输出给用户。整个流程包括多个步骤:从创建对话型工作流开始,经过多次大模型处理、脚本转换和自定义插件操作,到最后完成图文混排的输出。
725 0
解锁Qt QListWidget的全部潜力——用最佳实践和技巧赢得用户的喜爱和赞誉!
解锁Qt QListWidget的全部潜力——用最佳实践和技巧赢得用户的喜爱和赞誉!
468 1
|
JavaScript 前端开发
uniapp阻止事件冒泡
在 UniApp 中,阻止事件冒泡的方式与普通的前端开发类似,可以使用 @click.stop 或 @tap.stop 事件修饰符来阻止事件的进一步传播。
|
人工智能 自然语言处理 前端开发
|
Unix API 开发者
微信公众号:如何根据关键词取文章列表 API 返回值说明?
微信公众号根据关键词获取文章列表的API通常指的是微信公众平台的“素材管理”接口中的“获取素材列表”功能。通过这个接口,开发者可以获取公众号已上传的文章素材列表,包括图文消息、视频、音频等。以下是API返回值的一般说明
|
算法 C++ 容器
【C++11算法】find_if_not、 copy_if、copy_n
【C++11算法】find_if_not、 copy_if、copy_n
271 0