CN112394863A - 图片显示方法、装置、移动终端及存储介质 - Google Patents

图片显示方法、装置、移动终端及存储介质 Download PDF

Info

Publication number
CN112394863A
CN112394863A CN201910765400.4A CN201910765400A CN112394863A CN 112394863 A CN112394863 A CN 112394863A CN 201910765400 A CN201910765400 A CN 201910765400A CN 112394863 A CN112394863 A CN 112394863A
Authority
CN
China
Prior art keywords
picture
container
screen
mobile terminal
mode
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
Application number
CN201910765400.4A
Other languages
English (en)
Other versions
CN112394863B (zh
Inventor
朴琎东
杨天和
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN201910765400.4A priority Critical patent/CN112394863B/zh
Publication of CN112394863A publication Critical patent/CN112394863A/zh
Application granted granted Critical
Publication of CN112394863B publication Critical patent/CN112394863B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00Geometric image transformation in the plane of the image
    • G06T3/40Scaling the whole image or part thereof
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00Geometric image transformation in the plane of the image
    • G06T3/40Scaling the whole image or part thereof
    • G06T3/4038Scaling the whole image or part thereof for image mosaicing, i.e. plane images composed of plane sub-images

Abstract

本发明公开了一种图片显示方法、装置、移动终端及可读存储介质,属于图片处理技术领域。本发明的图片显示方法包括:在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片,其中,所述第二图片为所述第一图片的下一张图片,所述第一图片以及所述第二图片分别添加于第一容器以及第二容器内;将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内;加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。本发明可以使得在屏幕内同时显示两页图片,进而可以让跨页图片在同一屏幕内显示,提高用户体验。

Description

图片显示方法、装置、移动终端及存储介质
技术领域
本发明涉及图片处理领域,尤其涉及一种图片显示方法、装置、移动终端及存储介质。
背景技术
随着终端技术的不断发展,智能终端在社会生活中的普及率越来越高,用户在日常生活中使用智能终端的频率也越来越高。比如,用户在移动终端上浏览图片。
在现有技术中,当用户浏览图片的过程中,经常会出现图片跨页的情况。当这种跨页情况存在于在印刷品中时,由于印刷编订成册的书籍上有左一页、右一页,因而在印刷品存在跨页情况时,该跨页图片可以很正常地展现,用户也可以很正常的浏览跨页图片,但是在移动设备上,受制于图片源只能看到两张分开的图片,导致市面上所有的应用App无法很好的展示跨页图片,从而造成用户在浏览跨页图片时的观看体验极差。
发明内容
本发明实施例的目的是提供一种图片显示方法、装置、移动终端及计算机可读存储介质,用于解决现有技术中无法很好的展示跨页图片的问题。
本发明提供了一种图片显示方法,包括下述步骤:
在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片,其中,所述第二图片为所述第一图片的下一张图片,所述第一图片以及所述第二图片分别添加于第一容器以及第二容器内;
将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内;
加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。
可选地,所述第三容器为scrollView容器,所述图片显示方法还包括:
接收对所述屏幕内显示的图片的缩放操作;
响应于所述缩放操作,确定所述缩放操作对应的缩放倍数;
根据所述缩放倍数调整所述scrollView容器的宽度。
可选地,所述图片显示方法还包括:
接收对所述屏幕内显示的图片的图片调整指令;
基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第二图片,以及将所述第二容器内的所述第二图片替换为第三图片,其中,所述第三图片为所述第二图片的下一张图片。
可选地,当所述第二图片为最后一张图片时,所述基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第二图片,以及将所述第二容器内的所述第二图片替换为第三图片的步骤包括:
基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第四图片,以及将所述第二容器内的第二图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
可选地,所述将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内的步骤包括:
将所述第一容器以及第二容器的高度设置为所述屏幕的高度;
根据所述第一图片的宽高比设置所述第一容器的宽度,以及根据所述第二图片的宽高比设置所述第二容器的宽度,其中,所述第一容器的宽高比与所述第一图片的宽高比相同,所述第二容器的宽高比与所述第二图片的宽高比相同;
将经过设置的第一容器与第二容器于所述第三容器内进行无缝拼接。
可选地,所述图片显示方法还包括:
确定当前的阅读模式,所述阅读模式包括普通模式以及日漫模式;
所述将经过设置的第一容器与第二容器于所述第三容器内进行无缝拼接的步骤包括:
在当前阅读模式为普通模式时,将所述第一容器添加至所述第三容器的左边,将所述第二容器添加至所述第三容器的右边;
在当前阅读模式为日漫模式时,将所述第一容器添加至所述第三容器的右边,将所述第二容器添加至所述第三容器的左边。
可选地,所述图片显示方法还包括:
获取所述第一图片以及所述第二图片的标识;
在所述第一图片的标识为预设的第一标识,且所述第二图片的标识为预设的第二标识时,将所述第一图片添加至所述第三容器内。
本发明还提供了一种图片显示装置,包括:
获取模块,用于在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片,其中,所述第二图片为所述第一图片的下一张图片,所述第一图片以及所述第二图片分别添加于第一容器以及第二容器内;
添加模块,用于将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内;
加载模块,用于加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。
本发明还提供了一种移动终端,所述移动终端,包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述方法的步骤。
本发明还提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述方法的步骤。
上述技术方案的有益效果:
本技术方案中,通过在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片,其中,所述第二图片为所述第一图片的下一张图片,所述第一图片以及所述第二图片分别添加于第一容器以及第二容器内;将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内;加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。本案通过在监测到当前阅读模式为双页模式时,将两张图片放置在一个容器内,从而可以使得在屏幕内同时显示两页图片,进而可以让跨页图片在同一屏幕内显示,提高用户体验。
附图说明
图1为实现本发明各个实施例一个可选的移动终端的硬件结构示意图;
图2为如图1所示的移动终端的无线通信系统示意图;
图3为本发明所述的图片显示方法的一种实施例的流程图;
图4为本发明图3中将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内的步骤的细化流程图;
图5为本发明所述的图片显示方法的另一种实施例的流程图;
图6为本发明所述的图片显示方法的另一种实施例的流程图;
图7为本发明所述的图片显示方法的另一种实施例的流程图;
图8为本发明图片显示装置的一种实施例的模块图;
图9为本发明实施例提供的图片显示方法的移动终端的硬件结构示意图;
图10为本发明中对第一容器以及第二容器进行无缝拼接的示意图;
图11为本发明中在屏幕内同时显示第一图片以及第二图片的示意图;
图12为本发明中对屏幕内显示的第一图片以及第二图片进行放大前后的示意图;
图13为本发明中对屏幕中显示的两张图片进行调整前后的示意图。
具体实施方式
以下结合附图与具体实施例进一步阐述本发明的优点。
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
在本公开使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本公开可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本公开范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
在本发明的描述中,需要理解的是,步骤前的数字标号并不标识执行步骤的前后顺序,仅用于方便描述本发明及区别每一步骤,因此不能理解为对本发明的限制。
其为实现本发明各个实施例的一种移动终端的硬件结构示意图,该移动终端100可以包括:RF(Radio Frequency,射频)单元101、WiFi模块102、音频输出单元103、A/V(音频/视频)输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解,图1中示出的移动终端结构并不构成对移动终端的限定,移动终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图1对移动终端的各个部件进行具体的介绍:
射频单元101可用于收发信息或通话过程中,信号的接收和发送,具体的,将基站的下行信息接收后,给处理器110处理;另外,将上行的数据发送给基站。通常,射频单元101包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外,射频单元101还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA2000(CodeDivision Multiple Access 2000,码分多址2000)、WCDMA(Wideband CodeDivisionMultiple Access,宽带码分多址)、TD-SCDMA(Time Division-SynchronousCodeDivision Multiple Access,时分同步码分多址)、FDD-LTE(FrequencyDivisionDuplexing-Long Term Evolution,频分双工长期演进)和TDD-LTE(TimeDivisionDuplexing-Long Term Evolution,分时双工长期演进)等。
WiFi属于短距离无线传输技术,移动终端通过WiFi模块102可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图1示出了WiFi模块102,但是可以理解的是,其并不属于移动终端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
音频输出单元103可以在移动终端100处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时,将射频单元101或WiFi模块102接收的或者在存储器109中存储的音频数据转换成音频信号并且输出为声音。而且,音频输出单元103还可以提供与移动终端100执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出单元103可以包括扬声器、蜂鸣器等等。
A/V输入单元104用于接收音频或视频信号。A/V输入单元104可以包括图形处理器(Graphics Processing Unit,GPU)1041和麦克风1042,图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元106上。经图形处理器1041处理后的图像帧可以存储在存储器109(或其它存储介质)中或者经由射频单元101或WiFi模块102进行发送。麦克风1042可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风1042接收声音(音频数据),并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由射频单元101发送到移动通信基站的格式输出。麦克风1042可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。
移动终端100还包括至少一种传感器105,比如光传感器、运动传感器以及其他传感器。具体地,光传感器包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1061的亮度,接近传感器可在移动终端100移动到耳边时,关闭显示面板1061和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于手机还可配置的指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
显示单元106用于显示由用户输入的信息或提供给用户的信息。显示单元106可包括显示面板1061,可以采用液晶显示器(Liquid Crystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板1061。
用户输入单元107可用于接收输入的数字或字符信息,以及产生与移动终端的用户设置以及功能控制有关的键信号输入。具体地,用户输入单元107可包括触控面板1071以及其他输入设备1072。触控面板1071,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1071上或在触控面板1071附近的操作),并根据预先设定的程式驱动相应的连接装置。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器110,并能接收处理器110发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1071。除了触控面板1071,用户输入单元107还可以包括其他输入设备1072。具体地,其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种,具体此处不做限定。
进一步的,触控面板1071可覆盖显示面板1061,当触控面板1071检测到在其上或附近的触摸操作后,传送给处理器110以确定触摸事件的类型,随后处理器110根据触摸事件的类型在显示面板1061上提供相应的视觉输出。虽然在图1中,触控面板1071与显示面板1061是作为两个独立的部件来实现移动终端的输入和输出功能,但是在某些实施例中,可以将触控面板1071与显示面板1061集成而实现移动终端的输入和输出功能,具体此处不做限定。
接口单元108用作至少一个外部装置与移动终端100连接可以通过的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元108可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到移动终端100内的一个或多个元件或者可以用于在移动终端100和外部装置之间传输数据。
存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器109可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器110是移动终端的控制中心,利用各种接口和线路连接整个移动终端的各个部分,通过运行或执行存储在存储器109内的软件程序和/或模块,以及调用存储在存储器109内的数据,执行移动终端的各种功能和处理数据,从而对移动终端进行整体监控。处理器110可包括一个或多个处理单元;优选的,处理器110可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器110中。
移动终端100还可以包括给各个部件供电的电源111(比如电池),优选的,电源111可以通过电源管理系统与处理器110逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
尽管图1未示出,移动终端100还可以包括蓝牙模块等,在此不再赘述。
为了便于理解本发明实施例,下面对本发明的移动终端所基于的通信网络系统进行描述。
请参阅图2,图2为本发明实施例提供的一种通信网络系统架构图,该通信网络系统为通用移动通信技术的LTE系统,该LTE系统包括依次通讯连接的UE(User Equipment,用户设备)201,E-UTRAN(Evolved UMTS Terrestrial Radio Access Network,演进式UMTS陆地无线接入网)202,EPC(Evolved Packet Core,演进式分组核心网)203和运营商的IP业务204。
具体地,UE201可以是上述终端100,此处不再赘述。
E-UTRAN202包括eNodeB2021和其它eNodeB2022等。其中,eNodeB2021可以通过回程(backhaul)(例如X2接口)与其它eNodeB2022连接,eNodeB2021连接到EPC203,eNodeB2021可以提供UE201到EPC203的接入。
EPC203可以包括MME(Mobility Management Entity,移动性管理实体)2031,HSS(Home Subscriber Server,归属用户服务器)2032,其它MME2033,SGW(Serving Gate Way,服务网关)2034,PGW(PDN Gate Way,分组数据网络网关)2035和PCRF(Policy andChargingRules Function,政策和资费功能实体)2036等。其中,MME2031是处理UE201和EPC203之间信令的控制节点,提供承载和连接管理。HSS2032用于提供一些寄存器来管理诸如归属位置寄存器(图中未示)之类的功能,并且保存有一些有关服务特征、数据速率等用户专用的信息。所有用户数据都可以通过SGW2034进行发送,PGW2035可以提供UE 201的IP地址分配以及其它功能,PCRF2036是业务数据流和IP承载资源的策略与计费控制策略决策点,它为策略与计费执行功能单元(图中未示)选择及提供可用的策略和计费控制决策。
IP业务204可以包括因特网、内联网、IMS(IP Multimedia Subsystem,IP多媒体子系统)或其它IP业务等。
虽然上述以LTE系统为例进行了介绍,但本领域技术人员应当知晓,本发明不仅仅适用于LTE系统,也可以适用于其他无线通信系统,例如GSM、CDMA2000、WCDMA、TD-SCDMA以及未来新的网络系统等,此处不做限定。
基于上述移动终端硬件结构以及通信网络系统,提出本发明方法各个实施例。
本发明为解决现有技术中无法很好的展示跨页图片的的问题,提出了一种图片显示方法。参阅图3,其为本发明一实施例的图片显示方法的流程示意图,可以理解,本方法实施例中的流程图不用于对执行步骤的顺序进行限定。下面以移动终端为执行主体进行示例性描述。
如图3所示,该图片显示方法包括步骤S30~S32,其中:
步骤S30、在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片;
具体地,在通过移动终端阅读图片时,尤其是阅读漫画图片,经常会出现图片内容跨页的情况,当图片内容存在跨页时,若仍然一张图片一张图片的阅读,会导致连续的内容被拆分到两张图片上,从而影响用户阅读图片,使得用户阅读体验极差。本发明实施例为了解决在图片内容存在跨页时,使用双页模式,即在移动终端的屏幕内同时显示两页图片,从而使得两页图片的内容可以拼接在一起。
需要说明的是,所述跨页是印刷术语,就是两页相连印刷,比如打开书本,左右两页一个画面就是一个跨页,所述跨页图片即为当前阅读的图片与该该当前阅读图片的上一页图片或者下一页图片为一个跨页画面。
在本实施例中,当通过阅读器阅读图片时,可以实时监测当前的阅读模式是否为双页模式,其中,所述双页模式为在屏幕内同时显示两页图片的模式。在一实施方式中,可以使得阅读器的阅读模式默认为双页模式,当用户通过阅读器阅读图片时,则可以直接进入双页模式。在另一实施方式中,也可以通过用户手动触发一个进入双页模式的指令,使得移动终端在检测到该指令时,控制阅读器进入双页模式,其中,该进入双页模式的指令可以通过用户按压移动终端的特定的物理按键的方式来触发,比如,按压移动终端的增加音量的按键来触发该指令;该进入双页模式的指令也可以通过用户按压移动终端触摸屏中的特定虚拟按键的方式来触发该指令,或者也可以通过用户使用预设的触摸动作来触发该指令,比如,用户双指单击屏幕,用户滑动屏幕等,在此不作限定。
在本实施例中,该第一图片以及第二图片为在双页模式时,屏幕内待显示的两张图片,其中,该第二图片为所述第一图片的下一张图片。也就是说,该第一图片以及第二图片是有顺序的,而不是任意的待阅读的两张图片。
在本实施例中,该获取到的第一图片以及第二图片分别添加于第一容器以及第二容器内。所谓容器,即为容纳图片的区域,而移动终端的显示屏所显示的区域即为容器的一部分,该显示屏区域显示有容器的一部分。因此,容器的尺寸一般来说是适应移动终端的显示屏幕或者大于移动终端显示屏的尺寸的。
步骤S31、将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内。
具体地,为了在移动终端的显示屏内同时显示两张图片,可以将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内。
在示例性的实施例中,参照图4,将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内的步骤包括步骤S40~S42,其中:
步骤S40,将所述第一容器以及第二容器的高度设置为所述屏幕的高度。
为了使得在显示第一图片以及第二图片时,第一图片以及第二图片布满移动终端的屏幕,需要将第一容器的高度以及第二容器的高度设置为移动终端屏幕的高度。在本实施例中,该移动终端屏幕的高度不是指的真实屏幕的高度,而是指的移动终端的实际可用屏幕的高度,由于移动终端屏幕在显示图片时,其边框存在一定的黑边,因此,移动终端屏幕实际可用屏幕的高度可能会小于真实屏幕的高度,当然,在一些曲面屏幕中,可能会存在移动终端屏幕高度实际与移动终端实际可用屏幕的高度一致的情况。
步骤S41,根据所述第一图片的宽高比设置所述第一容器的宽度,以及根据所述第二图片的宽高比设置所述第二容器的宽度。
在本实施例中,所述第一容器的宽高比与所述第一图片的宽高比相同,所述第二容器的宽高比与所述第二图片的宽高比相同。
在设置好第一容器以及第二容器的高度之后,可以根据第一图片的宽高比设置第一容器的宽度,在具体设置第一容器的宽度时,可以依据第一容器的宽高比与所述第一图片的宽高比相同的原则来设置该第一容器的宽度。在具体设置第二容器的宽度时,也可以依据第二容器的宽高比与第二容器的宽高比相同的原则来设置第二容器的宽度。举例如下:
假设第一图片的宽度与高度分别为50mm以及100mm,该屏幕的高度(指的屏幕横屏时的高度)为50mm,第二图片的宽度与高度都分别为60mm以及120mm,即该第一图片的宽高比为50:100,该第二图片的宽高比为60:120,则该第一容器的宽度将设置为:20*50/100=25mm,该第二容器的宽度将设置为:60*50/120=25mm。
步骤S42,将经过设置的第一容器与第二容器于所述第三容器内进行无缝拼接。
具体地,在设置好第一容器以及第二容器的尺寸后,即将第一容器与第二容器在第三容器内进行无缝拼接,从而使得拼接后第一图片以及第二图片之间不存在缝隙。
在具体实现时,为了使得第一容器以及第二容器进行无缝拼接,可以让第一容器以及第二容器有且仅有一条边重合。进一步地,为了使得该第一图片以及第二图片显示在屏幕的中间位置,在对第一容器以及第二容器进行无缝拼接时,可以让第一容器以及第二容器相拼接的边的中心点和第三容器的中心点重合(相同),即按如图10所示方式进行拼接,其中,线段AB为第一容器以及第二容器相拼接的边,点C为该线段AB的中心点以及该第三容器的中心点。
本实施例通过将第一容器以及第二容器进行无缝拼接,从而可以使得在屏幕内显示的第一图片以及第二图片之间不存在重合,且不存在缝隙,进而提高用户体验。
在示例性的实施例中,由于显示图片的种类不同,当阅读器处于不同的阅读模式时,图片的显示顺序会不一样,比如,日本漫画图片排版一般是从右到左进行排版,而中国的漫画图片一般是从左到右进行排版,因此,为了使得在双页模式时,可以在屏幕内正确地显示第一图片以及第二图片,则所述图片显示方法还应该包括:
确定当前的阅读模式,所述阅读模式包括普通模式以及日漫模式.
具体地,所述普通模式为在进行双页阅读时,在屏幕的左边显示第一图片,在屏幕的右边显示第二图片的模式,该日漫模式为在进行双页阅读时,在屏幕的左边显示第二图片,在屏幕的右边显示第一图片的模式。
在本实施例中,用户可以自己选择当前的阅读模式是普通模式还是日漫模式。当然,也可以直接根据当前阅读的图片的类型自动设置当前阅读模式是普通模式,还是日漫模式。
对应地,所述将经过设置的第一容器与第二容器于所述第三容器内进行无缝拼接的步骤包括:
在当前阅读模式为普通模式时,将所述第一容器添加至所述第三容器的左边,将所述第二容器添加至所述第三容器的右边;
在当前阅读模式为日漫模式时,将所述第一容器添加至所述第三容器的右边,将所述第二容器添加至所述第三容器的左边。
具体地,当当前阅读模式为普通模式时,为了在屏幕内正确地显示该第一图片以及第二图片,则在将第一容器以及第二容器进行无缝拼接时,需要将第一容器添加至所述第三容器的左边,将第二容器添加至第三容器的右边。同理,当当前阅读模式为日漫模式时,为了在屏幕内正确地显示该第一图片以及第二图片,则在将第一容器以及第二容器进行无缝拼接时,需要将第二容器添加至所述第三容器的左边,将第一容器添加至第三容器的右边。
步骤S32、加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。
具体地,由于第三容器内包含有第一图片以及第二图片,因而通过加载位于第三容器内的第一图片以及第二图片,可以使得在移动终端的屏幕内同时显示该第一图片以及第二图片。
在一实际应用中,如图11所示,在屏幕中同时显示所述第一图片以及所述第二图片。
进一步地,参阅图5,在一示例性的实施例中,所述第三容器为scrollView容器,该scrollView容器是一种带滚动功能的容器,它提供一种方式可以在有限的显示区域内浏览更多的内容。所述图片显示方法还包括步骤S50~S52:
步骤S50,接收对所述屏幕内显示的图片的缩放操作。
具体地,该缩放操作可以为点击操作,滑动操作或拖动操作等,例如,该缩放操作可以为点击屏幕内显示的缩放按钮的点击操作,或者可以为拖动屏幕内显示的缩放进度条的拖动操作,或者也可以为用户手指在屏幕内进行滑动的滑动操作。在本实施例中,该缩放操作可以为对图片进行放大的操作,也可以为对图片进行缩小的操作。
在一实际应用中,对屏幕内显示的第一图片以及第二图片进行放大前后的示意图如图12所示。
步骤S51,响应于所述缩放操作,确定所述缩放操作对应的缩放倍数。
具体地,移动终端在接收到针对屏幕内显示的图片的缩放操作之后,会对该缩放操作进行响应,以便确定该缩放操作对应的缩放倍数。
步骤S52,根据所述缩放倍数调整所述scrollView容器的宽度。
具体地,为了使得图片在放大或者缩小后,对屏幕内显示的图片进行滑动时,不会将黑边滑动到屏幕内,在确定缩放操作对应的缩放倍数之后,可以根据该缩放倍数来调整scrollView容器的宽度,例如,若该缩放倍数为2倍,则可以将该scrollView容器的宽度调整为之前设置的宽度的2倍,若该缩放倍数为0.5倍,则可以将该scrollView容器的宽度调整为之前设置的宽度的0.5倍。
在本实施例中,通过在对屏幕内显示的图片进行缩放操作时,调整scrollView容器的宽度,从而可以使得图片放大或者缩小后,滑动图片时不会将黑边滑动到屏幕内。
进一步地,参阅图6,在一示例性的实施例中,所述图片显示方法还包括步骤S60~S61,其中:
步骤S60,接收对所述屏幕内显示的图片的图片调整指令。
具体地,在双页模式下,在屏幕内显示的第一图片以及第二图片可能不是一组跨页图片。当在屏幕内显示的第一图片以及第二图片不是一组跨页图片时,会导致跨页图片匹配错误,例如,该第二图片以及第三图片实际上是一组跨页图片,而由于当前屏幕内显示的第一图片和第二图片不是一组跨页图片,且该第二图片与第三图片是一组跨页图片,此时显示的第一图片与第二图片将会出现明显的跨页匹配错误的情况,导致用户体验差。
为了解决该跨页匹配错误的问题,用户在发现出现跨页匹配错误时,可以触发一个图片调整指令。在本实施例中,该图片调整指令可以为一个预设的触摸操作来触发该图片调整指令,或者为一个按压操作来触发该图片调整指令等。例如,该图片调整指令可以由用户双指单击屏幕来触发该图片调整指令,或者可以由用户按压图片调整按钮来触发该图片调整指令等,具体的触发方式在本实施例中不作限定。
步骤S61,基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第二图片,以及将所述第二容器内的所述第二图片替换为第三图片。
具体地,所述第三图片为所述第二图片的下一张图片。在本实施例中,当接收到图片调整指令时,可以将第一容器内的第一图片替换为所述第二图片,同时,并且将第二容器内的第二图片替换为第三图片,从而可以完成对跨页匹配失败的修复。
在本发明另一实施方式中,也可以将第一容器内的第一图片替换为第四图片,并且将第二容器内的第二图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
在一实际应用中,对屏幕中显示的两张图片进行调整前后的示意图如图13所示。
在一示例性的实施例中,当出现跨页匹配失败的情况,并且该第二图片为最后一张图片时,为了使得在此情况下仍然可以调整屏幕内显示的图片,所述基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第二图片,以及将所述第二容器内的所述第二图片替换为第三图片的步骤包括:
基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第四图片,以及将所述第二容器内的第二图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
具体地,所述最后一张图片可以指当前阅读的图片中的最后一张图片,也可以指当前阅读的图片中的属于某一个类别图片中的最后一张图片,比如,该最后一张图片为某一漫画图片中的某一话漫画的最后一张图片。
由于在该第二图片为最后一张图片时,若在接收到图片调整指令后,仍然将该第一图片替换为第二图片,将该第二图片替换为所述第三图片,将会存在没有所述第三图片,或者该第三图片为另一类别图片中的第一张图片的情况,此时,若按照这种方式调整屏幕内显示的图片,将不能修复该存在的跨页匹配错误。为了在这种情况下,仍可以修复跨页匹配错误,可以在基于该图片调整指令,将所述第一容器内的第一图片替换为第四图片,将第二容器内的图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
在将第一容器以及第二容器内的图片完成图片的替换之后,继续加载位于第三容器内的两张图片,从而在屏幕内显示修复后的图片画面。
本实施例通过在跨页匹配错误时,对跨页匹配错误进行修复,从而可以进一步地提高用户体验。
进一步地,参阅图7,在一示例性的实施例中,所述图片显示方法还包括步骤S70~S71,其中:
步骤S70,获取所述第一图片以及所述第二图片的标识;
具体地,当用户将其创作的图片集上传至服务器时,可以预先对该该图片集中的各个图片进行标记,在标记的过程中,根据图片的类型不同采用不同的标记。在本实施例中,该图片的类型可以包括单页图片以及双页图片,其中,所述单页图片为图片的内容为完整的图片,所述双页图片为图片的内容为不完整的图片,即该双页图片为跨页图片。在一实施方式中,可以采用预设的第一标识对单页图片进行标记,比如采用标记“0”对该单页图片进行标记;可以采用预设的第二标记对双页图片进行标记,比如采用标记“1”对该双页图片进行标记。
由于预先对图片集中的各个图片进行了标记。因此,在获取到该第一图片以及第二图片时,可以获取到该第一图片以及第二图片的标识。在一实施方式中,当所述第一图片以及所述第二图片中包含有该标记时,则可以直接从所述第一图片以及第二图片中获取到该第一图片以及第二图片的标识。在另一实施方式中,当用户对图片集中的各个图片进行标记时,也可以将图片的标记信息记录在配置信息中。当移动终端从服务器获取该图片集中,可以从服务器端得到图片集的配置信息,进而从该配置信息中获取所述第一图片以及所述第二图片的标识。
步骤S71,在所述第一图片的标识为预设的第一标识,且所述第二图片的标识为预设的第二标识时,将所述第一图片添加至所述第三容器内。
具体地,当获取到第一图片以及第二图片的标识时,需要判断该第一图片的标识是否为所述第一标识,以及判断该第二图片的标识是否为所述第二标识。在所述第一图片的标识为所述第一标识,且所述第二图片的标识为所述第二标识时,若仍将所述第一图片以及所述第二图片进行拼接显示,将会存在跨页匹配失败的问题。因此,本实施例中为了解决该问题,在检测到第一图片的标识为所述第一标识,且该第二图片的标识为所述第二标识时,仅仅将第一图片添加至该第三容器内,这样,将使得屏幕内只会显示该第一图片,而不会在屏幕内同时显示该第一图片以及该第二图片。
本实施例通过在该第一图片的标识为所述第一标识,且该第二图片的标识为所述第二标识时,在进行图片显示时,仅仅显示该第一图片,而不会显示该第一图片以及第二图片,从而可以解决双页下图片匹配错误的问题,进而可以提高用户体验。
参阅图8所示,是本发明图片显示装置800一实施例的程序模块图。
本实施例中,所述图片显示装置800包括一系列的存储于存储器上的计算机程序指令,当该计算机程序指令被处理器执行时,可以实现本发明各实施例的图片显示功能。在一些实施例中,基于该计算机程序指令各部分所实现的特定的操作,图片显示装置800可以被划分为一个或多个模块。例如,在图8中,所述图片显示装置800可以被分割成获取模块801、添加模块802、加载模块803。其中:
获取模块801,用于在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片;
具体地,在通过移动终端阅读图片时,尤其是阅读漫画图片,经常会出现图片内容跨页的情况,当图片内容存在跨页时,若仍然一张图片一张图片的阅读,会导致连续的内容被拆分到两张图片上,从而影响用户阅读图片,使得用户阅读体验极差。本发明实施例为了解决在图片内容存在跨页时,使用双页模式,即在移动终端的屏幕内同时显示两页图片,从而使得两页图片的内容可以拼接在一起。
需要说明的是,所述跨页是印刷术语,就是两页相连印刷,比如打开书本,左右两页一个画面就是一个跨页,所述跨页图片即为当前阅读的图片与该该当前阅读图片的上一页图片或者下一页图片为一个跨页画面。
在本实施例中,当通过阅读器阅读图片时,可以实时监测当前的阅读模式是否为双页模式,其中,所述双页模式为在屏幕内同时显示两页图片的模式。在一实施方式中,可以使得阅读器的阅读模式默认为双页模式,当用户通过阅读器阅读图片时,则可以直接进入双页模式。在另一实施方式中,也可以通过用户手动触发一个进入双页模式的指令,使得移动终端在检测到该指令时,控制阅读器进入双页模式,其中,该进入双页模式的指令可以通过用户按压移动终端的特定的物理按键的方式来触发,比如,按压移动终端的增加音量的按键来触发该指令;该进入双页模式的指令也可以通过用户按压移动终端触摸屏中的特定虚拟按键的方式来触发该指令,或者也可以通过用户使用预设的触摸动作来触发该指令,比如,用户双指单击屏幕,用户滑动屏幕等,在此不作限定。
在本实施例中,该第一图片以及第二图片为在双页模式时,屏幕内待显示的两张图片,其中,该第二图片为所述第一图片的下一张图片。也就是说,该第一图片以及第二图片是有顺序的,而不是任意的待阅读的两张图片。
在本实施例中,该获取到的第一图片以及第二图片分别添加于第一容器以及第二容器内。所谓容器,即为容纳图片的区域,而移动终端的显示屏所显示的区域即为容器的一部分,该显示屏区域显示有容器的一部分。因此,容器的尺寸一般来说是适应移动终端的显示屏幕或者大于移动终端显示屏的尺寸的。
添加模块802,用于将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内。
具体地,为了在移动终端的显示屏内同时显示两张图片,可以将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内。
在示例性的实施例中,所述添加模块802,还用于将所述第一容器以及第二容器的高度设置为所述屏幕的高度。
为了使得在显示第一图片以及第二图片时,第一图片以及第二图片布满移动终端的屏幕,需要将第一容器的高度以及第二容器的高度设置为移动终端屏幕的高度。在本实施例中,该移动终端屏幕的高度不是指的真实屏幕的高度,而是指的移动终端的实际可用屏幕的高度,由于移动终端屏幕在显示图片时,其边框存在一定的黑边,因此,移动终端屏幕实际可用屏幕的高度可能会小于真实屏幕的高度,当然,在一些曲面屏幕中,可能会存在移动终端屏幕高度实际与移动终端实际可用屏幕的高度一致的情况。
所述添加模块802,还用于根据所述第一图片的宽高比设置所述第一容器的宽度,以及根据所述第二图片的宽高比设置所述第二容器的宽度。
在本实施例中,所述第一容器的宽高比与所述第一图片的宽高比相同,所述第二容器的宽高比与所述第二图片的宽高比相同。
在设置好第一容器以及第二容器的高度之后,可以根据第一图片的宽高比设置第一容器的宽度,在具体设置第一容器的宽度时,可以依据第一容器的宽高比与所述第一图片的宽高比相同的原则来设置该第一容器的宽度。在具体设置第二容器的宽度时,也可以依据第二容器的宽高比与第二容器的宽高比相同的原则来设置第二容器的宽度。举例如下:
假设第一图片的宽度与高度分别为50mm以及100mm,该屏幕的高度(指的屏幕横屏时的高度)为50mm,第二图片的宽度与高度都分别为60mm以及120mm,即该第一图片的宽高比为50:100,该第二图片的宽高比为60:120,则该第一容器的宽度将设置为:20*50/100=25mm,该第二容器的宽度将设置为:60*50/120=25mm。
所述添加模块802,还用于将经过设置的第一容器与第二容器于所述第三容器内进行无缝拼接。
具体地,在设置好第一容器以及第二容器的尺寸后,即将第一容器与第二容器在第三容器内进行无缝拼接,从而使得拼接后第一图片以及第二图片之间不存在缝隙。
在具体实现时,为了使得第一容器以及第二容器进行无缝拼接,可以让第一容器以及第二容器有且仅有一条边重合。进一步地,为了使得该第一图片以及第二图片显示在屏幕的中间位置,在对第一容器以及第二容器进行无缝拼接时,可以让第一容器以及第二容器相拼接的边的中心点和第三容器的中心点重合(相同),即按如图10所示方式进行拼接,其中,线段AB为第一容器以及第二容器相拼接的边,点C为该线段AB的中心点以及该第三容器的中心点。
本实施例通过将第一容器以及第二容器进行无缝拼接,从而可以使得在屏幕内显示的第一图片以及第二图片之间不存在重合,且不存在缝隙,进而提高用户体验。
在示例性的实施例中,由于显示图片的种类不同,当阅读器处于不同的阅读模式时,图片的显示顺序会不一样,比如,日本漫画图片排版一般是从右到左进行排版,而中国的漫画图片一般是从左到右进行排版,因此,为了使得在双页模式时,可以在屏幕内正确地显示第一图片以及第二图片,所述图片显示装置800还包括:确定模块。
所述确定模块,用于确定当前的阅读模式,所述阅读模式包括普通模式以及日漫模式.
具体地,所述普通模式为在进行双页阅读时,在屏幕的左边显示第一图片,在屏幕的右边显示第二图片的模式,该日漫模式为在进行双页阅读时,在屏幕的左边显示第二图片,在屏幕的右边显示第一图片的模式。
在本实施例中,用户可以自己选择当前的阅读模式是普通模式还是日漫模式。当然,也可以直接根据当前阅读的图片的类型自动设置当前阅读模式是普通模式,还是日漫模式。
对应地,所述添加模块802,还用于在当前阅读模式为普通模式时,将所述第一容器添加至所述第三容器的左边,将所述第二容器添加至所述第三容器的右边;
在当前阅读模式为日漫模式时,将所述第一容器添加至所述第三容器的右边,将所述第二容器添加至所述第三容器的左边。
具体地,当当前阅读模式为普通模式时,为了在屏幕内正确地显示该第一图片以及第二图片,则在将第一容器以及第二容器进行无缝拼接时,需要将第一容器添加至所述第三容器的左边,将第二容器添加至第三容器的右边。同理,当当前阅读模式为日漫模式时,为了在屏幕内正确地显示该第一图片以及第二图片,则在将第一容器以及第二容器进行无缝拼接时,需要将第二容器添加至所述第三容器的左边,将第一容器添加至第三容器的右边。
所述加载模块803,用于加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。
具体地,由于第三容器内包含有第一图片以及第二图片,因而通过加载位于第三容器内的第一图片以及第二图片,可以使得在移动终端的屏幕内同时显示该第一图片以及第二图片。
在一实际应用中,如图11所示,在屏幕中同时显示所述第一图片以及所述第二图片。
进一步地,参照图8,在一示例性的实施例中,所述第三容器为scrollView容器,该scrollView容器是一种带滚动功能的容器,它提供一种方式可以在有限的显示区域内浏览更多的内容。所述图片显示装置800还包括:接收模块、响应模块以及调整模块。
所述接收模块,用于接收对所述屏幕内显示的图片的缩放操作。
具体地,该缩放操作可以为点击操作,滑动操作或拖动操作等,例如,该缩放操作可以为点击屏幕内显示的缩放按钮的点击操作,或者可以为拖动屏幕内显示的缩放进度条的拖动操作,或者也可以为用户手指在屏幕内进行滑动的滑动操作。在本实施例中,该缩放操作可以为对图片进行放大的操作,也可以为对图片进行缩小的操作。
在一实际应用中,对屏幕内显示的第一图片以及第二图片进行放大前后的示意图如图12所示。
所述响应模块,用于响应于所述缩放操作,确定所述缩放操作对应的缩放倍数。
具体地,移动终端在接收到针对屏幕内显示的图片的缩放操作之后,会对该缩放操作进行响应,以便确定该缩放操作对应的缩放倍数。
所述调整模块,用于根据所述缩放倍数调整所述scrollView容器的宽度。
具体地,为了使得图片在放大或者缩小后,对屏幕内显示的图片进行滑动时,不会将黑边滑动到屏幕内,在确定缩放操作对应的缩放倍数之后,可以根据该缩放倍数来调整scrollView容器的宽度,例如,若该缩放倍数为2倍,则可以将该scrollView容器的宽度调整为之前设置的宽度的2倍,若该缩放倍数为0.5倍,则可以将该scrollView容器的宽度调整为之前设置的宽度的0.5倍。
在本实施例中,通过在对屏幕内显示的图片进行缩放操作时,调整scrollView容器的宽度,从而可以使得图片放大或者缩小后,滑动图片时不会将黑边滑动到屏幕内。
进一步地,参照图8,在一示例性的实施例中,所述图片显示装置800还包括调整指令接收模块以及替换模块。
所述调整指令接收模块,用于接收对所述屏幕内显示的图片的图片调整指令。
具体地,在双页模式下,在屏幕内显示的第一图片以及第二图片可能不是一组跨页图片。当在屏幕内显示的第一图片以及第二图片不是一组跨页图片时,会导致跨页图片匹配错误,例如,该第二图片以及第三图片实际上是一组跨页图片,而由于当前屏幕内显示的第一图片和第二图片不是一组跨页图片,且该第二图片与第三图片是一组跨页图片,此时显示的第一图片与第二图片将会出现明显的跨页匹配错误的情况,导致用户体验差。
为了解决该跨页匹配错误的问题,用户在发现出现跨页匹配错误时,可以触发一个图片调整指令。在本实施例中,该图片调整指令可以为一个预设的触摸操作来触发该图片调整指令,或者为一个按压操作来触发该图片调整指令等。例如,该图片调整指令可以由用户双指单击屏幕来触发该图片调整指令,或者可以由用户按压图片调整按钮来触发该图片调整指令等,具体的触发方式在本实施例中不作限定。
所述替换模块,用于基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第二图片,以及将所述第二容器内的所述第二图片替换为第三图片。
具体地,所述第三图片为所述第二图片的下一张图片。在本实施例中,当接收到图片调整指令时,可以将第一容器内的第一图片替换为所述第二图片,同时,并且将第二容器内的第二图片替换为第三图片,从而可以完成对跨页匹配失败的修复。
在本发明另一实施方式中,也可以将第一容器内的第一图片替换为第四图片,并且将第二容器内的第二图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
在一实际应用中,对屏幕中显示的两张图片进行调整前后的示意图如图13所示。
在一示例性的实施例中,当出现跨页匹配失败的情况,并且该第二图片为最后一张图片时,为了使得在此情况下仍然可以调整屏幕内显示的图片,所述替换模块,还用于基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第四图片,以及将所述第二容器内的第二图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
具体地,所述最后一张图片可以指当前阅读的图片中的最后一张图片,也可以指当前阅读的图片中的属于某一个类别图片中的最后一张图片,比如,该最后一张图片为某一漫画图片中的某一话漫画的最后一张图片。
由于在该第二图片为最后一张图片时,若在接收到图片调整指令后,仍然将该第一图片替换为第二图片,将该第二图片替换为所述第三图片,将会存在没有所述第三图片,或者该第三图片为另一类别图片中的第一张图片的情况,此时,若按照这种方式调整屏幕内显示的图片,将不能修复该存在的跨页匹配错误。为了在这种情况下,仍可以修复跨页匹配错误,可以在基于该图片调整指令,将所述第一容器内的第一图片替换为第四图片,将第二容器内的图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
在将第一容器以及第二容器内的图片完成图片的替换之后,继续加载位于第三容器内的两张图片,从而在屏幕内显示修复后的图片画面。
本实施例通过在跨页匹配错误时,对跨页匹配错误进行修复,从而可以进一步地提高用户体验。
进一步地,参阅图8,在一示例性的实施例中,所述获取模块801,还用于获取所述第一图片以及所述第二图片的标识;
具体地,当用户将其创作的图片集上传至服务器时,可以预先对该该图片集中的各个图片进行标记,在标记的过程中,根据图片的类型不同采用不同的标记。在本实施例中,该图片的类型可以包括单页图片以及双页图片,其中,所述单页图片为图片的内容为完整的图片,所述双页图片为图片的内容为不完整的图片,即该双页图片为跨页图片。在一实施方式中,可以采用预设的第一标识对单页图片进行标记,比如采用标记“0”对该单页图片进行标记;可以采用预设的第二标记对双页图片进行标记,比如采用标记“1”对该双页图片进行标记。
由于预先对图片集中的各个图片进行了标记。因此,在获取到该第一图片以及第二图片时,可以获取到该第一图片以及第二图片的标识。在一实施方式中,当所述第一图片以及所述第二图片中包含有该标记时,则可以直接从所述第一图片以及第二图片中获取到该第一图片以及第二图片的标识。在另一实施方式中,当用户对图片集中的各个图片进行标记时,也可以将图片的标记信息记录在配置信息中。当移动终端从服务器获取该图片集中,可以从服务器端得到图片集的配置信息,进而从该配置信息中获取所述第一图片以及所述第二图片的标识。
所述添加模块802,还用于在所述第一图片的标识为预设的第一标识,且所述第二图片的标识为预设的第二标识时,将所述第一图片添加至所述第三容器内。
具体地,当获取到第一图片以及第二图片的标识时,需要判断该第一图片的标识是否为所述第一标识,以及判断该第二图片的标识是否为所述第二标识。在所述第一图片的标识为所述第一标识,且所述第二图片的标识为所述第二标识时,若仍将所述第一图片以及所述第二图片进行拼接显示,将会存在跨页匹配失败的问题。因此,本实施例中为了解决该问题,在检测到第一图片的标识为所述第一标识,且该第二图片的标识为所述第二标识时,仅仅将第一图片添加至该第三容器内,这样,将使得屏幕内只会显示该第一图片,而不会在屏幕内同时显示该第一图片以及该第二图片。
本实施例通过在该第一图片的标识为所述第一标识,且该第二图片的标识为所述第二标识时,在进行图片显示时,仅仅显示该第一图片,而不会显示该第一图片以及第二图片,从而可以解决双页下图片匹配错误的问题,进而可以提高用户体验。
如图9所示,示出了根据本申请实施例中适于实现图片显示方法的移动终端的硬件架构示意图。本实施例中,移动终端2是一种能够按照事先设定或者存储的指令,自动进行数值计算和/或信息处理的设备。本申请实施例的移动终端2以多种形式存在,包括但不限于:
(1)移动通信设备:这类设备的特点是具备移动通信功能,并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机,以及低端手机等。
(2)超移动个人移动终端:这类设备属于个人计算机的范畴,有计算和处理功能,一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等,例如iPad。
(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod),掌上游戏机,电子书,以及智能玩具和便携式车载导航设备。
(4)其他具有数据交互功能的电子装置。
如图9所示,移动终端2至少包括但不限于:可通过系统总线相互通信链接存储器20、处理器21、网络接口22。其中:
存储器20至少包括一种类型的计算机可读存储介质,可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,存储器20可以是移动终端2的内部存储模块,例如该移动终端2的硬盘或内存。在另一些实施例中,存储器20也可以是移动终端2的外部存储设备,例如该移动终端2上配备的插接式硬盘,智能存储卡(Smart MediaCard,简称为SMC),安全数字(Secure Digital,简称为SD)卡,闪存卡(Flash Card)等。当然,存储器20还可以既包括移动终端2的内部存储模块也包括其外部存储设备。本实施例中,存储器20通常用于存储安装于移动终端2的操作系统和各类应用软件,例如图片显示方法的程序代码等。此外,存储器20还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器21在一些实施例中可以是中央处理器(Central Processing Unit,简称为CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器21通常用于控制移动终端2的总体操作,例如执行与移动终端2进行数据交互或者通信相关的控制和处理等。本实施例中,处理器21用于运行存储器20中存储的程序代码或者处理数据。
网络接口22可包括无线网络接口或有线网络接口,该网络接口22通常用于在移动终端2与其他移动终端之间建立通信链接。例如,网络接口22用于通过网络将移动终端2与外部终端相连,在移动终端2与外部终端之间的建立数据传输通道和通信链接等。网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(Global System ofMobile communication,简称为GSM)、宽带码分多址(Wideband Code Division MultipleAccess,简称为WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。
需要指出的是,图9仅示出了具有部件20~22的移动终端,但是应理解的是,并不要求实施所有示出的部件,可以替代的实施更多或者更少的部件。
在本实施例中,存储于存储器20中的图片显示方法还可以被分割为一个或者多个程序模块,并由一个或多个处理器(本实施例为处理器21)所执行,以完成本发明。
本申请实施例还提供了一种非易失性计算机可读存储介质,计算机可读存储介质其上存储有计算机程序,计算机程序被处理器执行时实现实施例中的图片显示方法的步骤。
本实施例中,计算机可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,计算机可读存储介质可以是移动终端的内部存储单元,例如该移动终端的硬盘或内存。在另一些实施例中,计算机可读存储介质也可以是移动终端的外部存储设备,例如该移动终端上配备的插接式硬盘,智能存储卡(Smart Media Card,简称为SMC),安全数字(Secure Digital,简称为SD)卡,闪存卡(Flash Card)等。当然,计算机可读存储介质还可以既包括移动终端的内部存储单元也包括其外部存储设备。本实施例中,计算机可读存储介质通常用于存储安装于移动终端的操作系统和各类应用软件,例如实施例中的图片显示方法的程序代码等。此外,计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的各类数据。
显然,本领域的技术人员应该明白,上述的本发明实施例的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明实施例不限制于任何特定的硬件和软件结合。
通过以上的实施方式的描述,本领域普通技术人员可以清楚地了解到各实施方式可借助软件加通用硬件平台的方式来实现,当然也可以通过硬件。本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-OnlyMemory,ROM)或随机存储记忆体(RandomAccessMemory,RAM)等。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (10)

1.一种图片显示方法,其特征在于,包括:
在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片,其中,所述第二图片为所述第一图片的下一张图片,所述第一图片以及所述第二图片分别添加于第一容器以及第二容器内;
将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内;
加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。
2.根据权利要求1所述的图片显示方法,其特征在于,所述第三容器为scrollView容器,所述图片显示方法还包括:
接收对所述屏幕内显示的图片的缩放操作;
响应于所述缩放操作,确定所述缩放操作对应的缩放倍数;
根据所述缩放倍数调整所述scrollView容器的宽度。
3.根据权利要求1所述的图片显示方法,其特征在于,所述图片显示方法还包括:
接收对所述屏幕内显示的图片的图片调整指令;
基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第二图片,以及将所述第二容器内的所述第二图片替换为第三图片,其中,所述第三图片为所述第二图片的下一张图片。
4.根据权利要求3所述的图片显示方法,其特征在于,当所述第二图片为最后一张图片时,所述基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第二图片,以及将所述第二容器内的所述第二图片替换为第三图片的步骤包括:
基于所述图片调整指令,将所述第一容器内的第一图片替换为所述第四图片,以及将所述第二容器内的第二图片替换为所述第一图片,其中,所述第四图片为所述第一图片的上一张图片。
5.根据权利要求1所述的图片显示方法,其特征在于,所述将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内的步骤包括:
将所述第一容器以及第二容器的高度设置为所述屏幕的高度;
根据所述第一图片的宽高比设置所述第一容器的宽度,以及根据所述第二图片的宽高比设置所述第二容器的宽度,其中,所述第一容器的宽高比与所述第一图片的宽高比相同,所述第二容器的宽高比与所述第二图片的宽高比相同;
将经过设置的第一容器与第二容器于所述第三容器内进行无缝拼接。
6.根据权利要求5所述的图片显示方法,其特征在于,所述图片显示方法还包括:
确定当前的阅读模式,所述阅读模式包括普通模式以及日漫模式;
所述将经过设置的第一容器与第二容器于所述第三容器内进行无缝拼接的步骤包括:
在当前阅读模式为普通模式时,将所述第一容器添加至所述第三容器的左边,将所述第二容器添加至所述第三容器的右边;
在当前阅读模式为日漫模式时,将所述第一容器添加至所述第三容器的右边,将所述第二容器添加至所述第三容器的左边。
7.根据权利要求1至5任一项所述的图片显示方法,其特征在于,所述图片显示方法还包括:
获取所述第一图片以及所述第二图片的标识;
在所述第一图片的标识为预设的第一标识,且所述第二图片的标识为预设的第二标识时,将所述第一图片添加至所述第三容器内。
8.一种图片显示装置,其特征在于,包括:
获取模块,用于在监测到当前阅读模式为双页模式时,获取待阅读的第一图片以及第二图片,其中,所述第二图片为所述第一图片的下一张图片,所述第一图片以及所述第二图片分别添加于第一容器以及第二容器内;
添加模块,用于将包含第一图片的第一容器以及包含第二图片的第二容器添加至第三容器内;
加载模块,用于加载位于所述第三容器内的所述第一图片以及所述第二图片,以便在屏幕内同时显示所述第一图片以及所述第二图片。
9.一种移动终端,所述移动终端,包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现权利要求1至7任一项所述的图片显示方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于:所述计算机程序被处理器执行时实现权利要求1至7任一项所述的图片显示方法的步骤。
CN201910765400.4A 2019-08-19 2019-08-19 图片显示方法、装置、移动终端及存储介质 Active CN112394863B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910765400.4A CN112394863B (zh) 2019-08-19 2019-08-19 图片显示方法、装置、移动终端及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910765400.4A CN112394863B (zh) 2019-08-19 2019-08-19 图片显示方法、装置、移动终端及存储介质

Publications (2)

Publication Number Publication Date
CN112394863A true CN112394863A (zh) 2021-02-23
CN112394863B CN112394863B (zh) 2022-04-05

Family

ID=74603508

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910765400.4A Active CN112394863B (zh) 2019-08-19 2019-08-19 图片显示方法、装置、移动终端及存储介质

Country Status (1)

Country Link
CN (1) CN112394863B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114185473A (zh) * 2021-12-17 2022-03-15 平安壹钱包电子商务有限公司 在页面中显示图片的方法、装置、设备及可读存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101877178A (zh) * 2009-04-30 2010-11-03 上海易狄欧电子科技有限公司 电子书阅读系统及电子书阅读器互联和输入方法
JP2011048431A (ja) * 2009-08-25 2011-03-10 Brother Industries Ltd 画像表示システム,画像処理装置および電子ペーパー
CN103024145A (zh) * 2012-11-15 2013-04-03 广东欧珀移动通信有限公司 一种移动终端浏览图片的系统、方法和移动终端
CN103995652A (zh) * 2014-05-15 2014-08-20 宇龙计算机通信科技(深圳)有限公司 图库中图片的比对方法和系统
CN110032318A (zh) * 2019-04-15 2019-07-19 珠海格力电器股份有限公司 基于折叠屏移动终端的显示方法、系统及折叠屏移动终端

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101877178A (zh) * 2009-04-30 2010-11-03 上海易狄欧电子科技有限公司 电子书阅读系统及电子书阅读器互联和输入方法
JP2011048431A (ja) * 2009-08-25 2011-03-10 Brother Industries Ltd 画像表示システム,画像処理装置および電子ペーパー
CN103024145A (zh) * 2012-11-15 2013-04-03 广东欧珀移动通信有限公司 一种移动终端浏览图片的系统、方法和移动终端
CN103995652A (zh) * 2014-05-15 2014-08-20 宇龙计算机通信科技(深圳)有限公司 图库中图片的比对方法和系统
CN110032318A (zh) * 2019-04-15 2019-07-19 珠海格力电器股份有限公司 基于折叠屏移动终端的显示方法、系统及折叠屏移动终端

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114185473A (zh) * 2021-12-17 2022-03-15 平安壹钱包电子商务有限公司 在页面中显示图片的方法、装置、设备及可读存储介质

Also Published As

Publication number Publication date
CN112394863B (zh) 2022-04-05

Similar Documents

Publication Publication Date Title
CN109634542B (zh) 一种切换显示控制方法、终端及计算机可读存储介质
CN107273035B (zh) 应用程序推荐方法及移动终端
CN109697008B (zh) 一种内容分享方法、终端及计算机可读存储介质
CN108553896B (zh) 一种状态信息显示控制方法、终端及计算机可读存储介质
CN109471579B (zh) 终端屏幕信息布局调整方法、装置、移动终端及存储介质
CN107682540B (zh) 图片处理方法、终端及计算机可读存储介质
CN110198379B (zh) 移动终端控制方法、移动终端及计算机可读存储介质
CN108984063B (zh) 一种桌面交互调控方法、设备及计算机可读存储介质
CN107707755B (zh) 按键使用方法、终端及计算机可读存储介质
CN114422461A (zh) 消息引用方法及其装置
CN109976859B (zh) 截图方法、终端及计算机可读存储介质
CN110278481B (zh) 画中画实现方法、终端及计算机可读存储介质
CN109739414B (zh) 一种图片处理方法、移动终端、计算机可读存储介质
CN109408187B (zh) 头像设置方法、装置、移动终端及可读存储介质
CN110418004A (zh) 截图处理方法、终端及计算机可读存储介质
CN110399074B (zh) 图片拼接方法、装置、移动终端及存储介质
CN112394863B (zh) 图片显示方法、装置、移动终端及存储介质
CN109684020B (zh) 一种主题切换方法、设备及计算机可读存储介质
CN110083294B (zh) 屏幕截取方法、终端和计算机可读存储介质
CN109873903B (zh) 同类应用程序的显示方法、终端以及计算机可读存储介质
CN109739517B (zh) 印制电路板、终端、固件烧录方法以及可读存储介质
CN110764852B (zh) 一种截图方法、终端及计算机可读存储介质
CN112947831B (zh) 投屏反向控制方法、移动终端及计算机可读存储介质
CN109683793B (zh) 一种内容翻转显示方法、设备及计算机可读存储介质
CN114442886A (zh) 数据处理方法、智能终端及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant