CN110673903B - 一种阅读软件的书架页面的显示方法和装置 - Google Patents
一种阅读软件的书架页面的显示方法和装置 Download PDFInfo
- Publication number
- CN110673903B CN110673903B CN201810709523.1A CN201810709523A CN110673903B CN 110673903 B CN110673903 B CN 110673903B CN 201810709523 A CN201810709523 A CN 201810709523A CN 110673903 B CN110673903 B CN 110673903B
- Authority
- CN
- China
- Prior art keywords
- controls
- card
- control
- bookshelf
- displayed
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 230000006978 adaptation Effects 0.000 claims abstract description 14
- 238000013341 scale-up Methods 0.000 claims description 8
- 230000003044 adaptive effect Effects 0.000 claims description 3
- 238000013461 design Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000005389 magnetism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种阅读软件的书架页面的显示方法和装置。所述显示方法包括:获取任一显示屏幕的屏幕密度;计算卡片式书架页面布局所依据的默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,依据自适应适配方法在所述显示屏幕上进行等比例显示;保持该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件的位置不变,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度,以使得所述跟随滑动手势而滑动的多个控件以及控件上显示的内容在屏幕上完整显示。
Description
技术领域
本发明涉及信息处理技术领域,具体而言涉及一种阅读软件的书架页面的显示方法和装置。
背景技术
随着智能手机、平板电脑、电子书阅读器等电子设备的不断发展,越来越多的用户喜欢阅读电子书。电子书是指将文字、图片、声音、影像等讯息内容数字化的出版物,以数码方式记录在以光、电、磁等为介质的设备中。所述电子书的格式包括但不限于txt、epub、umd、pdf、html、chm等。
随着电子书的广泛使用,人们的阅读***板电脑等设备来阅读电子书。或者,具有电子书阅读功能的其他电子设备
无论是专用的电子书阅读器,还是用安装在例如智能手机、平板电脑等智能终端上的用于阅读电子书籍的阅读软件,都会有一个电子书架。该电子书架是阅读类应用中一个主要的页面,负责展示用户已经拥有、最近阅读和想要阅读的书籍。
在阅读类应用中,现有的电子书架展示方法包括:仿真式书架、列表式书架、宫格形式书架和卡片式书架,如图1A-D所示的那样。
在卡片式书架中,书架页面的主体是显示一本书籍的信息,可以更多地展示书籍的相关内容,提高用户的选择性,尤其是在阅读类应用APP主动提供多本推荐书籍时。
但是,安装有用于阅读电子书籍的应用程序的智能终端的屏幕尺寸和分辨率都是不同的,尤其是基于安卓***的智能终端,例如市面上常见的分辨率1920x 1080的5.5英寸和5英寸屏幕的智能手机、分辨率1280x 720的5.5英寸和5英寸屏幕的智能手机等。而现有的书架界面的布局设计通常是针对一种屏幕尺寸和分辨率的智能终端进行设计,采用自适应适配技术来主动适应不同分辨率的不同尺寸屏幕,但是,还是会出现为5英寸屏幕的智能手机设计的书架界面的布局,运行在5.5英寸屏幕上会在下次和左右两侧存在大量的空白,或者是书架界面的元素布局显示又太过于松散;亦或,运行在4.5英寸屏幕上会出现不能展示完整的书架界面。
因此,需要一种新的具有可自适应不同分辨率和不同尺寸屏幕的书架页面的显示方法。
发明内容
本发明的目的在于提供一种阅读软件的书架页面的显示方法和装置,以改善上述问题。
本发明第一实施例提供了一种阅读软件的卡片式书架页面在不同屏幕密度中的显示方法,其包括:
获取任一显示屏幕的屏幕密度;
计算该卡片式书架页面布局所依据的默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,依据自适应适配方法在所述显示屏幕上进行等比例显示;
保持该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件的位置不变,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度,以使得所述跟随滑动手势而滑动的多个控件以及控件上显示的内容在屏幕上完整显示。
本发明第二实施例提供了一种阅读软件的卡片式书架页面在不同屏幕密度中的显示装置,其包括:
屏幕密度获取模块,用于获取任一显示屏幕的屏幕密度;
控件适配显示模块,用于计算该卡片式书架页面布局所依据的默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,依据自适应适配方法在所述显示屏幕上进行等比例显示;
纵向之间各空白区高度调整模块,用于保持该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件的位置不变,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度,以使得所述跟随滑动手势而滑动的多个控件以及控件上显示的内容在屏幕上完整显示。
本发明第三实施例提供了一种存储设备,其中存储有多条指令,所述指令适于由处理器加载并执行上述第一实施例及其优选实施例所述的方法。
根据本发明提供的一种阅读软件的书架页面的显示方法和装置,对于卡片式书架在不同尺寸不同分辨率的屏幕显示时,即针对不同用户使用的不同尺寸不同分辨率的不同屏幕,对于尺寸较小的屏幕也能够展示完整的书架界面,对于尺寸较大的屏幕上书架界面上的元素布局也显得很紧凑。这对于使用不同屏幕的移动终端的用户能够获得较好的沉浸式的用户体验。
附图说明
图1A是示例性的仿真式书架页面的截图;
图1B是示例性的列表式书架页面的截图;
图1C是示例性的宫格形式书架页面的截图;
图1D是示例性的卡片式书架页面的截图;
图2是本发明第一实施例提供的阅读软件的卡片式书架页面在不同屏幕密度中的显示方法的流程图;
图3是本发明第二实施例提供的阅读软件的卡片式书架页面在不同屏幕密度中显示的显示装置的示意性框图。
具体实施方式
下面将结合本发明实施例和附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
图2是本发明第一实施例提供的阅读软件的卡片式书架页面在不同屏幕密度中的显示方法的流程图。如图2所示,本发明的阅读软件的卡片式书架页面在不同屏幕密度中的显示方法包括:
S1:获取任一显示屏幕的屏幕密度。
下面简单介绍一些基本概念,有些概念是专门针对安卓***提出的。
1)屏幕尺寸:指屏幕的对角线的长度,单位是英寸(in),1英寸=2.54厘米。
2)px:即像素,指屏幕上的点。我们通常所说的分辨率如1028×780就是指的像素,行像素1028,列像素780。
3)dpi:每英寸包含的点数。
4)屏幕密度:每英寸包含的像素个数。
对于屏幕来说,像素是指屏幕上的点,这里的屏幕密度常用dpi表示,例如屏幕密度为120dpi、160dpi、240dpi、320dpi、480dpi等。
下面以5英寸、1920×1080分辨率的屏幕为例,说明计算屏幕密度的方法:对1920和1080的平方和进行开根号(就是直角三角形斜边长的算法),得数是约2202.9,除以5英寸就得到约440dpi。
5)dp(或dip):密度无关像素(也称为设备独立像素),针对安卓***设计的一个单位,在屏幕密度dpi=160的屏幕上,1dp=1px。dp和屏幕密度dpi的关系为dp=160*px/dpi。
获取任一显示屏幕的屏幕密度的方法可以采用本领域公知的方法来实现,例如getContext().getResources().getDisplayMetrics().density。
S2:计算该卡片式书架页面布局所依据的默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,依据自适应适配方法在所述显示屏幕上进行等比例显示。
所述自适应适配方法包括像素(px)适配方法和密度无关像素(dp)适配方法。
所述卡片式书架页面上显示的多个控件大体包括两种类型:不跟随滑动手势而滑动的一个或多个控件、和跟随滑动手势而滑动的多个控件。
在该卡片式书架页面上显示的多个控件中,不跟随滑动手势而滑动的一个或多个控件包括但不限于:工具栏和/或菜单栏。如图1D所示的卡片式书架页面,顶部显示的控件为提供搜索功能的工具栏控件,底部的控件为提供菜单选择的菜单栏控件,该菜单项包括:书架、书城、发现、我的。
在该卡片式书架页面上显示的多个控件中,跟随滑动手势而滑动的多个控件包括但不限于:卡片式书架控件、用于显示注册用户信息的控件和书架滚动条控件其中之一而该二者。即,跟随滑动手势而滑动的多个控件包括但不限于:卡片式书架控件、和用于显示注册用户信息的控件;或者,跟随滑动手势而滑动的多个控件包括但不限于:卡片式书架控件、和书架滚动条控件;或者,跟随滑动手势而滑动的多个控件包括但不限于:卡片式书架控件、用于显示注册用户信息的控件、和书架滚动条控件。
其中,所述卡片式书架控件上显示的跟随滑动手势而滑动的多个控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件。而一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件为所述卡片式书架控件上显示的子控件。即,所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件。
或者,所述卡片式书架控件上显示的跟随滑动手势而滑动的多个控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件、和显示上一次阅读进度信息的控件。而一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件、和显示上一次阅读进度信息的控件为所述卡片式书架控件上显示的子控件。即,所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件、和显示上一次阅读进度信息的控件。
所述像素(px)适配方法可以采用本领域技术人员熟知的方法来实现。其适用于基于安卓***或IOS***的智能终端的各种屏幕。
所述密度无关像素(dp)适配方法主要适用于基于安卓***的智能终端的具有不同屏幕密度的各种屏幕。
任一款阅读软件(例如书旗小说)的开发者在设计卡片式书架页面的布局时,会以某款流行的屏幕尺寸、分辨率和屏幕密度的终端屏幕为基础进行设计片式书架页面的布局,例如该页面上显示的多个控件以及控件上显示的内容的位置和大小,将出厂设计所依据的屏幕密度称为默认屏幕密度。而前述获取任一显示屏幕的屏幕密度与所述默认屏幕密度的值可能是相同的,也可能是不同的。
密度无关像素(dp)可以用来设置指定尺寸,这个不受像素的影响,这样对不同尺寸的屏幕就可以指定相同的尺寸,可以保证在不同屏幕密度的屏幕上显示相同的效果。
当卡片式书架页面上显示的多个控件是采用密度无关像素的单位dp来描述相应控件的宽和高时,由于dp与px(像素单位)的关系为:
dp=160*px/dpi
也就是说,假设在默认屏幕密度是160dpi的屏幕1上,控件1的宽度为160dp,占160px。
获得的某一用于显示的屏幕2的屏幕像素密度为320dpi,则1dp=2px,则在该屏幕上占160*2=320px。这样所述控件1在屏幕1和屏幕2上看起来相对大小一样。
也就是,计算默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的以dp为单位的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,通过计算得到的该比例关系计算所述多个控件以及控件上显示的内容的位置和大小在新屏幕上的相应dp值,用该新的dp值在该新屏幕上进行所述多个控件以及控件上显示的内容的布局。此处所述的新屏幕就是所获得屏幕密度的那个屏幕,简而言之,某一用户使用的终端设备的屏幕。
S3:保持该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件的位置不变,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度,以使得所述跟随滑动手势而滑动的多个控件以及控件上显示的内容在屏幕上完整显示。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件仅为所述卡片式书架控件以及该控件上的多个子控件(例如一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件等)的第一实例中,在以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着再等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件和所述卡片式书架控件的纵向之间的各空白区的高度。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件为所述卡片式书架控件以及该控件内部的多个子控件、和显示注册用户信息的控件的第二实例中,在以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度。另外,还可以进一步包括以下步骤:
最后计算该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度之和,这里简称高度和值1,以及所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度之和,这里简称高度和值2,并且按预定的比例值调整卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度值,以使得高度和值1与高度和值2的比值符合所述预定的比例值。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件为所述卡片式书架控件以及该控件内部的多个子控件、和所述书架滚动条控件的第三实例中,在以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度。另外,还可以进一步包括以下步骤:
最后计算该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度之和,这里简称高度和值1,以及所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度之和,这里简称高度和值2,并且按预定的比例值调整卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度值,以使得高度和值1与高度和值2的比值符合所述预定的比例值。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件为所述卡片式书架控件以及该控件内部的多个子控件、所述显示注册用户信息的控件、和所述书架滚动条控件的第四实例中,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度。另外,还可以进一步包括以下步骤:
最后计算该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度之和,这里简称高度和值1,以及所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度之和,这里简称高度和值2,并且按预定的比例值调整卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度值,以使得高度和值1与高度和值2的比值符合所述预定的比例值。
所谓默认设置的比例关系是指某个阅读软件(例如书旗小说)的开发者在设计卡片式书架页面的布局时,会以某款流行的屏幕尺寸、分辨率和屏幕密度的终端屏幕为基础来设计上述的多个控件的纵向之间的各空白区的高度的比例关系设置。即,所谓默认设置的比例关系,简单说是阅读软件的出厂设计的比例关系。
另外,在一个具体实施例中,在默认设置中,卡片式书架控件的宽占屏幕宽的75%,高取16:9或者4:3。
根据本发明提供的一种阅读软件的书架页面在不同屏幕密度中的显示方法,对于卡片式书架在不同尺寸不同分辨率的屏幕显示时,即针对不同用户使用的不同尺寸不同分辨率的不同屏幕,对于尺寸较小的屏幕也能够展示完整的书架界面,对于尺寸较大的屏幕上书架界面上的元素布局也显得很紧凑。这对于使用不同屏幕的移动终端的用户能够获得较好的沉浸式的用户体验。
图3是本发明第二实施例提供的阅读软件的卡片式书架页面在不同屏幕密度中显示的显示装置的示意性框图。如图3所示,本发明第二实施例提供的阅读软件的卡片式书架页面在不同屏幕密度中显示的显示装置包括:
屏幕密度获取模块,用于获取任一显示屏幕的屏幕密度;
控件适配显示模块,用于计算该卡片式书架页面布局所依据的默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,依据自适应适配方法在所述显示屏幕上进行等比例显示;
纵向之间各空白区高度调整模块,用于保持该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件的位置不变,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度,以使得所述跟随滑动手势而滑动的多个控件以及控件上显示的内容在屏幕上完整显示。
其中,所述卡片式书架页面包括:所述卡片式书架控件、用于显示注册用户信息的控件和书架滚动条控件其中之一而该二者。
其中,该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件包括但不限于:工具栏和/或菜单栏。
在一个实施例中,所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件。
在另一个实施例中,所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件、和显示上一次阅读进度信息的控件。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件仅为所述卡片式书架控件以及该控件上的多个子控件(例如一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件等)的第一实例中,所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着再等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件和所述卡片式书架控件的纵向之间的各空白区的高度。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件为所述卡片式书架控件以及该控件内部的多个子控件、和显示注册用户信息的控件的第二实例中,所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度。另外,还可以进一步包括以下操作:
最后计算该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度之和,这里简称高度和值1,以及所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度之和,这里简称高度和值2,并且按预定的比例值调整卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度值,以使得高度和值1与高度和值2的比值符合所述预定的比例值。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件为所述卡片式书架控件以及该控件内部的多个子控件、和所述书架滚动条控件的第三实例中,所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度。另外,还可以进一步包括以下操作:最后计算该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度之和,这里简称高度和值1,以及所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度之和,这里简称高度和值2,并且按预定的比例值调整卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度值,以使得高度和值1与高度和值2的比值符合所述预定的比例值。
在所述卡片式书架页面包括的跟随滑动手势而滑动的多个控件为所述卡片式书架控件以及该控件内部的多个子控件、所述显示注册用户信息的控件、和所述书架滚动条控件的第四实例中,所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度。另外,还可以进一步包括以下操作:最后计算该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度之和,这里简称高度和值1,以及所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度之和,这里简称高度和值2,并且按预定的比例值调整卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度值,以使得高度和值1与高度和值2的比值符合所述预定的比例值。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置的具体工作过程,可以参考前述第一实施例及其优选实施例中的对应过程,前述述第一实施例及其优选实施例中列举的例子和相关描述,同样适用于解释装置的工作过程,在此不再重复描述。
根据本发明提供的一种阅读软件的书架页面在不同屏幕密度中显示的显示装置,对于卡片式书架在不同尺寸不同分辨率的屏幕显示时,即针对不同用户使用的不同尺寸不同分辨率的不同屏幕,对于尺寸较小的屏幕也能够展示完整的书架界面,对于尺寸较大的屏幕上书架界面上的元素布局也显得很紧凑。这对于使用不同屏幕的移动终端的用户能够获得较好的沉浸式的用户体验。
本发明其它实施例还提供了一种阅读软件的书架页面在不同屏幕密度中的显示方法的计算机程序产品,包括存储了程序代码的计算机可读存储介质,所述程序代码包括的指令可用于执行前面方法实施例中所述的方法,具体实现可参见方法实施例,在此不再赘述。
所述计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,智能平板电脑,智能手机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM)、随机存取存储器(RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
为此,本发明实施例还提供了一种存储设备,其中存储有多条指令,所述指令适于由处理器加载并执行上述第一实施例及其与优选实施例的组合所述的方法。
应理解的是:图3所示出的装置及其模块可被分别配置为执行特定功能的软件、硬件、固件或上述项的任意组合。例如,这些装置或模块可对应于专用的集成电路,也可对应于纯粹的软件代码,还可对应于软件与硬件相结合的模块。此外,这些装置或模块所实现的一个或多个功能也可由物理实体设备(例如,处理器、客户端或服务器等)中的组件来统一执行。
另一方面,图3所示的装置或模块也可以通过硬件、软件、固件、中间件、微代码或其任意组合来实现。当以软件、固件、中间件或微代码实现时,用于执行相应操作的程序代码或者代码段可以存储在诸如存储介质的计算机可读介质中,使得处理器可通过读取并运行相应的程序代码或者代码段来执行相应的操作。
例如,本申请的示例性实施例还可以实现为计算装置,该计算装置包括存储部件和处理器,存储部件中存储有计算机可执行指令集合,当所述计算机可执行指令集合被所述处理器执行时,执行基于第一实施例描述的方法步骤。
具体说来,所述计算装置可以部署在服务器或客户端中,也可以部署在分布式网络环境中的节点装置上。此外,所述计算装置可以是PC计算机、平板装置、个人数字助理、智能手机、web应用或其他能够执行上述指令集合的装置。
在所述计算装置中,处理器可以包括中央处理器(CPU)、图形处理器(GPU)、可编程逻辑装置、专用处理器***、微控制器或微处理器。作为示例而非限制,处理器还可包括模拟处理器、数字处理器、微处理器、多核处理器、处理器阵列、网络处理器等。
根据本申请示例性实施例的阅读软件的卡片式书架页面在不同屏幕密度中的显示方法中所描述的某些操作可通过软件方式来实现,某些操作可通过硬件方式来实现,此外,还可通过软硬件结合的方式来实现这些操作。
处理器可运行存储在存储部件之一中的指令或代码,其中,所述存储部件还可以存储数据。指令和数据还可经由网络接口装置而通过网络被发送和接收,其中,所述网络接口装置可采用任何已知的传输协议。
存储部件可与处理器集成为一体,例如,将RAM或闪存布置在集成电路微处理器等之内。此外,存储部件可包括独立的装置,诸如,外部盘驱动、存储阵列或任何数据库***可使用的其他存储装置。存储部件和处理器可在操作上进行耦合,或者可例如通过I/O端口、网络连接等互相通信,使得处理器能够读取存储在存储部件中的文件。
此外,所述计算装置还可包括显示屏幕和用户交互接口(诸如,键盘、鼠标、触摸输入装置等)。计算装置的所有组件可经由总线和/或网络而彼此连接。
尽管以上描述了本申请的示例性实施例,但是应理解:上述描述仅是示例性的,并非穷尽性的。本申请不限于所披露的各示例性实施例,并且在不偏离本申请的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。因此,本申请的保护范围应该以权利要求的范围为准。
Claims (19)
1.一种阅读软件的卡片式书架页面在不同屏幕密度中的显示方法,其包括:
获取任一显示屏幕的屏幕密度;
计算该卡片式书架页面布局所依据的默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,依据自适应适配方法在所述显示屏幕上进行等比例显示,包括:计算默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的以密度无关像素dp为单位的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,通过计算得到的该比例关系计算所述多个控件以及控件上显示的内容的位置和大小在新屏幕上的相应dp值,用该新的dp值在该新屏幕上进行所述多个控件以及控件上显示的内容的布局;
保持该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件的位置不变,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度,以使得所述跟随滑动手势而滑动的多个控件以及控件上显示的内容在屏幕上完整显示。
2.根据权利要求1所述的方法,其特征在于所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件。
3.根据权利要求1所述的方法,其特征在于所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件和显示上一次阅读进度信息的控件。
4.根据权利要求2或3所述的方法,其特征在于在以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着再等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件和所述卡片式书架控件的纵向之间的各空白区的高度。
5.根据权利要求1所述的方法,其特征在于所述卡片式书架页面包括:所述卡片式书架控件、用于显示注册用户信息的控件和书架滚动条控件其中之一。
6.根据权利要求5所述的方法,其特征在于在以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度。
7.根据权利要求5所述的方法,其特征在于在以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度。
8.根据权利要求5所述的方法,其特征在于在以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度的步骤中,首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度。
9.根据权利要求1所述的方法,其特征在于该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件包括但不限于:工具栏和/或菜单栏。
10.一种阅读软件的书架页面在不同屏幕密度中显示的显示装置,其包括:
屏幕密度获取模块,用于获取任一显示屏幕的屏幕密度;
控件适配显示模块,用于计算卡片式书架页面布局所依据的默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,依据自适应适配方法在所述显示屏幕上进行等比例显示,包括:计算默认屏幕密度与所获得的屏幕密度的比例,针对依据默认屏幕密度设计的以密度无关像素dp为单位的该卡片式书架页面上显示的多个控件以及控件上显示的内容的位置和大小,通过计算得到的该比例关系计算所述多个控件以及控件上显示的内容的位置和大小在新屏幕上的相应dp值,用该新的dp值在该新屏幕上进行所述多个控件以及控件上显示的内容的布局;
纵向之间各空白区高度调整模块,用于保持该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件的位置不变,以默认设置的比例关系为基础来等比例放大或缩小跟随滑动手势而滑动的多个控件的纵向之间的多个空白区的高度,以使得所述跟随滑动手势而滑动的多个控件以及控件上显示的内容在屏幕上完整显示。
11.根据权利要求10所述的装置,其特征在于所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件。
12.根据权利要求10所述的装置,其特征在于所述卡片式书架上显示的跟随滑动手势而滑动的多个控件包括:卡片式书架控件以及该控件内部的多个子控件,该多个子控件包括但不限于:一本书的正面封面图像控件、显示该书的书名的控件、显示该书的作者名字的控件和显示上一次阅读进度信息的控件。
13.根据权利要求11或12所述的装置,其特征在于所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着再等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件和所述卡片式书架控件的纵向之间的各空白区的高度。
14.根据权利要求10所述的装置,其特征在于所述卡片式书架页面包括:所述卡片式书架控件、用于显示注册用户信息的控件和书架滚动条控件其中之一。
15.根据权利要求14所述的装置,其特征在于所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件的纵向之间的各空白区的高度。
16.根据权利要求14所述的装置,其特征在于所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述书架滚动条控件的纵向之间的各空白区的高度。
17.根据权利要求14所述的装置,其特征在于所述纵向之间各空白区高度调整模块用于首先等比例放大或缩小所述卡片式书架控件上显示的多个控件的纵向之间的各空白区的高度,接着等比例放大或缩小在该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件、所述卡片式书架控件、所述显示注册用户信息的控件、所述书架滚动条控件的纵向之间的各空白区的高度。
18.根据权利要求10所述的装置,其特征在于该卡片式书架页面上不跟随滑动手势而滑动的一个或多个控件包括但不限于:工具栏和/或菜单栏。
19.一种存储设备,其中存储有多条指令,所述指令适于由处理器加载并执行如权利要求1-9之一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810709523.1A CN110673903B (zh) | 2018-07-02 | 2018-07-02 | 一种阅读软件的书架页面的显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810709523.1A CN110673903B (zh) | 2018-07-02 | 2018-07-02 | 一种阅读软件的书架页面的显示方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110673903A CN110673903A (zh) | 2020-01-10 |
CN110673903B true CN110673903B (zh) | 2024-03-19 |
Family
ID=69065398
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810709523.1A Active CN110673903B (zh) | 2018-07-02 | 2018-07-02 | 一种阅读软件的书架页面的显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110673903B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111443974A (zh) * | 2020-03-26 | 2020-07-24 | 中国农业银行股份有限公司 | Android设备屏幕适配方法、相关设备及可读存储介质 |
CN113158620A (zh) * | 2021-05-18 | 2021-07-23 | 掌阅科技股份有限公司 | 书架页面的编辑处理方法、电子设备及计算机存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101908076A (zh) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | 页面布局自适应方法及装置 |
CN103345388A (zh) * | 2013-06-05 | 2013-10-09 | 中国电子科技集团公司第十五研究所 | 基于安卓操作***的软件适应移动终端的方法及装置 |
CN105760066A (zh) * | 2016-02-15 | 2016-07-13 | 广州阿里巴巴文学信息技术有限公司 | 一种页面更新方法及装置 |
CN304095986S (zh) * | 2017-04-05 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101859536B1 (ko) * | 2011-11-22 | 2018-05-21 | 삼성전자 주식회사 | 단말기에서 독서 아이템 관리 방법 및 장치 |
US9880703B2 (en) * | 2012-08-07 | 2018-01-30 | Nook Digital, Llc | Electronic bookshelf system |
-
2018
- 2018-07-02 CN CN201810709523.1A patent/CN110673903B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN304095986S (zh) * | 2017-04-05 | |||
CN101908076A (zh) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | 页面布局自适应方法及装置 |
CN103345388A (zh) * | 2013-06-05 | 2013-10-09 | 中国电子科技集团公司第十五研究所 | 基于安卓操作***的软件适应移动终端的方法及装置 |
CN105760066A (zh) * | 2016-02-15 | 2016-07-13 | 广州阿里巴巴文学信息技术有限公司 | 一种页面更新方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN110673903A (zh) | 2020-01-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8341543B2 (en) | Method and apparatus of scrolling a document displayed in a browser window | |
CN107818008B (zh) | 页面加载方法及装置 | |
US20140210863A1 (en) | Information processing apparatus, information processing system, information processing method, and program | |
CN113111624B (zh) | 一种文本显示方法、装置、电子设备及存储介质 | |
US20130215045A1 (en) | Stroke display method of handwriting input and electronic device | |
CN110673903B (zh) | 一种阅读软件的书架页面的显示方法和装置 | |
CN109213316B (zh) | 自动布局引擎 | |
EP3256937A1 (en) | Responsive course design system and method | |
CN113849254A (zh) | 页面布局的自适应调整方法及计算设备 | |
CN112835499A (zh) | 一种轮播图展示方法、装置、设备及介质 | |
KR100888402B1 (ko) | 사실적인 페이지 넘김 화면을 제공하는 전자서적 출력 방법그 시스템 | |
CN110069254B (zh) | 文本显示方法、装置及服务器 | |
JP7114366B2 (ja) | 様々な電子デバイスとのプレゼンテーションのコラボレーション | |
CN111522610A (zh) | 信息显示方法、装置及设备 | |
CN104317581B (zh) | 一种显示方法及电子设备 | |
CN115390976A (zh) | 界面设计的布局方法、界面的展示方法及相关设备 | |
EP2185998A2 (en) | On-screen marker to assist usability while scrolling | |
WO2018000603A1 (zh) | 一种文档显示方法及浏览器组件 | |
US20140325346A1 (en) | Shortened Network Address Linking to Image Representation of Web Page | |
US9459790B2 (en) | Method and apparatus for controlling dot rendering on a touch screen | |
JP6108105B2 (ja) | 記事画像再構成装置 | |
CN108536864B (zh) | 页面数字显示方法、装置、计算机设备及存储介质 | |
CN113703653A (zh) | 图像处理方法、装置、设备和计算机可读存储介质 | |
CN107357938B (zh) | 一种网页展示方法和装置 | |
CN107122197B (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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20200519 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping radio square B tower 13 floor 03 unit self Applicant before: GUANGZHOU ALIBABA LITERATURE INFORMATION TECHNOLOGY Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |