System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种图片缩放和拖动操作下的预览方法及处理终端技术_技高网

一种图片缩放和拖动操作下的预览方法及处理终端技术

技术编号:40604890 阅读:12 留言:0更新日期:2024-03-12 22:10
本发明专利技术公开一种图片缩放和拖动操作下的预览方法,包括以下步骤:获取原始图片,以及预设第一展示框和第二展示框,第一展示框用于显示预览图片,第二展示框用于显示原始图片以及用于提示预览图片在原始图片所容所在的位置和区域大小;接收缩放或拖动操作的操作指令,缩放操作包括缩小和放大两种操作,基于接收到的操作指令,计算出缩放操作或拖动操作后当前预览图片的宽高,以及拖动操作后当前预览图片的位置,基于计算出的当前预览图片的宽高和位置,响应预所述操作指令,在第一展示框相应位置以及相应宽高显示预览图片。本发明专利技术能够可量化的直观在原图中明示当前预览图片在原图中所对应的位置和区域大小,显著提高用户体验,减少用户认知负担。

【技术实现步骤摘要】

本专利技术涉及计算机图片预览,具体是一种图片缩放和拖动操作下的预览方法及处理终端


技术介绍

1、参考图1,现有技术对图片的预览还不够直观,这些不直观主要体现在这些方面:进行缩放或拖动操作后的所显示出的预览图片无法在原图片对应区域指示出来,只能主观大概确定是原图片某个大概范围内所对应的区域为预览图片。例如,图1是采用windows 11系统自带的image viewer图片浏览工具,采用该工具对某一原始图进行放大后的预览操作。在图1中,上方的大框所框住的图片区域即为预览图片,下方的小框所框住的图片为原始图片(原始图片大小等比例缩小后的图片),预览图片在放大操作后仅显示原图片中的某一区域,从该图的预览操作来看,并不能直观对应该预览图片属于原图片的哪部分区域,只能人工主观大致确定。这样的图片预览操作给用户带来体验不佳,用户体验度有待提高。

2、因此,还需要一种能够在用户进行缩放和拖动操作下载原图片定位出当前预览图片所对应的图片区域的预览方法,以直观提示用户当前显示的预览图片属于原图片的哪片区域。

3、专利技术

4、针对现有技术的不足,本专利技术的目的是提供一种图片缩放和拖动操作下的预览方法及处理终端,其能够解决
技术介绍
描述的问题。

5、实现本专利技术的目的的技术方案为:一种图片缩放和拖动操作下的预览方法,包括以下步骤:

6、步骤1:获取原始图片,以及预设第一展示框和第二展示框,第一展示框用于显示预览图片,预览图片为原始图片进行缩放和拖动操作后保留在第一展示框内的图片内容,第二展示框用于显示原始图片以及用于提示预览图片在原始图片所容所在的位置和区域大小;

7、步骤2:接收用户在第一展示框或在第二展示框对原图片进行缩放或拖动操作的操作指令,缩放操作包括缩小和放大两种操作,

8、基于接收到的操作指令,计算出缩放操作或拖动操作后当前预览图片的宽高,以及拖动操作后当前预览图片的位置,

9、基于计算出的当前预览图片的宽高和位置,响应预所述操作指令,在第一展示框相应位置显示相应宽高的预览图片。

10、进一步地,第一展示框和第二展示框的大小固定不变,且预先设置。

11、进一步地,按公式①计算出当前预览图片的宽w3和高h3:

12、

13、式中,w1和h1分别表示原图片的宽高,w2和h2表示第一展示框的宽高,w1≥w2,h1≥h2,w0和h0分别表示第二展示框的宽高,

14、按公式②技术处当前预览图片的位置,预览图片的位置采用预览图片的图形中心坐标(x,y)来表征:

15、

16、式中,(x0,y0)表示本次拖动之前预料图片的图形中心坐标。

17、进一步地,在步骤2,还包括在第二展示框中采用矩形框以显示方式提示预览图片在原图片中的位置和大小,该矩形框定义为提示方框。

18、进一步地,提示方框的线条的颜色区别于原图片。

19、进一步地,在步骤2中,若满足条件一,则关闭第二展示框,

20、条件一:缩小比例<100%,使得预览图片在第一展示框内可以显示原图片的所有区域。

21、进一步地,在步骤2中,在满足条件一而关闭第二展示框过程中,若满足条件二,则显示第二展示框,

22、条件二:拖动预览图片,且原图片中至少有一部分图像区域移出第一展示框之外而使得预览图片无法显示移出第一展示框之外对应的图像区域。

23、一种处理终端,其包括:

24、存储器,用于存储程序指令;

25、处理器,用于运行所述程序指令,以执行所述图片缩放和拖动操作下的预览方法的步骤。

26、本专利技术的有益效果:本专利技术能够以一种可量化的直观在原图中明示(提示方框)当前预览图片在原图中所对应的位置和区域大小,显著提高了用户体验,减少用户的认知负担,有助于应用在后续业务(例如导航和操作图片等)进行更准确操作,用户体验佳,提高了用户的体验度。


技术实现思路

本文档来自技高网...

【技术保护点】

1.一种图片缩放和拖动操作下的预览方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的图片缩放和拖动操作下的预览方法,其特征在于,第一展示框和第二展示框的大小固定不变,且预先设置。

3.根据权利要求1所述的图片缩放和拖动操作下的预览方法,其特征在于,按公式①计算出当前预览图片的宽w3和高h3:

4.根据权利要求3所述的图片缩放和拖动操作下的预览方法,其特征在于,在步骤2,还包括在第二展示框中采用矩形框以显示方式提示预览图片在原图片中的位置和大小,该矩形框定义为提示方框。

5.根据权利要求4所述的图片缩放和拖动操作下的预览方法,其特征在于,提示方框的线条的颜色区别于原图片。

6.根据权利要求1或3所述的图片缩放和拖动操作下的预览方法,其特征在于,在步骤2中,若满足条件一,则关闭第二展示框,

7.根据权利要求6所述的图片缩放和拖动操作下的预览方法,其特征在于,在步骤2中,在满足条件一而关闭第二展示框过程中,若满足条件二,则显示第二展示框,

8.一种处理终端,其特征在于,其包括:

【技术特征摘要】

1.一种图片缩放和拖动操作下的预览方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的图片缩放和拖动操作下的预览方法,其特征在于,第一展示框和第二展示框的大小固定不变,且预先设置。

3.根据权利要求1所述的图片缩放和拖动操作下的预览方法,其特征在于,按公式①计算出当前预览图片的宽w3和高h3:

4.根据权利要求3所述的图片缩放和拖动操作下的预览方法,其特征在于,在步骤2,还包括在第二展示框中采用矩形框以显示方式提示预览图片在原图片中的位置和大...

【专利技术属性】
技术研发人员:刘虹明德单锐杰
申请(专利权)人:广东保伦电子股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1