CN110673903B - Method and device for displaying bookshelf pages of reading software - Google Patents

Method and device for displaying bookshelf pages of reading software Download PDF

Info

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
Application number
CN201810709523.1A
Other languages
Chinese (zh)
Other versions
CN110673903A (en
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.)
Alibaba China Co Ltd
Original Assignee
Alibaba China 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 Alibaba China Co Ltd filed Critical Alibaba China Co Ltd
Priority to CN201810709523.1A priority Critical patent/CN110673903B/en
Publication of CN110673903A publication Critical patent/CN110673903A/en
Application granted granted Critical
Publication of CN110673903B publication Critical patent/CN110673903B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • 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/0481Interaction 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/0483Interaction with page-structured environments, e.g. book metaphor
    • 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/0487Interaction 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/0488Interaction 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

The invention provides a method and a device for displaying bookshelf pages of reading software. The display method comprises the following steps: acquiring screen density of any display screen; calculating the ratio of the default screen density according to the layout of the card bookshelf page to the obtained screen density, and performing equal-proportion display on the display screen according to the self-adaptive adaptation method according to the positions and the sizes of a plurality of controls displayed on the card bookshelf page and the contents displayed on the controls designed according to the default screen density; and keeping the positions of one or more controls sliding along the sliding gesture on the card bookshelf page unchanged, and scaling up or down the heights of a plurality of blank areas among the longitudinal directions of the controls sliding along the sliding gesture based on the proportion relation of default setting in equal proportion so that the controls sliding along the sliding gesture and the content displayed on the controls are completely displayed on a screen.

Description

Method and device for displaying bookshelf pages of reading software
Technical Field
The invention relates to the technical field of information processing, in particular to a method and a device for displaying a bookshelf page of reading software.
Background
With the continuous development of electronic devices such as smart phones, tablet computers, electronic book readers, more and more users like to read electronic books. Electronic books refer to publications in which information contents such as characters, pictures, sounds, images and the like are digitized, and are digitally recorded in devices using light, electricity, magnetism and the like as media. The format of the e-book includes, but is not limited to txt, epub, umd, pdf, html, chm, etc.
With the widespread use of electronic books, people's reading habits are changing, and people are not limited to reading paper books, and more are reading through various electronic devices. For example, an electronic book is read by a dedicated electronic book reader, or may be read by a device such as a smart phone, a tablet computer, or the like, to which an application program for reading an electronic book is installed. Or other electronic equipment with electronic book reading function
Whether a dedicated electronic book reader or reading software installed on a smart terminal such as a smart phone, a tablet computer, etc. for reading an electronic book, there is an electronic bookshelf. The electronic bookshelf is a main page in the reading application and is responsible for displaying books which are already owned, recently read and want to read by a user.
In reading applications, the existing electronic bookshelf display method comprises the following steps: simulated book shelves, list-type book shelves, grid-style book shelves, and card-type book shelves, as shown in fig. 1A-D.
In the card bookshelf, the main body of the bookshelf page is used for displaying information of the book, so that related contents of the book can be displayed more, the selectivity of a user is improved, and particularly when the reading application APP actively provides a plurality of recommended books.
However, the screen size and resolution of the smart terminal mounted with the application program for reading the electronic book are different, particularly the smart terminal based on the android system, such as a smart phone of 5.5 inch and 5 inch screen of 1920x 1080, a smart phone of 5.5 inch and 5 inch screen of 1280x 720, etc., which are commonly found on the market. The existing layout design of the bookshelf interface is usually designed aiming at an intelligent terminal with screen size and resolution, and an adaptive adaptation technology is adopted to actively adapt to screens with different sizes and different resolutions, however, the layout of the bookshelf interface designed for a smart phone with a 5-inch screen still appears, a large amount of blank exists on the next and left sides and right sides of the 5.5-inch screen when the bookshelf interface is operated, or the element layout display of the bookshelf interface is too loose; or, running on a 4.5 inch screen may appear to be unable to reveal a complete bookshelf interface.
Therefore, a new display method of bookshelf pages with adaptively different resolution and different size screens is needed.
Disclosure of Invention
The invention aims to provide a bookshelf page display method and device for reading software, so as to solve the problems.
The first embodiment of the invention provides a display method of a card-type bookshelf page of reading software in different screen densities, which comprises the following steps:
acquiring screen density of any display screen;
calculating the ratio of the default screen density according to the layout of the card bookshelf page to the obtained screen density, and performing equal-proportion display on the display screen according to the self-adaptive adaptation method according to the positions and the sizes of a plurality of controls displayed on the card bookshelf page and the content displayed on the controls designed according to the default screen density;
and keeping the positions of one or more controls sliding along the sliding gesture on the card bookshelf page unchanged, and scaling up or down the heights of a plurality of blank areas among the longitudinal directions of the controls sliding along the sliding gesture based on the proportion relation of default setting in equal proportion so that the controls sliding along the sliding gesture and the content displayed on the controls are completely displayed on a screen.
A second embodiment of the present invention provides a display device for reading a card-type bookshelf page of software in different screen densities, including:
the screen density acquisition module is used for acquiring the screen density of any display screen;
the control adaptation display module is used for calculating the proportion of the default screen density according to the layout of the card bookshelf page to the obtained screen density, and for the positions and the sizes of a plurality of controls displayed on the card bookshelf page designed according to the default screen density and the content displayed on the controls, the equal proportion display is carried out on the display screen according to the adaptation method;
and each blank space height adjustment module between the longitudinal directions is used for keeping the positions of one or more controls sliding along the sliding gesture on the card bookshelf page unchanged, and the heights of the blank spaces between the longitudinal directions of the controls sliding along the sliding gesture are enlarged or reduced in equal proportion based on the proportion relation of default setting so that the controls sliding along the sliding gesture and the content displayed on the controls are completely displayed on a screen.
A third embodiment of the present invention provides a storage device having stored therein a plurality of instructions adapted to be loaded by a processor and to perform the method of the first embodiment and its preferred embodiments described above.
According to the method and the device for displaying the bookshelf pages of the reading software, when the card bookshelf displays screens with different sizes and different resolutions, namely different screens with different sizes and different resolutions used by different users, a complete bookshelf interface can be displayed on a screen with a smaller size, and the layout of elements on the bookshelf interface on the screen with a larger size is compact. This enables a better immersive user experience for a user of a mobile terminal using different screens.
Drawings
FIG. 1A is a screenshot of an exemplary simulated bookshelf page;
FIG. 1B is a screenshot of an exemplary list bookshelf page;
FIG. 1C is a screenshot of an exemplary grid-form bookshelf page;
FIG. 1D is a screenshot of an exemplary card bookshelf page;
fig. 2 is a flowchart of a method for displaying a card-type bookshelf page of reading software in different screen densities according to a first embodiment of the present invention;
fig. 3 is a schematic block diagram of a display device for displaying a card-type bookshelf page of reading software in different screen densities according to a second embodiment of the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are only some, but not all embodiments of the invention. The components of the embodiments of the present invention generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the invention, as presented in the figures, is not intended to limit the scope of the invention, as claimed, but is merely representative of selected embodiments of the invention. All other embodiments, which can be made by a person skilled in the art without making any inventive effort, are intended to be within the scope of the present invention.
Fig. 2 is a flowchart of a method for displaying a card-type bookshelf page of reading software in different screen densities according to a first embodiment of the present invention. As shown in fig. 2, the method for displaying the card bookshelf pages of the reading software in different screen densities comprises the following steps:
s1: the screen density of any display screen is obtained.
Some basic concepts are briefly introduced below, and some concepts are specifically proposed for the android system.
1) Screen size: referring to the length of the diagonal of the screen, the unit is inches (in), 1 inch = 2.54 cm.
2) px: i.e. pixels, refer to points on the screen. We refer to pixels, row pixels 1028, column pixels 780, at a resolution of, say, 1028 x 780.
3) dpi: points per inch.
4) Screen density: the number of pixels per inch.
For a screen, a pixel refers to a dot on the screen, where the screen density is often expressed in dpi, for example, 120dpi, 160dpi, 240dpi, 320dpi, 480dpi, and the like.
The method of calculating the screen density is described below by taking a 5-inch, 1920×1080 resolution screen as an example: the sum of squares of 1920 and 1080 is given a root number (i.e., the algorithm for the diagonal of the right triangle), which is approximately 2202.9 divided by 5 inches to give approximately 440dpi.
5) dp (or dip): density independent pixels (also referred to as device independent pixels), 1 dp=1 px on a screen with a screen density dpi=160 for one unit of android system design. The relationship between dp and the screen density dpi is dp=160×px/dpi.
The method of acquiring the screen density of any one display screen may be implemented using a method known in the art, for example, getContext (). Getdisplays (). Density.
S2: calculating the ratio of the default screen density according to the layout of the card bookshelf page to the obtained screen density, and performing equal-proportion display on the display screen according to the self-adaptive adaptation method aiming at the positions and the sizes of a plurality of controls displayed on the card bookshelf page designed according to the default screen density and the content displayed on the controls.
The adaptive adaptation method includes a pixel (px) adaptation method and a density independent pixel (dp) adaptation method.
The plurality of controls displayed on the card bookshelf page generally include two types: one or more controls that do not slide following the swipe gesture, and a plurality of controls that slide following the swipe gesture.
Among the plurality of controls displayed on the card bookshelf page, one or more controls that do not slide following the swipe gesture include, but are not limited to: tool bars and/or menu bars. As shown in fig. 1D, the card bookshelf page has a top displayed control as a toolbar control providing a search function, a bottom control as a menu bar control providing a menu selection, and the menu item includes: bookshelf, book city, discovery, my.
Among the plurality of controls displayed on the card bookshelf page, the plurality of controls that slide following the slide gesture include, but are not limited to: a card-type bookshelf control, a control for displaying registered user information and a bookshelf scroll bar control. That is, the plurality of controls that slide following the swipe gesture include, but are not limited to: a card-type bookshelf control and a control for displaying registered user information; alternatively, the plurality of controls that slide following the swipe gesture include, but are not limited to: a card-type bookshelf control and a bookshelf scroll bar control; alternatively, the plurality of controls that slide following the swipe gesture include, but are not limited to: a card-type bookshelf control, a control for displaying registered user information, and a bookshelf scrollbar control.
Wherein the plurality of controls displayed on the card bookshelf control that slide following the slide gesture include, but are not limited to: a front cover image control of the book, a control for displaying the book name of the book, and a control for displaying the author name of the book. And the front cover image control of the book, the control for displaying the book name of the book and the control for displaying the author name of the book are sub-controls displayed on the card-type bookshelf control. That is, the plurality of controls displayed on the card bookshelf that slide following the slide gesture include: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of the book, a control for displaying the book name of the book, and a control for displaying the author name of the book.
Alternatively, the plurality of controls displayed on the card bookshelf control that slide following the swipe gesture include, but are not limited to: a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the author name of the book, and a control for displaying the last reading progress information. And the front cover image control of the book, the control for displaying the name of the author of the book and the control for displaying the last reading progress information are sub-controls displayed on the card bookshelf control. That is, the plurality of controls displayed on the card bookshelf that slide following the slide gesture include: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the author name of the book, and a control for displaying the last reading progress information.
The pixel (px) adaptation method may be implemented using methods well known to those skilled in the art. The method is applicable to various screens of intelligent terminals based on an android system or an IOS system.
The density-independent pixel (dp) adaptation method is mainly applicable to various screens with different screen densities of the intelligent terminal based on the android system.
When a developer of any reading software (for example, book flag novels) designs the layout of the card bookshelf page, the layout of the card bookshelf page is designed based on a terminal screen of a certain popular screen size, resolution and screen density, for example, the positions and sizes of a plurality of controls displayed on the page and contents displayed on the controls, and the screen density according to factory design is called default screen density. The screen density of any display screen obtained may be the same as or different from the default screen density.
A density-independent pixel (dp) can be used to set a specified size, which is not affected by the pixel, so that the same size can be specified for different sized screens, and the same effect can be ensured to be displayed on screens of different screen densities.
When the plurality of controls displayed on the card bookshelf page are the units dp of density-independent pixels to describe the width and height of the corresponding controls, the relationship between dp and px (pixel units) is as follows:
dp=160*px/dpi
that is, assume that on screen 1 with a default screen density of 160dpi, the width of control 1 is 160dp, accounting for 160px.
The obtained screen 2 for display has a screen pixel density of 320dpi, and 1 dp=2px, and 160×2=320 px on the screen. So that the control 1 appears to be relatively the same size on screen 1 and screen 2.
That is, the ratio of the default screen density to the obtained screen density is calculated, and for the positions and sizes of the plurality of controls and the contents displayed on the controls displayed on the card bookshelf page in dp designed according to the default screen density, the corresponding dp values of the positions and the sizes of the plurality of controls and the contents displayed on the controls on the new screen are calculated through the calculated proportional relation, and the layout of the plurality of controls and the contents displayed on the controls is performed on the new screen by using the new dp values. The new screen described herein is the screen of the obtained screen density, in short, the screen of the terminal device used by a certain user.
S3: and keeping the positions of one or more controls sliding along the sliding gesture on the card bookshelf page unchanged, and scaling up or down the heights of a plurality of blank areas among the longitudinal directions of the controls sliding along the sliding gesture based on the proportion relation of default setting in equal proportion so that the controls sliding along the sliding gesture and the content displayed on the controls are completely displayed on a screen.
In a first example where the plurality of controls that the card bookshelf page includes that slide along with the slide gesture are only the card bookshelf control and the plurality of sub-controls on the control (e.g., a front cover image control of a book, a control that displays a book name of the book, a control that displays an author name of the book, etc.), in the step of scaling up or down the heights of the plurality of spaces between the portrait of the plurality of controls that slide along with the slide gesture based on a default set scaling up or down the heights of the plurality of spaces between the portrait of the plurality of controls that slide along with the slide gesture, the heights of the plurality of spaces between the portrait of the plurality of controls that are displayed on the card bookshelf control are first scaled up or down, and then the heights of the one or more controls that slide along with no slide gesture on the card bookshelf page are scaled up or down again.
In the second example in which the plurality of controls sliding along the sliding gesture included in the card-type bookshelf page are the card-type bookshelf control and the plurality of sub-controls inside the control, and the control for displaying registered user information, in the step of scaling up or down the heights of the plurality of blank spaces between the longitudinal directions of the plurality of controls sliding along the sliding gesture based on the proportional relation set by default, the heights of the blank spaces between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control are scaled up or down first, and then the heights of the blank spaces between the longitudinal directions of the one or more controls sliding along the card-type bookshelf page without following the sliding gesture are scaled up or down. In addition, the method may further comprise the steps of:
and finally, calculating the sum of the heights of the blank areas among one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control and the control for displaying the registered user information, wherein the sum of the heights of the blank areas among the longitudinal directions of the plurality of controls displayed on the card bookshelf control is called as height sum 1, the sum of the heights of the blank areas among the longitudinal directions of the plurality of controls is called as height sum 2, and the height values of the blank areas among the one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control and the control for displaying the registered user information are adjusted according to a preset proportion value, so that the ratio of the height sum 1 to the height sum 2 accords with the preset proportion value.
In the third example in which the plurality of controls sliding along the sliding gesture included in the card-type bookshelf page are the card-type bookshelf control and the plurality of sub-controls inside the control, and the bookshelf scroll bar control, in the step of scaling up or down the heights of the plurality of blank spaces between the longitudinal directions of the plurality of controls sliding along the sliding gesture based on the proportional relation set by default, the heights of the blank spaces between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control are scaled up or down first, and then the heights of the blank spaces between the longitudinal directions of the one or more controls sliding along the card-type bookshelf page without following the sliding gesture are scaled up or down. In addition, the method may further comprise the steps of:
and finally, calculating the sum of the heights of the blank areas between the longitudinal directions of the one or more controls, the card-type bookshelf control and the bookshelf scroll bar control, which are not slid along with the sliding gesture, wherein the sum of the heights of the blank areas between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control is called as height sum 1, the sum of the heights of the blank areas between the longitudinal directions of the plurality of controls is called as height sum 2, and the height values of the one or more controls, the card-type bookshelf control and the blank areas between the longitudinal directions of the bookshelf scroll bar control, which are not slid along with the sliding gesture, on the card-type bookshelf page are adjusted according to a preset proportion value, so that the ratio of the height sum 1 to the height sum 2 accords with the preset proportion value.
In the step of magnifying or reducing the heights of the blank areas among the longitudinal directions of the plurality of controls sliding along the sliding gesture in equal proportion based on the default proportional relation in the fourth instance of the card-type bookshelf control and the plurality of sub-controls inside the control, the control for displaying the registered user information and the bookshelf scroll bar control, firstly magnifying or reducing the heights of the blank areas among the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control in equal proportion, and then magnifying or reducing the heights of the blank areas among the longitudinal directions of the plurality of controls sliding along the sliding gesture on the card-type bookshelf page in equal proportion. In addition, the method may further comprise the steps of:
and finally, calculating the sum of the heights of the one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control, the control for displaying registered user information, the sum of the heights of the blank areas between the longitudinal directions of the bookshelf scroll bar control, which is abbreviated as height sum 1, and the sum of the heights of the blank areas between the longitudinal directions of the plurality of controls displayed on the card bookshelf control, which is abbreviated as height sum 2, and adjusting the height values of the one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control, the control for displaying registered user information and the blank areas between the longitudinal directions of the bookshelf scroll bar control according to a preset proportion value so that the ratio of the height sum 1 to the height sum 2 accords with the preset proportion value.
The default proportional relation refers to a proportional relation setting of the heights of the blank areas between the longitudinal directions of the plurality of controls based on a terminal screen of a certain popular screen size, resolution and screen density when a developer of a certain reading software (for example, a book flag novel) designs the layout of a card-type bookshelf page. That is, the default scaling relationships are simply factory designed scaling relationships of the reading software.
Additionally, in one particular embodiment, the card bookshelf control is 75% wider than the screen width, 16:9 up or 4:3 up in the default setting.
According to the display method of the bookshelf pages of the reading software in different screen densities, when the card bookshelf displays screens with different sizes and different resolutions, namely different screens with different sizes and different resolutions used by different users, a complete bookshelf interface can be displayed on a screen with smaller size, and the layout of elements on the bookshelf interface on the screen with larger size is compact. This enables a better immersive user experience for a user of a mobile terminal using different screens.
Fig. 3 is a schematic block diagram of a display device for displaying a card-type bookshelf page of reading software in different screen densities according to a second embodiment of the present invention. As shown in fig. 3, a display device for displaying a card-type bookshelf page of reading software in different screen densities according to a second embodiment of the present invention includes:
the screen density acquisition module is used for acquiring the screen density of any display screen;
the control adaptation display module is used for calculating the proportion of the default screen density according to the layout of the card bookshelf page to the obtained screen density, and for the positions and the sizes of a plurality of controls displayed on the card bookshelf page designed according to the default screen density and the content displayed on the controls, the equal proportion display is carried out on the display screen according to the adaptation method;
and each blank space height adjustment module between the longitudinal directions is used for keeping the positions of one or more controls sliding along the sliding gesture on the card bookshelf page unchanged, and the heights of the blank spaces between the longitudinal directions of the controls sliding along the sliding gesture are enlarged or reduced in equal proportion based on the proportion relation of default setting so that the controls sliding along the sliding gesture and the content displayed on the controls are completely displayed on a screen.
Wherein, the card formula bookshelf page includes: the card-type bookshelf control, the control for displaying registered user information and the bookshelf scroll bar control are one of the card-type bookshelf control and the control for displaying registered user information.
Wherein the one or more controls on the card bookshelf page that do not slide following the swipe gesture include, but are not limited to: tool bars and/or menu bars.
In one embodiment, the plurality of controls displayed on the card bookshelf that slide following the slide gesture include: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of the book, a control for displaying the book name of the book, and a control for displaying the author name of the book.
In another embodiment, the plurality of controls displayed on the card bookshelf that slide following the slide gesture include: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the author name of the book, and a control for displaying the last reading progress information.
In a first example where the plurality of controls included in the card-type bookshelf page that slide along with the sliding gesture are only the card-type bookshelf control and a plurality of sub-controls on the control (e.g., a front cover image control of a book, a control that displays a book name of the book, a control that displays an author name of the book, etc.), the space height adjustment modules between portrait orientations are configured to first scale up or down the height of each space between portrait of the plurality of controls displayed on the card-type bookshelf control, and then scale up or down the height of each space between one or more controls that slide along with no sliding gesture on the card-type bookshelf page and the portrait of the card-type bookshelf control.
In the second example that the plurality of controls sliding along the sliding gesture included in the card-type bookshelf page are the card-type bookshelf control, a plurality of sub-controls inside the control and the control for displaying registered user information, the height adjustment module of each blank space between the longitudinal directions is used for firstly magnifying or reducing the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control in an equal proportion, and then magnifying or reducing the height of each blank space between the longitudinal directions of one or more controls sliding along the card-type bookshelf page without following the sliding gesture, the card-type bookshelf control and the control for displaying registered user information in an equal proportion. In addition, the following operations may be further included:
and finally, calculating the sum of the heights of the blank areas among one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control and the control for displaying the registered user information, wherein the sum of the heights of the blank areas among the longitudinal directions of the plurality of controls displayed on the card bookshelf control is called as height sum 1, the sum of the heights of the blank areas among the longitudinal directions of the plurality of controls is called as height sum 2, and the height values of the blank areas among the one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control and the control for displaying the registered user information are adjusted according to a preset proportion value, so that the ratio of the height sum 1 to the height sum 2 accords with the preset proportion value.
In the third example, the card bookshelf control, the plurality of sub-controls inside the control and the bookshelf scroll bar control are the plurality of controls sliding along the sliding gesture included in the card bookshelf page, and the height adjustment module for each blank space between the longitudinal directions is used for firstly magnifying or reducing the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card bookshelf control in an equal proportion, and then magnifying or reducing the height of each blank space between the longitudinal directions of the card bookshelf control, the one or more controls sliding along the sliding gesture on the card bookshelf page in an equal proportion, and the card bookshelf control and the bookshelf scroll bar control. In addition, the following operations may be further included: and finally, calculating the sum of the heights of the blank areas between the longitudinal directions of the one or more controls, the card-type bookshelf control and the bookshelf scroll bar control, which are not slid along with the sliding gesture, wherein the sum of the heights of the blank areas between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control is called as height sum 1, the sum of the heights of the blank areas between the longitudinal directions of the plurality of controls is called as height sum 2, and the height values of the one or more controls, the card-type bookshelf control and the blank areas between the longitudinal directions of the bookshelf scroll bar control, which are not slid along with the sliding gesture, on the card-type bookshelf page are adjusted according to a preset proportion value, so that the ratio of the height sum 1 to the height sum 2 accords with the preset proportion value.
In a fourth example of the card-type bookshelf control, the plurality of controls sliding along with the sliding gesture, which are included in the card-type bookshelf page, are the card-type bookshelf control, the plurality of sub-controls inside the control, the control for displaying registered user information, and the bookshelf scrollbar control, the height adjustment module of each blank space between the longitudinal directions is used for firstly magnifying or reducing the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control in an equal proportion, and then magnifying or reducing the height of each blank space between the longitudinal directions of the one or more controls sliding along with the sliding gesture on the card-type bookshelf page in an equal proportion, the card-type bookshelf control, the control for displaying registered user information, and the bookshelf scrollbar control. In addition, the following operations may be further included: and finally, calculating the sum of the heights of the one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control, the control for displaying registered user information, the sum of the heights of the blank areas between the longitudinal directions of the bookshelf scroll bar control, which is abbreviated as height sum 1, and the sum of the heights of the blank areas between the longitudinal directions of the plurality of controls displayed on the card bookshelf control, which is abbreviated as height sum 2, and adjusting the height values of the one or more controls which slide on the card bookshelf page without following the sliding gesture, the card bookshelf control, the control for displaying registered user information and the blank areas between the longitudinal directions of the bookshelf scroll bar control according to a preset proportion value so that the ratio of the height sum 1 to the height sum 2 accords with the preset proportion value.
It will be clear to a person skilled in the art that for convenience and brevity of description, reference may be made to the corresponding procedure in the first embodiment and its preferred embodiments, and the examples and related descriptions listed in the first embodiment and its preferred embodiments are equally applicable to explaining the working procedure of the apparatus, and the description is not repeated here.
According to the display device for displaying the bookshelf pages of the reading software in different screen densities, when the card bookshelf is displayed on screens with different sizes and different resolutions, namely different screens with different sizes and different resolutions used by different users, a complete bookshelf interface can be displayed on a screen with a smaller size, and the layout of elements on the bookshelf interface on the screen with a larger size is compact. This enables a better immersive user experience for a user of a mobile terminal using different screens.
Still further embodiments of the present invention provide a computer program product for displaying bookshelf pages of reading software in different screen densities, including a computer readable storage medium storing program code, where the program code includes instructions for executing the method described in the foregoing method embodiments, and specific implementation may refer to the method embodiments and will not be described herein.
The computer software product is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a smart tablet, a smart phone, a server, or a network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present invention. And the aforementioned storage medium includes: a usb disk, a removable hard disk, a read-only memory (ROM), a random-access memory (RAM), a magnetic disk, or an optical disk, etc.
To this end, an embodiment of the present invention further provides a storage device in which a plurality of instructions are stored, said instructions being adapted to be loaded by a processor and to carry out the method of the first embodiment described above and combinations thereof with the preferred embodiments.
It should be understood that: the apparatus shown in fig. 3 and its modules may be configured as software, hardware, firmware, or any combination thereof, respectively, that performs a particular function. For example, these means or modules may correspond to application specific integrated circuits, to pure software code, or to modules of a combination of software and hardware. Furthermore, one or more functions implemented by these apparatuses or modules may also be uniformly performed by components in a physical entity device (e.g., a processor, a client, a server, or the like).
Alternatively, the apparatus or modules shown in FIG. 3 may be implemented in hardware, software, firmware, middleware, microcode, or any combination thereof. When implemented in software, firmware, middleware or microcode, the program code or code segments to perform the corresponding operations may be stored in a computer-readable medium, such as a storage medium, so that the processor can perform the corresponding operations by reading and executing the corresponding program code or code segments.
For example, the exemplary embodiments of the present application may also be implemented as a computing device comprising a storage means and a processor, the storage means having stored therein a set of computer executable instructions that, when executed by the processor, perform the method steps described based on the first embodiment.
In particular, the computing devices may be deployed in servers or clients, as well as on node devices in a distributed network environment. Further, the computing device may be a PC computer, tablet device, personal digital assistant, smart phone, web application, or other device capable of executing the above-described set of instructions.
In the computing device, the processor may include a Central Processing Unit (CPU), a Graphics Processor (GPU), a programmable logic device, a special purpose processor system, a microcontroller, or a microprocessor. By way of example, and not limitation, processors may also include analog processors, digital processors, microprocessors, multi-core processors, processor arrays, network processors, and the like.
Some operations described in the method for displaying the card bookshelf page of the reading software in different screen densities according to the exemplary embodiment of the application can be implemented in a software manner, some operations can be implemented in a hardware manner, and furthermore, the operations can be implemented in a combination of software and hardware manner.
The processor may execute instructions or code stored in one of the storage components, wherein the storage component may also store data. Instructions and data may also be transmitted and received over a network via a network interface device, which may employ any known transmission protocol.
The memory component may be integrated with the processor, for example, RAM or flash memory disposed within an integrated circuit microprocessor or the like. Further, the storage component may comprise a stand-alone device, such as an external disk drive, a storage array, or any other storage device usable by a database system. The storage component and the processor may be operatively coupled or may communicate with each other, such as through an I/O port, network connection, etc., such that the processor is able to read files stored in the storage component.
In addition, the computing device may also include a display screen and a user interaction interface (such as a keyboard, mouse, touch input device, etc.). All components of the computing device may be connected to each other via buses and/or networks.
While exemplary embodiments of the present application are described above, it should be understood that: the above description is illustrative only and is not exhaustive. The present application is not limited to the exemplary embodiments disclosed and many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the present application. The scope of the application should, therefore, be determined with reference to the appended claims.

Claims (19)

1. A method for displaying card-type bookshelf pages of reading software in different screen densities, comprising:
acquiring screen density of any display screen;
calculating the ratio of the default screen density to the obtained screen density according to the layout of the card bookshelf page, and performing equal proportion display on the display screen according to an adaptive adaptation method aiming at the positions and the sizes of a plurality of controls displayed on the card bookshelf page designed according to the default screen density and the contents displayed on the controls, wherein the ratio of the default screen density to the obtained screen density is calculated, and the positions and the sizes of the plurality of controls displayed on the card bookshelf page and the contents displayed on the controls in units of density-independent pixels dp designed according to the default screen density are calculated according to the calculated proportion relation, so that the positions and the sizes of the plurality of controls and the corresponding dp values of the contents displayed on the controls are calculated on a new screen, and the layout of the plurality of controls and the contents displayed on the controls is performed on the new screen by using the new dp values;
And keeping the positions of one or more controls sliding along the sliding gesture on the card bookshelf page unchanged, and scaling up or down the heights of a plurality of blank areas among the longitudinal directions of the controls sliding along the sliding gesture based on the proportion relation of default setting in equal proportion so that the controls sliding along the sliding gesture and the content displayed on the controls are completely displayed on a screen.
2. The method of claim 1, wherein the plurality of controls displayed on the card bookshelf that slide following a swipe gesture comprise: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of the book, a control for displaying the book name of the book, and a control for displaying the author name of the book.
3. The method of claim 1, wherein the plurality of controls displayed on the card bookshelf that slide following a swipe gesture comprise: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of the book, a control for displaying the book name of the book, a control for displaying the author name of the book and a control for displaying the last reading progress information.
4. A method according to claim 2 or 3, characterized in that in the step of scaling up or down the height of the plurality of spaces between the longitudinal directions of the plurality of controls sliding following the sliding gesture equally on the basis of the scaling up or down of the default setting, the height of the respective spaces between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control is scaled up or down first, followed by scaling up or down the height of the respective spaces between the one or more controls sliding on the card-type bookshelf page not following the sliding gesture and the longitudinal directions of the card-type bookshelf control equally.
5. The method of claim 1, wherein the card bookshelf page comprises: the card-type bookshelf control, the control for displaying registered user information and one of bookshelf scroll bar controls.
6. The method of claim 5, wherein in the step of scaling up or down the heights of the plurality of spaces between the portrait axes of the plurality of controls sliding following the sliding gesture based on the default set scaling up or down the heights of the respective spaces between the portrait axes of the plurality of controls displayed on the card-type bookshelf control first, then scaling up or down the heights of the respective spaces between the portrait axes of the one or more controls sliding on the card-type bookshelf page without following the sliding gesture, the card-type bookshelf control, the control displaying registered user information.
7. The method of claim 5, wherein in the step of scaling up or down the heights of the plurality of spaces between the longitudinal directions of the plurality of controls sliding following the sliding gesture based on the default set scaling up or down the heights of the plurality of spaces between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control first, then scaling up or down the heights of the plurality of controls sliding on the card-type bookshelf page without following the sliding gesture, the card-type bookshelf control, and the longitudinal directions of the bookshelf scrollbar control.
8. The method of claim 5, wherein in the step of scaling up or down the heights of the plurality of spaces between the portrait axes of the plurality of controls sliding following the sliding gesture based on the default set scaling up or down the heights of the respective spaces between the portrait axes of the plurality of controls displayed on the card-type bookshelf control first, then scaling up or down the heights of the respective spaces between the portrait axes of the one or more controls sliding on the card-type bookshelf page without following the sliding gesture, the card-type bookshelf control, the control displaying registered user information, the portrait axes of the bookshelf scrollbar control.
9. The method of claim 1, wherein the one or more controls on the card bookshelf page that do not slide following the swipe gesture include, but are not limited to: tool bars and/or menu bars.
10. A display device for displaying bookshelf pages of reading software in different screen densities, comprising:
the screen density acquisition module is used for acquiring the screen density of any display screen;
the control adapting display module is used for calculating the ratio of the default screen density and the obtained screen density according to the layout of the card bookshelf page, and for the positions and the sizes of a plurality of controls displayed on the card bookshelf page designed according to the default screen density and the contents displayed on the controls, the equal ratio display is carried out on the display screen according to the self-adapting method, and comprises the steps of calculating the ratio of the default screen density and the obtained screen density, for the positions and the sizes of a plurality of controls displayed on the card bookshelf page and the contents displayed on the controls according to the default screen density and taking density irrelevant pixels dp as units, calculating the corresponding dp values of the positions and the sizes of the contents displayed on the controls on a new screen according to the calculated ratio relation, and carrying out the layout of the plurality of controls and the contents displayed on the controls on the new screen by using the new dp values;
And each blank space height adjustment module between the longitudinal directions is used for keeping the positions of one or more controls sliding along the sliding gesture on the card bookshelf page unchanged, and the heights of the blank spaces between the longitudinal directions of the controls sliding along the sliding gesture are enlarged or reduced in equal proportion based on the proportion relation of default setting so that the controls sliding along the sliding gesture and the content displayed on the controls are completely displayed on a screen.
11. The apparatus of claim 10, wherein the plurality of controls displayed on the card bookshelf that slide following the slide gesture comprise: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of the book, a control for displaying the book name of the book, and a control for displaying the author name of the book.
12. The apparatus of claim 10, wherein the plurality of controls displayed on the card bookshelf that slide following the slide gesture comprise: a card-type bookshelf control and a plurality of sub-controls inside the control, wherein the plurality of sub-controls comprise but are not limited to: a front cover image control of the book, a control for displaying the book name of the book, a control for displaying the author name of the book and a control for displaying the last reading progress information.
13. The apparatus of claim 11 or 12, wherein the space height adjustment module is configured to first scale up or down the height of each space between the portrait axes of the plurality of controls displayed on the card bookshelf control, and then scale up or down the height of each space between one or more controls sliding on the card bookshelf page without following a sliding gesture and the portrait axes of the card bookshelf control.
14. The apparatus of claim 10, wherein the card bookshelf page comprises: the card-type bookshelf control, the control for displaying registered user information and one of bookshelf scroll bar controls.
15. The apparatus of claim 14, wherein the means for adjusting the height of each space between the portrait orientations is configured to first scale up or down the height of each space between the portrait orientations of the plurality of controls displayed on the card-type bookshelf control, followed by scaling up or down the height of each space between the portrait orientations of one or more controls sliding on the card-type bookshelf page without following a sliding gesture, the card-type bookshelf control, the control displaying registered user information.
16. The apparatus of claim 14, wherein the means for adjusting the height of each space between the portrait orientation is configured to first scale up or down the height of each space between the portrait orientations of the plurality of controls displayed on the card-type bookshelf control, followed by scaling up or down the height of each space between the portrait orientations of one or more controls sliding on the card-type bookshelf page without following a sliding gesture, the card-type bookshelf control, the bookshelf scrollbar control.
17. The apparatus of claim 14, wherein the means for adjusting the height of each space between portrait orientations is configured to first scale up or down the height of each space between portrait orientations of a plurality of controls displayed on the card-type bookshelf control, followed by scale up or down the height of each space between portrait orientations of one or more controls sliding on the card-type bookshelf page without following a sliding gesture, the card-type bookshelf control, the control displaying registered user information, the bookshelf scrollbar control.
18. The apparatus of claim 10, wherein the one or more controls on the card bookshelf page that do not slide following the swipe gesture include, but are not limited to: tool bars and/or menu bars.
19. A storage device having stored therein a plurality of instructions adapted to be loaded by a processor and to perform the method of one of claims 1-9.
CN201810709523.1A 2018-07-02 2018-07-02 Method and device for displaying bookshelf pages of reading software Active CN110673903B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810709523.1A CN110673903B (en) 2018-07-02 2018-07-02 Method and device for displaying bookshelf pages of reading software

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810709523.1A CN110673903B (en) 2018-07-02 2018-07-02 Method and device for displaying bookshelf pages of reading software

Publications (2)

Publication Number Publication Date
CN110673903A CN110673903A (en) 2020-01-10
CN110673903B true CN110673903B (en) 2024-03-19

Family

ID=69065398

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810709523.1A Active CN110673903B (en) 2018-07-02 2018-07-02 Method and device for displaying bookshelf pages of reading software

Country Status (1)

Country Link
CN (1) CN110673903B (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111443974A (en) * 2020-03-26 2020-07-24 中国农业银行股份有限公司 Android device screen adapting method, related device and readable storage medium
CN113158620A (en) * 2021-05-18 2021-07-23 掌阅科技股份有限公司 Bookshelf page editing processing method, electronic equipment and computer storage medium
CN114816178B (en) * 2022-04-29 2024-09-24 咪咕数字传媒有限公司 Electronic book selection method and electronic equipment

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101908076A (en) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 Page layout self-adaptive method and device
CN103345388A (en) * 2013-06-05 2013-10-09 中国电子科技集团公司第十五研究所 Android-operating-system-based system and device for adapting software to mobile terminal
CN105760066A (en) * 2016-02-15 2016-07-13 广州阿里巴巴文学信息技术有限公司 Method and device for updating page
CN304095986S (en) * 2017-04-05

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101859536B1 (en) * 2011-11-22 2018-05-21 삼성전자 주식회사 Method and apparatus for managing items of reading in device
US9880703B2 (en) * 2012-08-07 2018-01-30 Nook Digital, Llc Electronic bookshelf system

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN304095986S (en) * 2017-04-05
CN101908076A (en) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 Page layout self-adaptive method and device
CN103345388A (en) * 2013-06-05 2013-10-09 中国电子科技集团公司第十五研究所 Android-operating-system-based system and device for adapting software to mobile terminal
CN105760066A (en) * 2016-02-15 2016-07-13 广州阿里巴巴文学信息技术有限公司 Method and device for updating page

Also Published As

Publication number Publication date
CN110673903A (en) 2020-01-10

Similar Documents

Publication Publication Date Title
CN110673903B (en) Method and device for displaying bookshelf pages of reading software
US20120266104A1 (en) Method and Apparatus of Scrolling a Document Displayed in a Browser Window
CN107818008B (en) Page loading method and device
CN113111624B (en) Text display method and device, electronic equipment and storage medium
US20150121177A1 (en) Electronic device, method, and storage medium
JP2008524735A (en) Improved mobile communication terminal and method
US20130215045A1 (en) Stroke display method of handwriting input and electronic device
US9747007B2 (en) Resizing technique for display content
JP7344632B2 (en) automatic layout engine
EP3256937A1 (en) Responsive course design system and method
CN112835499A (en) Carousel graph display method, device, equipment and medium
CN116483247A (en) Multi-stroke intelligent ink gesture language
CN105320432A (en) Scroll bar display method and apparatus
KR100888402B1 (en) Method and system for outputting electronic book providing realistic picture for page turning
CN110069254B (en) Text display method, text display device and server
CN106844606A (en) The focus processing method and processing device of webpage
CN108536864B (en) Page digital display method and device, computer equipment and storage medium
JP7114366B2 (en) Presentation collaboration with various electronic devices
CN104317581B (en) Display method and electronic equipment
CN115390976A (en) Layout method of interface design, display method of interface and related equipment
EP2185998A2 (en) On-screen marker to assist usability while scrolling
JP6108105B2 (en) Article image reconstruction device
WO2013107032A1 (en) Shortened network address linking to image representation of web page
CN113703653A (en) Image processing method, device, equipment and computer readable storage medium
US20130229360A1 (en) Method and apparatus for controlling dot rendering on a touch screen

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