CN110673903A - Display method and device for bookshelf page of reading software - Google Patents
Display method and device for bookshelf page of reading software Download PDFInfo
- Publication number
- CN110673903A CN110673903A CN201810709523.1A CN201810709523A CN110673903A CN 110673903 A CN110673903 A CN 110673903A CN 201810709523 A CN201810709523 A CN 201810709523A CN 110673903 A CN110673903 A CN 110673903A
- Authority
- CN
- China
- Prior art keywords
- controls
- bookshelf
- card
- control
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 57
- 230000006978 adaptation Effects 0.000 claims abstract description 16
- 238000013341 scale-up Methods 0.000 claims description 10
- 238000013461 design Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 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
Images
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
Abstract
The invention provides a display method and a display device for a bookshelf page of reading software. The display method comprises the following steps: acquiring the screen density of any display screen; calculating the proportion of default screen density according to which the page layout of the card-type bookshelf is arranged to the obtained screen density, and performing equal proportion display on the display screen according to a self-adaptive adaptation method aiming at a plurality of controls displayed on the page of the card-type bookshelf designed according to the default screen density and the positions and sizes of contents displayed on the controls; keeping the positions of one or more controls on the page of the card-type bookshelf, which do not slide along with the sliding gesture, unchanged, and scaling up or reducing the heights of a plurality of blank spaces between the longitudinal directions of the controls sliding along with the sliding gesture on the basis of a default set proportional relation, so that the controls sliding along with the sliding gesture and the content displayed on the controls are completely displayed on the screen.
Description
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, and the like, more and more users prefer to read electronic books. An electronic book is a publication that digitizes contents of information such as characters, pictures, sounds, images, etc., and digitally records the contents in an apparatus using light, electricity, magnetism, etc. as a medium. The formats of the e-book include, but are not limited to, txt, epub, umd, pdf, html, chm, and the like.
With the wide use of electronic books, the reading habits of people are changing, and people are no longer limited to reading paper books and read more through various electronic devices. For example, the electronic book may be read by a dedicated electronic book reader, or may be read by a device such as a smartphone or a tablet computer in which an application program for reading the electronic book is installed. Or other electronic equipment with e-book reading function
An electronic bookshelf is provided for a special electronic book reader or reading software installed on a smart terminal such as a smart phone or a tablet computer for reading an electronic book. The electronic bookshelf is a main page in reading application and is responsible for displaying books which a user already owns, reads recently and wants to read.
In reading applications, the existing electronic bookshelf display method includes: simulated bookshelves, list bookshelves, grid bookshelves, and card bookshelves, as shown in fig. 1A-D.
In the card type bookshelf, the main body of the bookshelf page displays the information of a book, so that the related content of the book can be displayed more, the selectivity of a user is improved, and particularly when a reading application APP actively provides a plurality of recommended books.
However, the screen size and resolution of the smart terminal installed with the application program for reading the electronic book are different, especially the smart terminal based on the android system, such as a commercially available smart phone with 5.5 inch and 5 inch screens having a resolution of 1920 × 1080, a smart phone with 5.5 inch and 5 inch screens having a resolution of 1280 × 720, and the like. The layout design of the existing bookshelf interface is usually designed for an intelligent terminal with a screen size and resolution, and a self-adaptive adaptation technology is adopted to actively adapt to screens with different sizes and different resolutions, but the layout of the bookshelf interface designed for a smart phone with a 5-inch screen still appears, a large amount of blanks exist at the next time and the left and right sides when the bookshelf interface runs on the 5.5-inch screen, or the element layout display of the bookshelf interface is too loose; alternatively, running on a 4.5 inch screen may result in a bookshelf interface that does not display the full bookshelf.
Therefore, a new method for displaying a bookshelf page with adaptable screens of different resolutions and different sizes is needed.
Disclosure of Invention
The invention aims to provide a display method and a display device for a bookshelf page of reading software, so as to improve the problems.
The first embodiment of the present invention provides a method for displaying card-type bookshelf pages of reading software in different screen densities, which includes:
acquiring the screen density of any display screen;
calculating the proportion of default screen density according to which the page layout of the card-type bookshelf is arranged to the obtained screen density, and performing equal proportion display on the display screen according to a self-adaptive adaptation method aiming at a plurality of controls displayed on the page of the card-type bookshelf designed according to the default screen density and the positions and sizes of contents displayed on the controls;
keeping the positions of one or more controls on the page of the card-type bookshelf, which do not slide along with the sliding gesture, unchanged, and scaling up or reducing the heights of a plurality of blank spaces between the longitudinal directions of the controls sliding along with the sliding gesture on the basis of a default set proportional relation, so that the controls sliding along with the sliding gesture and the content displayed on the controls are completely displayed on the screen.
A second embodiment of the present invention provides a display device of card-type bookshelf pages of reading software in different screen densities, which 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 default screen density according to which the page layout of the card-type bookshelf is arranged to the obtained screen density, and performing equal proportion display on the display screen according to a self-adaptive adaptation method aiming at the positions and the sizes of a plurality of controls displayed on the page of the card-type bookshelf and contents displayed on the controls, which are designed according to the default screen density;
and the blank space height adjusting modules between the longitudinal directions are used for keeping the positions of one or more controls which do not slide along with the sliding gesture on the page of the card-type bookshelf unchanged, and proportionally amplifying or reducing the heights of the blank spaces between the longitudinal directions of the controls which slide along with the sliding gesture on the basis of a default set proportional relationship so that the controls which slide along with the sliding gesture and the content displayed on the controls are completely displayed on the 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 display method and device for the bookshelf page of the reading software, provided by the invention, when the card-type bookshelf is displayed on the 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 the screen with a smaller size, and the layout of elements on the bookshelf interface on the screen with a larger size is very compact. This enables a better immersive user experience for users of mobile terminals using different screens.
Drawings
FIG. 1A is a screenshot of an exemplary simulated bookshelf page;
FIG. 1B is a screenshot of an exemplary tabular 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 card-type bookshelf pages of reading software in different screen densities according to a first embodiment of the invention;
fig. 3 is a schematic block diagram of a display device for displaying card-type bookshelf pages of reading software in different screen densities according to a second embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the embodiments of the present invention and the accompanying drawings, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. The components of 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 present invention, 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 derived by a person skilled in the art from the embodiments of the present invention without making any creative effort, shall fall within the protection scope of the present invention.
Fig. 2 is a flowchart of a method for displaying card-type bookshelf pages of reading software in different screen densities according to a first embodiment of the invention. As shown in fig. 2, the method for displaying card-type bookshelf pages of reading software in different screen densities according to the present invention includes:
s1: and acquiring the screen density of any display screen.
Some basic concepts are briefly introduced below, and some are specifically presented for the android system.
1) Screen size: the length of the diagonal line of the screen is expressed in inches (in), and 1 inch is 2.54 cm.
2) px: i.e., a pixel, refers to a point on the screen. The resolution is generally referred to as 1028 × 780 as pixels, row pixels 1028, and column pixels 780.
3) dpi: the number of points contained per inch.
4) Screen density: the number of pixels contained per inch.
For a screen, a pixel refers to a point on the screen, and the screen density here is usually represented by dpi, for example, the screen density is 120dpi, 160dpi, 240dpi, 320dpi, 480dpi, and the like.
The following description will be made of a method of calculating the screen density, taking a 5-inch screen with a resolution of 1920 × 1080 as an example: the sum of the squares of 1920 and 1080 is root-coded (i.e., an algorithm for the diagonal side length of a right triangle), the result being about 2202.9, and divided by 5 inches to give about 440 dpi.
5) dp (or dip): density independent pixels (also referred to as device independent pixels), 1dp ═ 1px on a screen with screen density dpi ═ 160 for one unit of the android system design. The relation between dp and 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 (). getResources (). getDisplayMetrics (). dense.
S2: calculating the proportion of the default screen density according to which the page layout of the card-type bookshelf is laid out to the obtained screen density, and carrying out equal proportion display on the display screen according to a self-adaptive adaptation method aiming at the plurality of controls displayed on the page of the card-type bookshelf designed according to the default screen density and the positions and the sizes of contents 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 includes two types: one or more controls that do not slide following the slide gesture, and a plurality of controls that slide following the slide gesture.
Among the plurality of controls displayed on the card bookshelf page, one or more controls that do not slide following a slide gesture include, but are not limited to: a toolbar and/or a menu bar. As shown in fig. 1D, the top displayed control is a toolbar control providing a search function, and the bottom control is a menu bar control providing a menu selection, where the menu items include: 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: one of a card type bookshelf control, a control for displaying registered user information, and a bookshelf scrollbar control. That is, the plurality of controls that slide following the slide gesture include, but are not limited to: the card type bookshelf control and the control used for displaying the information of the registered user; alternatively, the plurality of controls that slide following the slide gesture include, but are not limited to: card type bookshelf control and bookshelf scroll bar control; alternatively, the plurality of controls that slide following the slide gesture include, but are not limited to: the bookshelf comprises a card type bookshelf control, a control for displaying the information of the registered user and a bookshelf scroll bar control.
Wherein the plurality of controls displayed on the card-type bookshelf control to slide following a slide gesture include, but are not limited to: the book comprises a front cover image control of a book, a control for displaying the name of the book and a control for displaying the name of the author of the book. And the front cover image control of a book, the control for displaying the name of the book and the control for displaying the name of the author of the book are sub-controls displayed on the card type bookshelf control. That is, the plurality of controls displayed on the card bookshelf and slid following the slide gesture include: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book comprises a front cover image control of a book, a control for displaying the name of the book and a control for displaying the name of the author of the book.
Alternatively, the plurality of controls displayed on the card bookshelf control to slide following a slide gesture include, but are not limited to: the book reading system comprises a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the name of an author of the book, and a control for displaying the last reading progress information. And the front cover image control of a book, the control for displaying the book name of the book, the control for displaying the name of the author of the book, and the control for displaying the previous reading progress information are sub-controls displayed on the card-type bookshelf control. That is, the plurality of controls displayed on the card bookshelf and slid following the slide gesture include: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book reading system comprises a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the name of an author of the book, and a control for displaying the last reading progress information.
The pixel (px) adaptation method can be implemented using methods well known to those skilled in the art. The method is suitable for various screens of the intelligent terminal based on the android system or the IOS system.
The density-independent pixel (dp) adaptation method is mainly suitable for various screens with different screen densities of an intelligent terminal based on an android system.
When a developer of any reading software (such as a book flag novel) designs the layout of the page of the card bookshelf, the developer designs the layout of the page of the card bookshelf based on a terminal screen with a certain popular screen size, resolution and screen density, for example, positions and sizes of a plurality of controls displayed on the page and contents displayed on the controls, and the screen density according to which the developer designs the page is called as default screen density. The screen density of any one of the display screens obtained in the preceding paragraph may be the same as or different from the default screen density.
The density independent pixels (dp) can be used to set a specified size, which is not affected by the pixels, so that the same size can be specified for screens of different sizes, ensuring the same effect is displayed on screens of different screen densities.
When a plurality of controls displayed on a card-type bookshelf page describe the width and height of the corresponding controls by using a unit dp of density-independent pixels, the relationship between dp and px (pixel unit) is:
dp＝160*px/dpi
that is, assume that on screen 1 where the default screen density is 160dpi, widget 1 has a width of 160dp, accounting for 160 px.
If the obtained screen 2 for display has a pixel density of 320dpi, 1dp is 2px, and 160 × 2 is 320px on the screen. So that the control 1 appears to be relatively the same size on screen 1 and screen 2.
The method includes the steps of calculating the ratio of default screen density to obtained screen density, calculating corresponding dp values of a plurality of controls displayed on a card-type bookshelf page and the positions and sizes of contents displayed on the controls according to the default screen density and with dp as a unit according to the calculated ratio relation, and laying out the controls and the contents displayed on the controls on a new screen by using the new dp values. The new screen described herein is the screen on which the screen density is obtained, in short, the screen of the terminal device used by a certain user.
S3: keeping the positions of one or more controls on the page of the card-type bookshelf, which do not slide along with the sliding gesture, unchanged, and scaling up or reducing the heights of a plurality of blank spaces between the longitudinal directions of the controls sliding along with the sliding gesture on the basis of a default set proportional relation, so that the controls sliding along with the sliding gesture and the content displayed on the controls are completely displayed on the screen.
In a first example where the card bookshelf page includes only the card bookshelf control and sub-controls on that control (e.g., a front cover image control for a book, a control showing the name of the author of the book, etc.), in the step of scaling up or down the heights of the blank spaces between the lengthwise directions of the controls slid following the slide gesture on the basis of the scale relation set by default, first, the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control is enlarged or reduced in equal proportion, and then, the height of each blank space between one or more controls which do not slide along with the sliding gesture on the page of the card-type bookshelf and the longitudinal direction of the controls of the card-type bookshelf is proportionally enlarged or reduced.
In a second example in which the plurality of controls that slide along with the slide gesture included in the card-type bookshelf page are the card-type bookshelf control and the plurality of sub-controls inside the controls, and the control that displays the registered user information, in the step of scaling up or scaling down the heights of the plurality of blank spaces between the longitudinal directions of the plurality of controls that slide along with the slide gesture on the basis of a scale relationship set by default, the heights of the respective blank spaces between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control are first scaled up or scaled down, and then the heights of the respective blank spaces between the longitudinal directions of the one or more controls that slide on the card-type bookshelf page without following the slide gesture, the card-type bookshelf control, and the control that displays the registered user information are scaled up or scaled down. In addition, the method can further comprise the following steps:
and finally, calculating the sum of the heights of the blank spaces among one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the controls for displaying the registered user information, which is referred to as height sum value 1 for short, and the sum of the heights of the blank spaces among the controls displayed on the card-type bookshelf control, which is referred to as height sum value 2 for short, and adjusting the heights of the blank spaces among one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, and the controls for displaying the registered user information according to a preset proportion value so that the ratio of the height sum value 1 to the height sum value 2 conforms to the preset proportion value.
In a third example in which the plurality of controls that slide along with the slide gesture included in the card-type bookshelf page are the card-type bookshelf control, the plurality of sub-controls inside the controls, and the bookshelf scrollbar control, in the step of scaling up or scaling down the heights of the plurality of blank spaces between the longitudinal directions of the plurality of controls that slide along with the slide gesture on the basis of a ratio relationship set by default, the heights of the respective blank spaces between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control are first scaled up or scaled down, and then the heights of the respective blank spaces between the longitudinal directions of the one or more controls that slide on the card-type bookshelf page without following the slide gesture, the card-type bookshelf control, and the bookshelf scrollbar control are scaled up or scaled down. In addition, the method can further comprise the following steps:
and finally, calculating the sum of the heights of the blank spaces among the longitudinal directions of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control and the bookshelf scroll bar control, which is referred to as height sum value 1 for short, and the sum of the heights of the blank spaces among the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control, which is referred to as height sum value 2 for short, and adjusting the height values of the blank spaces among the longitudinal directions of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control and the bookshelf scroll bar control according to a preset proportional value so that the ratio of the height sum value 1 to the height sum value 2 conforms to the preset proportional value.
In a fourth example where the plurality of controls that slide following the slide gesture included in the card bookshelf page are the card bookshelf control and a plurality of child controls within that control, the control that displays the registered user information, and the bookshelf scrollbar control, in the step of scaling up or down the heights of the blank spaces between the lengthwise directions of the controls slid following the slide gesture on the basis of the scale relation set by default, first, the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control is enlarged or reduced in equal proportion, and then, the heights of the blank spaces among one or more controls which do not slide along with the sliding gesture on the page of the card-type bookshelf, the controls for displaying the information of the registered users and the longitudinal direction of the scroll bar controls of the bookshelf are enlarged or reduced in equal proportion. In addition, the method can further comprise the following steps:
and finally, calculating the sum of the heights of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the control for displaying the registered user information, the blank spaces between the longitudinal directions of the bookshelf scroll bar control, which is referred to as height sum value 1 for short, and the sum of the heights of the blank spaces between the longitudinal directions of the controls displayed on the card-type bookshelf control, which is referred to as height sum value 2 for short, and adjusting the heights of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the control for displaying the registered user information, and the blank spaces between the longitudinal directions of the bookshelf scroll bar control according to a preset proportion value so that the ratio of the height sum value 1 to the height sum value 2 conforms to the preset proportion value.
The default proportional relationship is a proportional relationship setting in which a developer of certain reading software (for example, a flag novel) designs the height of each blank space between the vertical directions of the plurality of controls based on a terminal screen with a certain popular screen size, resolution and screen density when designing the layout of the page of the card bookshelf. That is, the default set proportional relationship is simply a proportional relationship of factory design of the read software.
Additionally, in one embodiment, in the default setting, the card bookshelf control has a width of 75% of the screen width and a height of 16:9 or 4: 3.
According to the display method of the bookshelf page of the reading software in different screen densities, when the card-type bookshelf is displayed on the 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 the screen with a smaller size, and the layout of elements on the bookshelf interface on the screen with a larger size is very compact. This enables a better immersive user experience for users of mobile terminals using different screens.
Fig. 3 is a schematic block diagram of a display device for displaying card-type bookshelf pages 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 card-type bookshelf pages 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 default screen density according to which the page layout of the card-type bookshelf is arranged to the obtained screen density, and performing equal proportion display on the display screen according to a self-adaptive adaptation method aiming at the positions and the sizes of a plurality of controls displayed on the page of the card-type bookshelf and contents displayed on the controls, which are designed according to the default screen density;
and the blank space height adjusting modules between the longitudinal directions are used for keeping the positions of one or more controls which do not slide along with the sliding gesture on the page of the card-type bookshelf unchanged, and proportionally amplifying or reducing the heights of the blank spaces between the longitudinal directions of the controls which slide along with the sliding gesture on the basis of a default set proportional relationship so that the controls which slide along with the sliding gesture and the content displayed on the controls are completely displayed on the screen.
Wherein the card bookshelf page comprises: the card type bookshelf control, the control for displaying the registered user information and the bookshelf scroll bar control.
Wherein the one or more controls on the card bookshelf page that do not slide along with the slide gesture include, but are not limited to: a toolbar and/or a menu bar.
In one embodiment, the plurality of controls displayed on the card bookshelf to slide following a slide gesture include: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book comprises a front cover image control of a book, a control for displaying the name of the book and a control for displaying the name of the author of the book.
In another embodiment, the plurality of controls displayed on the card bookshelf to slide following a slide gesture include: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book reading system comprises a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the name of an author of the book, and a control for displaying the last reading progress information.
In a first example in which the plurality of controls that slide along with the sliding gesture are only the card bookshelf control and the plurality of sub-controls on the card bookshelf 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 blank space height adjustment modules between the longitudinal directions are configured to first scale up or scale down the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card bookshelf control, and then scale up or scale down the height of each blank space between one or more controls that slide on the card bookshelf page without following the sliding gesture and the longitudinal direction of the card bookshelf control.
In a second example where the plurality of controls that slide along with the sliding gesture included in the card-type bookshelf page are the card-type bookshelf control, the plurality of sub-controls inside the control, and the control that displays the registered user information, the blank space height adjustment modules between the longitudinal directions are configured to first enlarge or reduce 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 enlarge or reduce the height of each blank space between the longitudinal directions of the one or more controls that do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, and the control that displays the 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 spaces among one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the controls for displaying the registered user information, which is referred to as height sum value 1 for short, and the sum of the heights of the blank spaces among the controls displayed on the card-type bookshelf control, which is referred to as height sum value 2 for short, and adjusting the heights of the blank spaces among one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, and the controls for displaying the registered user information according to a preset proportion value so that the ratio of the height sum value 1 to the height sum value 2 conforms to the preset proportion value.
In a third example that the plurality of controls that slide along with the sliding gesture included in the card-type bookshelf page are the card-type bookshelf control, the plurality of sub-controls inside the control, and the bookshelf scrollbar control, the blank space height adjustment modules between the longitudinal directions are configured to first enlarge or reduce 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 enlarge or reduce the height of each blank space between the longitudinal directions of the one or more controls that do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, and the bookshelf scrollbar control in an equal proportion. In addition, the following operations may be further included: and finally, calculating the sum of the heights of the blank spaces among the longitudinal directions of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control and the bookshelf scroll bar control, which is referred to as height sum value 1 for short, and the sum of the heights of the blank spaces among the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control, which is referred to as height sum value 2 for short, and adjusting the height values of the blank spaces among the longitudinal directions of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control and the bookshelf scroll bar control according to a preset proportional value so that the ratio of the height sum value 1 to the height sum value 2 conforms to the preset proportional value.
In a fourth example that the plurality of controls that slide along with the sliding gesture included in the card-type bookshelf page are the card-type bookshelf control, the plurality of sub-controls inside the controls, the control that displays the registered user information, and the bookshelf scrollbar control, the blank space height adjustment modules between the longitudinal directions are configured to first enlarge or reduce 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 enlarge or reduce the height of each blank space between one or more controls that do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the control that displays the registered user information, and the bookshelf scrollbar control in the longitudinal direction in an equal proportion. In addition, the following operations may be further included: and finally, calculating the sum of the heights of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the control for displaying the registered user information, the blank spaces between the longitudinal directions of the bookshelf scroll bar control, which is referred to as height sum value 1 for short, and the sum of the heights of the blank spaces between the longitudinal directions of the controls displayed on the card-type bookshelf control, which is referred to as height sum value 2 for short, and adjusting the heights of the one or more controls which do not slide along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the control for displaying the registered user information, and the blank spaces between the longitudinal directions of the bookshelf scroll bar control according to a preset proportion value so that the ratio of the height sum value 1 to the height sum value 2 conforms to the preset proportion value.
It is clear to those skilled in the art that for the convenience and simplicity of description, the specific working process of the above-described device can be referred to the corresponding process of the first embodiment and the preferred embodiment thereof, the example and the related description listed in the first embodiment and the preferred embodiment thereof are also applicable to the working process of the device, and the description is not repeated herein.
According to the display device for displaying the bookshelf pages of the reading software in different screen densities, when the card-type bookshelf is displayed on the 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 the screen with a smaller size, and the layout of elements on the bookshelf interface on the screen with a larger size is very compact. This enables a better immersive user experience for users of mobile terminals using different screens.
Other embodiments of the present invention further provide a computer program product for a method for displaying bookshelf pages of reading software in different screen densities, which includes a computer-readable storage medium storing program codes, where instructions included in the program codes may be used to execute the method described in the foregoing method embodiments, and specific implementations may refer to the method embodiments and are not described herein again.
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) to perform all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: various media capable of storing program codes, such as a U disk, a removable hard disk, a Read Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
To this end, the embodiment of the present invention further provides a storage device, in which a plurality of instructions are stored, the instructions being adapted to be loaded by a processor and to execute the method described in the first embodiment and the combination with the preferred embodiment.
It should be understood that: the apparatus and its modules shown in fig. 3 may each be configured as software, hardware, firmware, or any combination thereof that performs a particular function. These means or modules may correspond, for example, to application-specific integrated circuits, to pure software code, or to a combination of software and hardware. Further, one or more functions implemented by these means or modules may also be uniformly executed by components in a physical entity device (e.g., processor, client or server, etc.).
Alternatively, the means or modules illustrated in FIG. 3 may be implemented by 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 a processor may 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 component and a processor, the storage component 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 set of instructions described above.
In the computing device, the processor may include a Central Processing Unit (CPU), a Graphics Processing Unit (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 display method of the card-type bookshelf page of the reading software in different screen densities according to the exemplary embodiments of the present application may be implemented by software, some operations may be implemented by hardware, and further, the operations may be implemented by a combination of hardware and software.
The processor may execute instructions or code stored in one of the memory components, which 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 integral to the processor, e.g., having 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, 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, a network connection, etc., so that the processor can 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 a bus and/or a network.
While exemplary embodiments of the present application are described above, it should be understood that: the above description is exemplary only and not exhaustive. The present application is not limited to the disclosed exemplary embodiments, 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 application. Therefore, the protection scope of the present application shall be subject to the scope of the claims.
Claims (19)
1. A method for displaying card-type bookshelf pages of reading software in different screen densities comprises the following steps:
acquiring the screen density of any display screen;
calculating the proportion of default screen density according to which the page layout of the card-type bookshelf is arranged to the obtained screen density, and performing equal proportion display on the display screen according to a self-adaptive adaptation method aiming at a plurality of controls displayed on the page of the card-type bookshelf designed according to the default screen density and the positions and sizes of contents displayed on the controls;
keeping the positions of one or more controls on the page of the card-type bookshelf, which do not slide along with the sliding gesture, unchanged, and scaling up or reducing the heights of a plurality of blank spaces between the longitudinal directions of the controls sliding along with the sliding gesture on the basis of a default set proportional relation, so that the controls sliding along with the sliding gesture and the content displayed on the controls are completely displayed on the screen.
2. The method of claim 1, wherein the plurality of controls displayed on the card-type bookshelf sliding along with the sliding gesture comprises: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book comprises a front cover image control of a book, a control for displaying the name of the book and a control for displaying the name of the author of the book.
3. The method of claim 1, wherein the plurality of controls displayed on the card-type bookshelf sliding along with the sliding gesture comprises: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book reading system comprises a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the name of an author of the book, and a control for displaying the last reading progress information.
4. The method as claimed in claim 2 or 3, wherein in the step of scaling up or down the heights of the blank spaces between the longitudinal directions of the controls slid following the sliding gesture on the basis of a scale relationship set by default, the heights of the blank spaces between the longitudinal directions of the controls displayed on the card bookshelf control are first scaled up or down, and then the heights of the blank spaces between the one or more controls not slid on the card bookshelf page following the sliding gesture and the longitudinal direction of the card bookshelf control are scaled up or down.
5. The method of claim 1, wherein the card bookshelf page comprises: the card type bookshelf control, the control for displaying the registered user information and the bookshelf scroll bar control.
6. The method of claim 5, wherein in the step of scaling up or down the heights of the blank spaces between the longitudinal directions of the controls slid along with the sliding gesture on the basis of a scale relationship set by default, the heights of the blank spaces between the longitudinal directions of the controls displayed on the card bookshelf control are first scaled up or down, and then the heights of the blank spaces between the one or more controls slid on the card bookshelf page without following the sliding gesture, the card bookshelf control, the longitudinal directions of the controls displaying the registered user information are scaled up or down.
7. The method as claimed in claim 5, wherein in the step of scaling up or down the heights of the blank spaces between the longitudinal directions of the controls slid along with the sliding gesture on the basis of a scale relationship set by default, the heights of the blank spaces between the longitudinal directions of the controls displayed on the card-type bookshelf control are first scaled up or down, and then the heights of the blank spaces between the longitudinal directions of the one or more controls not slid along with the sliding gesture on the card-type bookshelf page, the card-type bookshelf control, the bookshelf scrollbar control are scaled up or down.
8. The method as claimed in claim 5, wherein in the step of scaling up or down the heights of the blank spaces between the longitudinal directions of the controls slid along with the sliding gesture on the basis of a scale relationship set by default, the heights of the blank spaces between the longitudinal directions of the controls displayed on the card-type bookshelf control are first scaled up or down, and then the heights of the blank spaces between the longitudinal directions of the one or more controls slid on the card-type bookshelf page without following the sliding gesture, the card-type bookshelf control, the control displaying the registered user information, the bookshelf scrollbar control are scaled up or down.
9. The method of claim 1, wherein the one or more controls on the card bookshelf page that do not slide following a slide gesture include, but are not limited to: a toolbar and/or a menu bar.
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 adaptation display module is used for calculating the proportion of default screen density according to which the page layout of the card-type bookshelf is arranged to the obtained screen density, and performing equal proportion display on the display screen according to a self-adaptive adaptation method aiming at the positions and the sizes of a plurality of controls displayed on the page of the card-type bookshelf and contents displayed on the controls, which are designed according to the default screen density;
and the blank space height adjusting modules between the longitudinal directions are used for keeping the positions of one or more controls which do not slide along with the sliding gesture on the page of the card-type bookshelf unchanged, and proportionally amplifying or reducing the heights of the blank spaces between the longitudinal directions of the controls which slide along with the sliding gesture on the basis of a default set proportional relationship so that the controls which slide along with the sliding gesture and the content displayed on the controls are completely displayed on the screen.
11. The apparatus of claim 10, wherein the plurality of controls displayed on the card bookshelf to slide following a slide gesture comprises: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book comprises a front cover image control of a book, a control for displaying the name of the book and a control for displaying the name of the author of the book.
12. The apparatus of claim 10, wherein the plurality of controls displayed on the card bookshelf to slide following a slide gesture comprises: card formula bookshelf control and a plurality of sub-controls inside this control, this a plurality of sub-controls include but not limited to: the book reading system comprises a front cover image control of a book, a control for displaying the book name of the book, a control for displaying the name of an author of the book, and a control for displaying the last reading progress information.
13. The apparatus of claim 11 or 12, wherein the blank space height adjusting module between the longitudinal directions is configured to first scale up or down the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card-type bookshelf control, and then scale up or down the height of each blank space between one or more controls that slide on the card-type bookshelf page without following a slide gesture and the longitudinal direction of the card-type bookshelf control.
14. The apparatus of claim 10, wherein the card bookshelf page comprises: the card type bookshelf control, the control for displaying the registered user information and the bookshelf scroll bar control.
15. The apparatus of claim 14, wherein the blank space height adjusting module between the longitudinal directions is configured to first scale up or down the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card bookshelf control, and then scale up or down the height of each blank space between the longitudinal directions of the one or more controls that slide without following a slide gesture on the card bookshelf page, the card bookshelf control, the control displaying the registered user information.
16. The apparatus of claim 14, wherein the blank space height adjusting module between the longitudinal directions is configured to first scale up or down the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card bookshelf control, and then scale up or down the height of each blank space between the longitudinal directions of the one or more controls that do not slide on the card bookshelf page following the sliding gesture, the card bookshelf control, the bookshelf scrollbar control, and the like.
17. The apparatus of claim 14, wherein the blank space height adjusting module between the longitudinal directions is configured to first scale up or down the height of each blank space between the longitudinal directions of the plurality of controls displayed on the card bookshelf control, and then scale up or down the height of each blank space between the longitudinal directions of the one or more controls that slide on the card bookshelf page without following a slide gesture, the card bookshelf control, the control displaying the registered user information, and 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 a slide gesture include, but are not limited to: a toolbar and/or a menu bar.
19. A memory device having stored therein a plurality of instructions adapted to be loaded by a processor and to perform the method according to any one of claims 1 to 9.
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 true CN110673903A (en) | 2020-01-10 |
| CN110673903B 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) |
Cited By (1)
| 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 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101908076A (en) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | Page layout self-adaptive method and device |
| US20130132884A1 (en) * | 2011-11-22 | 2013-05-23 | Samsung Electronics Co., Ltd. | System and method for managing book-related items in a mobile device |
| CN103345388A (en) * | 2013-06-05 | 2013-10-09 | 中国电子科技集团公司第十五研究所 | Android-operating-system-based system and device for adapting software to mobile terminal |
| US20140046809A1 (en) * | 2012-08-07 | 2014-02-13 | Barnesandnoble.com IIc | Electronic bookshelf system |
| CN105760066A (en) * | 2016-02-15 | 2016-07-13 | 广州阿里巴巴文学信息技术有限公司 | Method and device for updating page |
| CN304095986S (en) * | 2017-04-05 |
-
2018
- 2018-07-02 CN CN201810709523.1A patent/CN110673903B/en active Active
Patent Citations (6)
| 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 |
| US20130132884A1 (en) * | 2011-11-22 | 2013-05-23 | Samsung Electronics Co., Ltd. | System and method for managing book-related items in a mobile device |
| US20140046809A1 (en) * | 2012-08-07 | 2014-02-13 | Barnesandnoble.com IIc | Electronic bookshelf system |
| 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 |
Cited By (1)
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110673903B (en) | 2024-03-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8341543B2 (en) | Method and apparatus of scrolling a document displayed in a browser window | |
| US20130215045A1 (en) | Stroke display method of handwriting input and electronic device | |
| US20120047470A1 (en) | Method and apparatus for browsing an electronic book on a touch screen display | |
| US20190141110A1 (en) | Design Analysis for Framework Assessment | |
| CN112835499A (en) | Carousel graph display method, device, equipment and medium | |
| US20160232151A1 (en) | Responsive course design system and method | |
| CN109213316B (en) | Automatic layout engine | |
| CN113111624A (en) | Text display method and device, electronic equipment and storage medium | |
| JP6395160B2 (en) | Document layout of electronic display | |
| KR20070100544A (en) | Method and system for outputting electronic book providing realistic picture for page turning | |
| CN110673903B (en) | Method and device for displaying bookshelf pages of reading software | |
| CN111522610A (en) | Information display method, device and equipment | |
| JP7114366B2 (en) | Presentation collaboration with various electronic devices | |
| US8520030B2 (en) | On-screen marker to assist usability while scrolling | |
| CN115390976A (en) | Layout method of interface design, display method of interface and related equipment | |
| JP6108105B2 (en) | Article image reconstruction device | |
| US20170287099A1 (en) | Method and apparatus for dynamic generation of vector graphics | |
| CN109032476B (en) | Method for displaying big data set in graphical user interface | |
| CN108536864B (en) | Page digital display method and device, computer equipment and storage medium | |
| CN110110291B (en) | Document display control method, device, equipment and medium | |
| CN107357938B (en) | Webpage display method and device | |
| CN107122197B (en) | Reading layout optimization method and device and electronic reading terminal | |
| US20130229360A1 (en) | Method and apparatus for controlling dot rendering on a touch screen | |
| KR101604838B1 (en) | Method of providing internet webpages | |
| US20130083077A1 (en) | Method of displaying a digital content on a 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 | ||
| 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. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |