基于手机app界面的图片显示方法

文档序号:9551574阅读:1030来源:国知局
基于手机app界面的图片显示方法
【技术领域】
[0001]本发明涉及电子设备的图片显示方法,尤其涉及一种基于手机APP界面的图片显示方法。
【背景技术】
[0002]目前,随着手机应用的普及,在手机APP界面中经常需要显示大量的各种图片,由于图片的来源各不相同,因此尺寸也各有不同。例如从网页数据中读取出的图片由于采用的拍摄工具不同,或者拍摄工具的设置不同,其上传的图片尺寸也不相同。然而现有技术中,手机APP界面显示的图片的宽度和高度并不能根据软件界面的宽度和高度进行自动的调整,而是显示图片的实际大小,如此一来导致图片显示的效果不好,图片显示不整齐不美观,如果图片的大小大于软件界面的大小时,还会导致部分图片缺失,这样会使得用户的体验不好。
[0003]因此,有必要研发一种自动调整图片尺寸的图片显示方法。
[0004]中国发明专利申请公开了申请号为201410293389.3,申请日为2014.06.26的图片显示方法及装置,所述方法包括:获取待显示的图片;按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+Ι,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
[0005]上述技术方案存在两个不足:
[0006]1)其针对的处理对象是网页显示图片,具体的说是解决电脑浏览网页时,网页嵌入图片使得大小不一的图片出现内容缺失的问题,其解决方法适合网页的图片框设置,但是不适合手机APP界面的图片框设置;
[0007]2)其图片缩放方式采用的是大于图片框就缩放,小于图片框就将多个图片取长补短使得各行图片的总宽度相等并且等于显示屏宽度,导致图片显示时有些图片很小有些图片很大,由于手机显示屏远远小于电脑显示屏,导致部分小图片看不清(非像素问题),所以这种图片显示方法明显不适合手机APP使用。

【发明内容】

[0008]针对现有技术的不足,本发明提供一种适合手机APP使用的图片显示方法。
[0009]本发明的技术方案为:
[0010]基于手机APP界面的图片显示方法,包括:
[0011]获取待显示的图片;
[0012]根据手机APP界面尺寸预设显示尺寸,预设显示尺寸只预设宽度或者高度中的其中一种;
[0013]将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,如果符合则直接对待显示图片进行显示,如果不符合则进行图片尺寸调整;
[0014]尺寸调整的方法为将待显示图片按照长宽比例不变的方式进行缩放,如果预设显示尺寸预设宽度则使得缩放后的图片的宽度等于预设显示尺寸,如果预设显示尺寸预设高度则使得缩放后的图片的高度等于预设显示尺寸;
[0015]对调整后的图片进行显示。
[0016]进一步地,获取待显示图片的方式为用户上传,上传图片数量至少为一张。
[0017]进一步地,用户上传图片时进行图片转码,将所有图片格式统一,其好处是便于图片比对时数据的读取。
[0018]进一步地,所述预设显示尺寸、图片的宽度、图片的高度均采用像素或者厘米中的一种作为长度单位进行比对,其好处是避免出现单位换算等复杂化事件。
[0019]进一步地,预设显示尺寸预设宽度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸<手机APP界面宽度,所述手机APP界面采用纵向滑动浏览控制,其作用是避免图片超出视界范围。
[0020]进一步地,预设显示尺寸预设高度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸<手机APP界面高度,所述手机APP界面采用横向滑动浏览控制,其作用是避免图片超出视界范围。
[0021]本发明的有益效果为:通过预设显示尺寸只预设宽度或者高度中的其中一种;将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,如果不符合则进行图片尺寸调整,使得不同尺寸图片,在同一个APP界面中,自适应界面宽度或高度显示,使得图片的显示整齐、美观,用户体验更好。
【附图说明】
[0022]图1为本发明主流程图;
[0023]图2为本发明实施例1流程图;
[0024]图3为本发明实施例1效果图;
[0025]图4为本发明实施例2流程图;
[0026]图5为本发明实施例2效果图。
[0027]图中:11、等宽图片;12、等高图片;2、手机。
【具体实施方式】
[0028]下面结合附图对本发明的【具体实施方式】作进一步说明:
[0029]如图1所示,基于手机APP界面的图片显示方法,包括:
[0030]获取待显示的图片;
[0031]根据手机APP界面尺寸预设显示尺寸,预设显示尺寸只预设宽度或者高度中的其中一种;
[0032]将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,如果符合则直接对待显示图片进行显示,如果不符合则进行图片尺寸调整;
[0033]尺寸调整的方法为将待显示图片按照长宽比例不变的方式进行缩放,如果预设显示尺寸预设宽度则使得缩放后的图片的宽度等于预设显示尺寸,如果预设显示尺寸预设高度则使得缩放后的图片的高度等于预设显示尺寸;
[0034]对调整后的图片进行显示。
[0035]实施例1
[0036]如图2所示,基于手机APP界面的图片显示方法其流程为:
[0037]接收用户上传的图片;
[0038]判断所述图片是否符合预定的宽度,该预定的宽度由软件根据APP界面尺寸预设;
[0039]判断为是则显示图片,判断为否则进入下一步骤;
[0040]按照预定的
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1