CN110764765A - Method for automatically controlling display visual rhythm of directory list - Google Patents
Method for automatically controlling display visual rhythm of directory list Download PDFInfo
- Publication number
- CN110764765A CN110764765A CN201910893885.5A CN201910893885A CN110764765A CN 110764765 A CN110764765 A CN 110764765A CN 201910893885 A CN201910893885 A CN 201910893885A CN 110764765 A CN110764765 A CN 110764765A
- Authority
- CN
- China
- Prior art keywords
- background
- configuration file
- resource
- configuration
- visual
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing 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/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Abstract
The invention provides a method for automatically controlling a visual rhythm for displaying a directory list, which comprises the following steps: step 1) refreshing an information flow list by a user to generate a command for acquiring a resource packet; step 2) after receiving the command of obtaining the resource package, the client APP triggers an obtaining interface to obtain the resource package; step 3) the background server side uploads the resource packet, the interface is matched and the resource packet is issued, step 4) the client side decodes the received resource packet, step 5) the client side obtains the materials and the configuration in the resource packet, and renders the visual rhythm in a set time according to the material map visual display information configuration file, and renders the background, the material picture, the animation and the top news display in sequence; and 6) the user slides the news list, synchronously displays the visual rhythm according to the sliding example and the direction of the background and resource files according to the requirements of the configuration file, and 7) the user clicks the visual rhythm part to jump to the appointed function and part.
Description
Technical Field
The invention provides the technical field of computers, relates to a hollow card information display technology, and particularly relates to a method for automatically controlling a display visual rhythm of a directory list.
Background
News APP often adopt a list type display mode, and can be analyzed from user scenes and behavior patterns. When browsing news, a user often needs to know what happens today, and then selects interesting content for deep browsing, wherein the behavior pattern of the user is as follows: fast mass browsing-filtering of information of interest-further browsing. The user first browses the information in a large amount, and the demand of the amount is prior to the demand of deep reading, so the list represents the behavior more suitable for the user.
Some APP pay more attention to the screening and comparison of picture information, card-type navigation is more suitable, and the picture needs to be screened in a contrast mode and then a target picture suitable for the APP is found out. The behavior mode is a large amount of browsing pictures, up-down and left-right comparison, screening, repeated comparison and judgment selection. In this mode of action, the contrast is more demanding, so card-style is the more appropriate one.
When the existing card information is pushed, the set card format is generally set manually and then pushed.
Disclosure of Invention
In view of the above, the present invention provides a method for automatically controlling a visual rhythm of a display of a directory listing.
The technical scheme adopted by the invention is as follows:
a method for automatically controlling a visual rhythm displayed by a directory list comprises the following steps:
step 1) refreshing an information flow list by a user to generate a command for acquiring a resource packet;
step 2) after receiving the command of obtaining the resource package, the client APP triggers an obtaining interface to obtain the resource package;
step 3) the background server end uploads a resource packet consisting of a plurality of png format images and at least one json format animation configuration file, the interface matches and issues the resource packet,
step 4) the client decodes the received resource packet to obtain at least one json format animation configuration file and a plurality of png format images, wherein the json file comprises a configuration background and a material map visual display information configuration file,
step 5) after the client side obtains the materials and the configuration in the resource package, the client side renders the visual rhythm in a set time according to the material graph visual display information configuration file, and sequentially renders the background, the material picture, the animation and the top news display;
step 6) the user slides the news list, the background and the resource files synchronously display the visual rhythm according to the sliding example and the direction according to the requirements of the configuration file,
and 7) clicking the visual rhythm part by the user, and jumping to the specified function and part.
Preferably, the background server and the client APP are provided with one-to-one corresponding interfaces.
Preferably, after obtaining the materials and the configuration in the resource package, the client reads the configuration file, performs priority configuration on the configuration file, and renders the visual rhythm according to the material map visual display information configuration file within a set period time T according to the set priority, and renders the background, the material picture, the animation and the top-level news display in sequence.
Preferably, in step 7, the visual rhythm section includes jump links.
Preferably, the jump link is configured in a json format animation configuration file.
Preferably, in step 4, the client decodes the received resource packet, and the decoding structure is: primary structure: at least one json-format animation profile, at least one animation of a material map,
secondary structure: at least one background picture of the background picture,
the json file comprises configuration background and material graph visual display information configuration files.
The invention has the beneficial effects that:
compared with the traditional technology, the technology for automatically controlling the visual rhythm of the display of the directory list at least comprises a json format animation configuration file, at least one animation of a material graph and at least one background graph, wherein the json file comprises a configuration background and a material graph visual display information configuration file. And after the client side obtains the materials and the configuration in the resource package, reading the configuration file, performing priority configuration on the configuration file, rendering the visual rhythm according to the material graph visual display information configuration file within the set time within the set period time T according to the set priority, and sequentially rendering the background, the material graph, the animation and the top-level news display.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
FIG. 1 is a flow chart of the method of the present invention.
DETAILED DESCRIPTION OF EMBODIMENT (S) OF INVENTION
The present invention will now be described in detail with reference to the drawings and specific embodiments, wherein the exemplary embodiments and descriptions of the present invention are provided to explain the present invention without limiting the invention thereto.
Referring to fig. 1, the present invention provides a method for automatically controlling a visual rhythm for displaying a directory listing, comprising the following steps:
step 1) refreshing an information flow list by a user to generate a command for acquiring a resource packet;
step 2) after receiving the command of obtaining the resource package, the client APP triggers an obtaining interface to obtain the resource package;
step 3) the background server end uploads a resource packet consisting of a plurality of png format images and at least one json format animation configuration file, the interface matches and issues the resource packet,
step 4) the client decodes the received resource packet to obtain at least one json format animation configuration file and a plurality of png format images, wherein the json file comprises a configuration background and a material map visual display information configuration file,
step 5) after the client side obtains the materials and the configuration in the resource package, the client side renders the visual rhythm in a set time according to the material graph visual display information configuration file, and sequentially renders the background, the material picture, the animation and the top news display;
step 6) the user slides the news list, the background and the resource files synchronously display the visual rhythm according to the sliding example and the direction according to the requirements of the configuration file,
and 7) clicking the visual rhythm part by the user, and jumping to the specified function and part.
Preferably, the background server and the client APP are provided with one-to-one corresponding interfaces.
Preferably, after obtaining the materials and the configuration in the resource package, the client reads the configuration file, performs priority configuration on the configuration file, and renders the visual rhythm according to the material map visual display information configuration file within a set period time T according to the set priority, and renders the background, the material picture, the animation and the top-level news display in sequence.
Preferably, in step 7, the visual rhythm section includes jump links.
Preferably, the jump link is configured in a json format animation configuration file.
Preferably, in step 4, the client decodes the received resource packet, and the decoding structure is: primary structure: at least one json-format animation profile, at least one animation of a material map,
secondary structure: at least one background picture of the background picture,
the json file comprises configuration background and material graph visual display information configuration files.
The invention provides a technology for automatically controlling visual rhythm of display of a directory list, which at least comprises a json format animation configuration file, at least one animation of a material graph and at least one background graph, wherein the json file comprises a configuration background and a material graph visual display information configuration file. And after the client side obtains the materials and the configuration in the resource package, reading the configuration file, performing priority configuration on the configuration file, rendering the visual rhythm according to the material graph visual display information configuration file within the set time within the set period time T according to the set priority, and sequentially rendering the background, the material graph, the animation and the top-level news display.
One decompression structure of the present invention is schematically depicted in figure 1,
json's format animation profile is included in its primary structure,
png animation of a material map of car,
png title image of title;
png's profile data of animation saves the reel.
And three secondary structures, wheel.001.png, wheel.002.png, wheel.003.png files.
The method comprises the steps that after a client obtains materials and configuration in a resource package, a format animation configuration file and a top layer news display of metadata json are read, priority configuration is conducted on the format animation configuration file of metadata json, animation of a hollowed-out car.png material graph is rendered first within a set period time T according to the set priority, and then title images, the top layer pictures, the top layer files and the top layer news display of title.png are rendered in sequence. And within a set period time T, rendering the visual rhythm within a set time according to the material graph visual display information configuration file, and sequentially rendering the background, the material graph, the animation and the top-level news display.
The technical solutions disclosed in the embodiments of the present invention are described in detail above, and the principles and embodiments of the present invention are explained in the present document by using specific embodiments, and the descriptions of the embodiments are only used to help understanding the principles of the embodiments of the present invention; meanwhile, for a person skilled in the art, according to the embodiments of the present invention, there may be variations in the specific implementation manners and application ranges, and in summary, the content of the present description should not be construed as a limitation to the present invention.
Claims (6)
1. A method for automatically controlling visual rhythm of display of directory list is characterized by comprising the following steps:
step 1) refreshing an information flow list by a user to generate a command for acquiring a resource packet;
step 2) after receiving the command of obtaining the resource package, the client APP triggers an obtaining interface to obtain the resource package;
step 3) the background server end uploads a resource packet consisting of a plurality of png format images and at least one json format animation configuration file, the interface matches and issues the resource packet,
step 4) the client decodes the received resource packet to obtain at least one json format animation configuration file and a plurality of png format images, wherein the json file comprises a configuration background and a material map visual display information configuration file,
step 5) after the client side obtains the materials and the configuration in the resource package, the client side renders the visual rhythm in a set time according to the material graph visual display information configuration file, and sequentially renders the background, the material picture, the animation and the top news display;
step 6) the user slides the news list, the background and the resource files synchronously display the visual rhythm according to the sliding example and the direction according to the requirements of the configuration file,
and 7) clicking the visual rhythm part by the user, and jumping to the specified function and part.
2. The method of claim 1, wherein the background server and the client APP are provided with one-to-one interfaces.
3. The method for automatically controlling visual rhythm display of directory listing according to claim 1, wherein the client reads the configuration file after obtaining the material and configuration in the resource package, performs priority configuration on the configuration file, renders the visual rhythm in the set time according to the configuration file of the visual display information of the material map, sequentially renders the background, the material drawing, the animation and the top-level news display in the set period time T according to the set priority.
4. The method as claimed in claim 1, wherein in step 7, the visual rhythm portion comprises a jump link.
5. The method of claim 4, wherein the jump link is configured in a json-format animation profile.
6. The method of claim 1, wherein in step 4, the client decodes the received resource packet, and the decoding structure is: primary structure: at least one json-format animation profile, at least one animation of a material map,
secondary structure: at least one background picture of the background picture,
the json file comprises configuration background and material graph visual display information configuration files.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910893885.5A CN110764765A (en) | 2019-09-20 | 2019-09-20 | Method for automatically controlling display visual rhythm of directory list |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910893885.5A CN110764765A (en) | 2019-09-20 | 2019-09-20 | Method for automatically controlling display visual rhythm of directory list |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110764765A true CN110764765A (en) | 2020-02-07 |
Family
ID=69330705
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910893885.5A Pending CN110764765A (en) | 2019-09-20 | 2019-09-20 | Method for automatically controlling display visual rhythm of directory list |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110764765A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112487322A (en) * | 2020-12-16 | 2021-03-12 | Vidaa美国公司 | Third-party application Loading page Loading method and display equipment |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100083172A1 (en) * | 2008-10-01 | 2010-04-01 | International Business Machines Corporation | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects |
| US20130036193A1 (en) * | 2011-07-07 | 2013-02-07 | Ebay Inc. | System and method for generating dynamic image sprites |
| US20150378643A1 (en) * | 2014-06-30 | 2015-12-31 | Canon Kabushiki Kaisha | Information processing apparatus, processing method, and storage medium |
| US20160321832A1 (en) * | 2015-05-01 | 2016-11-03 | B-Reel Intressenter AB | Systems and methods for interactive video generation and rendering |
| CN108733443A (en) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | A kind of APP dynamic configuration systems and its implementation, Dynamic Configuration based on android system |
| CN109522066A (en) * | 2018-10-08 | 2019-03-26 | 广州坚和网络科技有限公司 | In a kind of information list can interactive graphics (IG) methods of exhibiting |
-
2019
- 2019-09-20 CN CN201910893885.5A patent/CN110764765A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100083172A1 (en) * | 2008-10-01 | 2010-04-01 | International Business Machines Corporation | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects |
| US20130036193A1 (en) * | 2011-07-07 | 2013-02-07 | Ebay Inc. | System and method for generating dynamic image sprites |
| US20150378643A1 (en) * | 2014-06-30 | 2015-12-31 | Canon Kabushiki Kaisha | Information processing apparatus, processing method, and storage medium |
| US20160321832A1 (en) * | 2015-05-01 | 2016-11-03 | B-Reel Intressenter AB | Systems and methods for interactive video generation and rendering |
| CN108733443A (en) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | A kind of APP dynamic configuration systems and its implementation, Dynamic Configuration based on android system |
| CN109522066A (en) * | 2018-10-08 | 2019-03-26 | 广州坚和网络科技有限公司 | In a kind of information list can interactive graphics (IG) methods of exhibiting |
Non-Patent Citations (2)
| Title |
|---|
| 刘彬;崔泽辉;: "基于Android平台的智慧校园新闻系统的开发" * |
| 高瞻;孙万捷;王杰华;蒋峥峥;: "渲染器与Web服务器耦合实现远程体渲染的交互优化" * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112487322A (en) * | 2020-12-16 | 2021-03-12 | Vidaa美国公司 | Third-party application Loading page Loading method and display equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10885559B1 (en) | Generation, curation, and presentation of media collections with automated advertising | |
| US10083151B2 (en) | Interactive mobile video viewing experience | |
| EP2840511A1 (en) | System and method for dynamically converting webpage, and computer-readable recording medium | |
| US8713456B2 (en) | Establishing a graphical user interface (‘GUI’) theme | |
| CN103279259A (en) | Providing theme variations in a user interface | |
| CN107688430B (en) | Wallpaper replacing method, device, terminal and storage medium | |
| CN103500186A (en) | Method and device for loading pictures in browser and browser | |
| JP6090173B2 (en) | Information processing apparatus, information processing method, and program | |
| US20220358549A1 (en) | Media collection navigation with opt-out interstitial | |
| CN108427546A (en) | Full screen adaptation method, display device and the storage medium of display device | |
| US10579220B2 (en) | Method and system for story development with a dynamic grid | |
| CN111078078B (en) | Video playing control method, device, terminal and computer readable storage medium | |
| CN103634343A (en) | Wallpaper arranging method and terminal | |
| CN112637675B (en) | Video generation method, device, electronic equipment and storage medium | |
| CN105824517A (en) | Implementation method and apparatus of desktop | |
| CN109961493A (en) | Banner Picture Generation Method and device on displayed page | |
| KR101950674B1 (en) | APP system having a function of editing motion picture | |
| CN104899038A (en) | Interface style transformation method and device | |
| CN113688341B (en) | Dynamic picture decomposition method and device, electronic equipment and readable storage medium | |
| CN110764765A (en) | Method for automatically controlling display visual rhythm of directory list | |
| CN110717135A (en) | Method for displaying hollow card information in list for displaying advertisement information | |
| CN108924587A (en) | A kind of rendering method and system based on cloud server | |
| CN109522066B (en) | Interactive graph display method in information list | |
| EP2943039A1 (en) | User terminal device for generating playable object, and interaction method therefor | |
| CN113676765B (en) | Interactive animation display method and device |
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 |