CN105306734A - 基于手机app界面的图片显示方法 - Google Patents
基于手机app界面的图片显示方法 Download PDFInfo
- Publication number
- CN105306734A CN105306734A CN201510780720.9A CN201510780720A CN105306734A CN 105306734 A CN105306734 A CN 105306734A CN 201510780720 A CN201510780720 A CN 201510780720A CN 105306734 A CN105306734 A CN 105306734A
- Authority
- CN
- China
- Prior art keywords
- picture
- mobile phone
- display size
- preset
- interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Telephone Function (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明涉及电子设备的图片显示方法,尤其涉及一种基于手机APP界面的图片显示方法,包括:获取待显示的图片;根据手机APP界面尺寸预设显示尺寸,预设显示尺寸只预设宽度或者高度中的其中一种;将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,符合则直接对待显示图片进行显示,不符合则进行图片尺寸调整;尺寸调整的方法为将待显示图片按照长宽比例不变的方式进行缩放,如果预设显示尺寸预设宽度则使得缩放后的图片的宽度等于预设显示尺寸,如果预设显示尺寸预设高度则使得缩放后的图片的高度等于预设显示尺寸;对调整后的图片进行显示;使得不同尺寸图片,在同一个APP界面中,自适应界面宽度或高度显示。
Description
技术领域
本发明涉及电子设备的图片显示方法,尤其涉及一种基于手机APP界面的图片显示方法。
背景技术
目前,随着手机应用的普及,在手机APP界面中经常需要显示大量的各种图片,由于图片的来源各不相同,因此尺寸也各有不同。例如从网页数据中读取出的图片由于采用的拍摄工具不同,或者拍摄工具的设置不同,其上传的图片尺寸也不相同。然而现有技术中,手机APP界面显示的图片的宽度和高度并不能根据软件界面的宽度和高度进行自动的调整,而是显示图片的实际大小,如此一来导致图片显示的效果不好,图片显示不整齐不美观,如果图片的大小大于软件界面的大小时,还会导致部分图片缺失,这样会使得用户的体验不好。
因此,有必要研发一种自动调整图片尺寸的图片显示方法。
中国发明专利申请公开了申请号为201410293389.3,申请日为2014.06.26的图片显示方法及装置,所述方法包括:获取待显示的图片;按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
上述技术方案存在两个不足:
1)其针对的处理对象是网页显示图片,具体的说是解决电脑浏览网页时,网页嵌入图片使得大小不一的图片出现内容缺失的问题,其解决方法适合网页的图片框设置,但是不适合手机APP界面的图片框设置;
2)其图片缩放方式采用的是大于图片框就缩放,小于图片框就将多个图片取长补短使得各行图片的总宽度相等并且等于显示屏宽度,导致图片显示时有些图片很小有些图片很大,由于手机显示屏远远小于电脑显示屏,导致部分小图片看不清(非像素问题),所以这种图片显示方法明显不适合手机APP使用。
发明内容
针对现有技术的不足,本发明提供一种适合手机APP使用的图片显示方法。
本发明的技术方案为:
基于手机APP界面的图片显示方法,包括:
获取待显示的图片;
根据手机APP界面尺寸预设显示尺寸,预设显示尺寸只预设宽度或者高度中的其中一种;
将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,如果符合则直接对待显示图片进行显示,如果不符合则进行图片尺寸调整;
尺寸调整的方法为将待显示图片按照长宽比例不变的方式进行缩放,如果预设显示尺寸预设宽度则使得缩放后的图片的宽度等于预设显示尺寸,如果预设显示尺寸预设高度则使得缩放后的图片的高度等于预设显示尺寸;
对调整后的图片进行显示。
进一步地,获取待显示图片的方式为用户上传,上传图片数量至少为一张。
进一步地,用户上传图片时进行图片转码,将所有图片格式统一,其好处是便于图片比对时数据的读取。
进一步地,所述预设显示尺寸、图片的宽度、图片的高度均采用像素或者厘米中的一种作为长度单位进行比对,其好处是避免出现单位换算等复杂化事件。
进一步地,预设显示尺寸预设宽度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面宽度,所述手机APP界面采用纵向滑动浏览控制,其作用是避免图片超出视界范围。
进一步地,预设显示尺寸预设高度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面高度,所述手机APP界面采用横向滑动浏览控制,其作用是避免图片超出视界范围。
本发明的有益效果为:通过预设显示尺寸只预设宽度或者高度中的其中一种;将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,如果不符合则进行图片尺寸调整,使得不同尺寸图片,在同一个APP界面中,自适应界面宽度或高度显示,使得图片的显示整齐、美观,用户体验更好。
附图说明
图1为本发明主流程图;
图2为本发明实施例1流程图;
图3为本发明实施例1效果图;
图4为本发明实施例2流程图;
图5为本发明实施例2效果图。
图中:11、等宽图片;12、等高图片;2、手机。
具体实施方式
下面结合附图对本发明的具体实施方式作进一步说明:
如图1所示,基于手机APP界面的图片显示方法,包括:
获取待显示的图片;
根据手机APP界面尺寸预设显示尺寸,预设显示尺寸只预设宽度或者高度中的其中一种;
将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,如果符合则直接对待显示图片进行显示,如果不符合则进行图片尺寸调整;
尺寸调整的方法为将待显示图片按照长宽比例不变的方式进行缩放,如果预设显示尺寸预设宽度则使得缩放后的图片的宽度等于预设显示尺寸,如果预设显示尺寸预设高度则使得缩放后的图片的高度等于预设显示尺寸;
对调整后的图片进行显示。
实施例1
如图2所示,基于手机APP界面的图片显示方法其流程为:
接收用户上传的图片;
判断所述图片是否符合预定的宽度,该预定的宽度由软件根据APP界面尺寸预设;
判断为是则显示图片,判断为否则进入下一步骤;
按照预定的宽度对图片尺寸进行调整,图片原始长宽比例不变;
显示调整后的图片。
虽然本实施例仅对图片显示方法进行了说明,但是手机APP必然应该配合本实施例进行对应的设置,如图3所示,图片均为等宽图片11,且与手机2的显示屏等宽,此时手机操作应该采用纵向滑动浏览的方式进行。
实施例2
如图4所示,基于手机APP界面的图片显示方法其流程为:
接收用户上传的图片;
判断所述图片是否符合预定的高度,该预定的高度由软件根据APP界面尺寸预设;
判断为是则显示图片,判断为否则进入下一步骤;
按照预定的高度对图片尺寸进行调整,图片原始长宽比例不变;
显示调整后的图片。
虽然本实施例仅对图片显示方法进行了说明,但是手机APP必然应该配合本实施例进行对应的设置,如图5所示,图片均为等高图片12,且与手机2的显示屏等高,此时手机操作应该采用横向滑动浏览的方式进行。
实施例3
获取待显示图片的方式为用户上传,上传图片数量至少为一张。用户上传图片时进行图片转码,将所有图片格式统一,其好处是便于图片比对时数据的读取。所述预设显示尺寸、图片的宽度、图片的高度均采用像素或者厘米中的一种作为长度单位进行比对,其好处是避免出现单位换算等复杂化事件。预设显示尺寸预设宽度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面宽度,所述手机APP界面采用纵向滑动浏览控制,其作用是避免图片超出视界范围。预设显示尺寸预设高度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面高度,所述手机APP界面采用横向滑动浏览控制,其作用是避免图片超出视界范围。
其他步骤与实施例1相同。
实施例4
获取待显示图片的方式为用户上传,上传图片数量至少为一张。用户上传图片时进行图片转码,将所有图片格式统一,其好处是便于图片比对时数据的读取。所述预设显示尺寸、图片的宽度、图片的高度均采用像素或者厘米中的一种作为长度单位进行比对,其好处是避免出现单位换算等复杂化事件。预设显示尺寸预设宽度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面宽度,所述手机APP界面采用纵向滑动浏览控制,其作用是避免图片超出视界范围。预设显示尺寸预设高度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面高度,所述手机APP界面采用横向滑动浏览控制,其作用是避免图片超出视界范围。
其他步骤与实施2相同。
实施例1与实施例2适合不同操作习惯或者不同需求的手机APP根据需要进行选择,实施例3与实施例4分别为实施例1和实施例2的细化。
上述实施例和说明书中描述的只是说明本发明的原理和最佳实施例,在不脱离本发明精神和范围的前提下,本发明还会有各种变化和改进,这些变化和改进都落入要求保护的本发明范围内。
Claims (6)
1.基于手机APP界面的图片显示方法,其特征在于,包括:
获取待显示的图片;
根据手机APP界面尺寸预设显示尺寸,预设显示尺寸只预设宽度或者高度中的其中一种;
将获取的待显示图片与显示尺寸比对是否符合预定的显示尺寸,如果符合则直接对待显示图片进行显示,如果不符合则进行图片尺寸调整;
尺寸调整的方法为将待显示图片按照长宽比例不变的方式进行缩放,如果预设显示尺寸预设宽度则使得缩放后的图片的宽度等于预设显示尺寸,如果预设显示尺寸预设高度则使得缩放后的图片的高度等于预设显示尺寸;
对调整后的图片进行显示。
2.根据权利要求1所述的基于手机APP界面的图片显示方法,其特征在于:获取待显示图片的方式为用户上传,上传图片数量至少为一张。
3.根据权利要求1所述的基于手机APP界面的图片显示方法,其特征在于:用户上传图片时进行图片转码,将所有图片格式统一。
4.根据权利要求1所述的基于手机APP界面的图片显示方法,其特征在于:所述预设显示尺寸、图片的宽度、图片的高度均采用像素或者厘米中的一种作为长度单位进行比对。
5.根据权利要求1所述的基于手机APP界面的图片显示方法,其特征在于:预设显示尺寸预设宽度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面宽度,所述手机APP界面采用纵向滑动浏览控制。
6.根据权利要求1所述的基于手机APP界面的图片显示方法,其特征在于:预设显示尺寸预设高度时,预设显示尺寸与手机APP界面尺寸之间的关系为:预设显示尺寸≤手机APP界面高度,所述手机APP界面采用横向滑动浏览控制。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510780720.9A CN105306734B (zh) | 2015-11-13 | 2015-11-13 | 基于手机app界面的图片显示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510780720.9A CN105306734B (zh) | 2015-11-13 | 2015-11-13 | 基于手机app界面的图片显示方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105306734A true CN105306734A (zh) | 2016-02-03 |
CN105306734B CN105306734B (zh) | 2019-04-02 |
Family
ID=55203463
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510780720.9A Active CN105306734B (zh) | 2015-11-13 | 2015-11-13 | 基于手机app界面的图片显示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105306734B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106251293A (zh) * | 2016-08-10 | 2016-12-21 | 天脉聚源(北京)传媒科技有限公司 | 一种封面图片的显示方法和装置 |
CN108377401A (zh) * | 2018-02-26 | 2018-08-07 | 上海康斐信息技术有限公司 | 一种基于机顶盒的页面图片显示方法及系统 |
CN109165368A (zh) * | 2018-07-02 | 2019-01-08 | 北京奇艺世纪科技有限公司 | 网页生成方法、装置及电子设备 |
CN109831699A (zh) * | 2018-12-28 | 2019-05-31 | 广州华多网络科技有限公司 | 图像审核处理方法、装置、电子设备及存储介质 |
WO2019237245A1 (zh) * | 2018-06-12 | 2019-12-19 | 广州优视网络科技有限公司 | 图片显示方法、装置、计算设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2271078A3 (en) * | 2009-07-01 | 2012-10-24 | Samsung Electronics Co., Ltd. | Image displaying apparatus and image displaying method |
CN104199920A (zh) * | 2014-08-30 | 2014-12-10 | 深圳市云来网络科技有限公司 | 网页式应用的显示适配方法及装置 |
-
2015
- 2015-11-13 CN CN201510780720.9A patent/CN105306734B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2271078A3 (en) * | 2009-07-01 | 2012-10-24 | Samsung Electronics Co., Ltd. | Image displaying apparatus and image displaying method |
CN104199920A (zh) * | 2014-08-30 | 2014-12-10 | 深圳市云来网络科技有限公司 | 网页式应用的显示适配方法及装置 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106251293A (zh) * | 2016-08-10 | 2016-12-21 | 天脉聚源(北京)传媒科技有限公司 | 一种封面图片的显示方法和装置 |
CN108377401A (zh) * | 2018-02-26 | 2018-08-07 | 上海康斐信息技术有限公司 | 一种基于机顶盒的页面图片显示方法及系统 |
WO2019237245A1 (zh) * | 2018-06-12 | 2019-12-19 | 广州优视网络科技有限公司 | 图片显示方法、装置、计算设备及存储介质 |
CN109165368A (zh) * | 2018-07-02 | 2019-01-08 | 北京奇艺世纪科技有限公司 | 网页生成方法、装置及电子设备 |
CN109831699A (zh) * | 2018-12-28 | 2019-05-31 | 广州华多网络科技有限公司 | 图像审核处理方法、装置、电子设备及存储介质 |
CN109831699B (zh) * | 2018-12-28 | 2021-07-20 | 广州华多网络科技有限公司 | 图像审核处理方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN105306734B (zh) | 2019-04-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105306734A (zh) | 基于手机app界面的图片显示方法 | |
US9196228B2 (en) | Image displaying apparatus and image displaying method | |
TWI490772B (zh) | 自繪控制項的螢幕適配方法及裝置 | |
CN103733605A (zh) | 针对改进的可用性的智能手持设备中的自适应文本字体和图像调节 | |
DE112015000959T5 (de) | Adaptive Videoverarbeitung | |
CN104199920B (zh) | 网页式应用的显示适配方法及装置 | |
CN103885593A (zh) | 一种手持终端及其屏幕防抖方法和装置 | |
EP2228788A1 (en) | Display apparatus and control method of the same | |
JP2013009286A (ja) | 画像表示システム、画像表示装置並びにプログラム | |
CN105930052B (zh) | 一种截图方法及装置 | |
CN105447034A (zh) | 生成图片缩略图的方法与系统 | |
CN104978433A (zh) | 一种网页显示方法及装置 | |
US9432583B2 (en) | Method of providing an adjusted digital image representation of a view, and an apparatus | |
EP3993383A1 (en) | Method and device for adjusting image quality, and readable storage medium | |
CN109493831B (zh) | 一种图像信号的处理方法及装置 | |
WO2019101005A1 (zh) | 像素补偿方法、装置和终端设备 | |
CN104836957A (zh) | 一种照片拍摄的处理方法及装置 | |
CN104167196A (zh) | 一种背光亮度的调节方法、装置及电子设备 | |
US20160188282A1 (en) | Image Receiving Apparatus and Method Thereof for Determining an Orientation of a Screen of an Electronic Apparatus | |
US20120124468A1 (en) | Electronic Apparatus Having a Touch-Controlled Interface and Method of Displaying Figures Related to Files within a certain Time Period | |
CN108495041B (zh) | 一种用于电子终端的图像处理和显示方法、装置 | |
US20130044135A1 (en) | Electronic book and method for controlling display of files | |
US11307746B2 (en) | Image manipulation | |
CN103220348B (zh) | 一种图片批量上传并保真缩放方法及系统 | |
CN106846254B (zh) | 一种基于云端自主学习的图像缩放方法及系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |