CN110433492A - User interface loading method, device, electronic equipment and medium - Google Patents
User interface loading method, device, electronic equipment and medium Download PDFInfo
- Publication number
- CN110433492A CN110433492A CN201910735706.5A CN201910735706A CN110433492A CN 110433492 A CN110433492 A CN 110433492A CN 201910735706 A CN201910735706 A CN 201910735706A CN 110433492 A CN110433492 A CN 110433492A
- Authority
- CN
- China
- Prior art keywords
- entry
- user interface
- coboundary
- lower boundary
- 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
Classifications
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/50—Controlling the output signals based on the game progress
- A63F13/52—Controlling the output signals based on the game progress involving aspects of the displayed game scene
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- 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
Abstract
The embodiment of the present invention provides a kind of user interface loading method, device, electronic equipment and medium, this method comprises: then only visual entry set is loaded onto device memory by determining visual entry set corresponding to the visible area of user interface container.In method provided in an embodiment of the present invention, realize that reduction improves the display efficiency of user interface to the occupancy of memory when carrying out loaded and displayed to user interface.
Description
Technical field
The present invention relates to game technical field more particularly to a kind of user interface loading method, device, electronic equipment and Jie
Matter.
Background technique
With the development of internet technology, occur more and more exhibiting pictures, text and view in website and application
The user interface of the information such as frequency, for example, game community, is exactly picture, text and video, the dress shown in game in gaming
Standby, technical ability configuration a social platform.
Currently, require to load user interface information in the memory of electronic equipment before carrying out user interface and showing,
And when user interface information capacity is larger, such as contains the resources such as a large amount of picture or video, it be easy to cause and occupied
So as to cause equipment Caton or the slack problem of browsing occur for more memory headrooms.
Especially, it is being directed to the lesser low side type of some memories, is showing picture, video and dress in game community
Whens standby configuration etc., be more easier because memory usage amount is excessive, caused by equipment Caton, it is not smooth the problems such as.
Summary of the invention
The present invention provides a kind of user interface loading method, device, electronic equipment and medium, to carry out to user interface
When loaded and displayed, to reduce the occupancy to memory, to improve the display efficiency of user interface.
In a first aspect, the present invention provides a kind of user interface loading method, comprising:
Determine visual entry set corresponding to the visible area of user interface container, wherein the user interface container
Entry including several ordered arrangements, the entry include contents displayed on interface, and the visual entry set includes the use
All entries being wholly or partially shown in the interface chamber of family in device screen;
The visual entry set is loaded onto device memory.
In a kind of possible design, after the visual entry set is loaded onto device memory, further includes:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding sliding side of the slip instruction
The second end of the user interface container is directed toward to the first end for the user interface container;
Delay equipment is loaded onto along the entry that the glide direction is detached from the visible area in the visual entry set
It deposits;
It will delay along the entry that the glide direction enters the visible area from the equipment in the visual entry set
Middle taking-up is deposited, is loaded onto the device memory.
In a kind of possible design, visual sets of entries corresponding to the visible area of the determining user interface container
It closes, comprising:
Determine coboundary entry, the coboundary entry intersects with the coboundary of the device screen or the coboundary
The coboundary of entry and the coboundary of the device screen are stacked;
Determine lower boundary entry, the lower boundary entry intersects with the lower boundary of the device screen or the lower boundary
The lower boundary of entry and the lower boundary of the device screen are stacked;
Wherein, the visual entry set include: the coboundary entry, lower boundary entry and be located at the coboundary
All entries between entry and the lower boundary entry.
In a kind of possible design, the determining coboundary entry, comprising:
Obtain lower offset of the user interface container relative to the lower boundary of the device screen;
According to the default of the lower offset, the default screen width of the device screen and the user interface container
Container width determines upper offset of the user interface container relative to the coboundary of the device screen;
According to the default entry width determination of each entry in the upper offset and the user interface container
The corresponding coboundary entry number of coboundary entry.
In a kind of possible design, the determining lower boundary entry, comprising:
According to the coboundary entry number, the default entry width and the default screen width determine it is described under
The corresponding lower boundary entry number of border entry.
In a kind of possible design, it is described the visual entry set is loaded onto device memory after, also wrap
It includes:
Determine that upper extension entry set, the upper extension entry set include and the top according to the coboundary entry
The distance of boundary's entry is less than or equal to all entries of default first numerical value, and entry is located at described in the upper extension entry set
On the entry of coboundary;
The upper extension entry set is loaded onto the device memory;And/or
Determine lower extension entry set according to the lower boundary entry, the lower extension entry set include with it is described following
The distance of boundary's entry is less than or equal to all entries of default second value, and entry is located at described in the lower extension entry set
Under lower boundary entry;
The lower extension entry set is loaded onto the device memory.
In a kind of possible design, the visual sets of entries corresponding to the visible area of the determining user interface container
After conjunction, further includes:
The first node set currently shown in first entry is obtained, the first entry is the visual sets of entries
Any one entry in conjunction, the first entry include several nodes;
Judge to whether there is the node for having exceeded the display width range of the first entry in the first node set,
Wherein, the display width of the first entry is the default entry width;
If the determination result is YES, then according to the boundary node in the node set by the display width of the first entry
It is updated to first entry width, so that after all nodes in the first node set are shown in the first entry update
Display width within the scope of.
In a kind of possible design, in the boundary node according in the node set by the first entry
Display width is updated to after first entry width, further includes:
Update the coboundary entry or the lower boundary entry.
It is described to update the lower boundary entry in a kind of possible design, comprising:
According to the coboundary entry number, the first entry width and the default screen width update
The corresponding lower boundary entry number of lower boundary entry, wherein the coboundary of the coboundary entry is fixed;
It is described to update the coboundary entry, comprising:
According to the lower boundary entry number, the first entry width and the default screen width update
The corresponding lower boundary entry number of coboundary entry, wherein the lower boundary of the lower boundary entry is fixed.
In a kind of possible design, after updating the coboundary entry or the lower boundary entry, further includes:
The visual entry set is updated according to the updated coboundary entry or the lower boundary entry.
In a kind of possible design, after determining the coboundary entry and the lower boundary entry, further includes:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding sliding side of the slip instruction
The second end of the user interface container is directed toward to the first end for the user interface container;
If the lower boundary of the lower boundary entry slides into above the coboundary of the device screen, default special efficacy is loaded
Animation;Or
If the coboundary of the coboundary entry slides into below the lower boundary of the device screen, default special efficacy is loaded
Animation.
In a kind of possible design, after the default special efficacy animation of the load, further includes:
The visual entry set is updated according to the visible area is redefined;
The updated visual entry set is loaded onto the device memory.
In a kind of possible design, the user interface is game community interface.
Second aspect, the present invention also provides a kind of user interface loading devices, comprising:
Processing module, for determining visual entry set corresponding to the visible area of user interface container, wherein described
User interface container includes the entry of several ordered arrangements, and the entry includes contents displayed on interface, the visual sets of entries
Closing includes all entries being wholly or partially shown in device screen in the user interface container;
Loading module, for the visual entry set to be loaded onto device memory.
In a kind of possible design, the processing module is also used to:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding sliding side of the slip instruction
The second end of the user interface container is directed toward to the first end for the user interface container;
Delay equipment is loaded onto along the entry that the glide direction is detached from the visible area in the visual entry set
It deposits;
It will delay along the entry that the glide direction enters the visible area from the equipment in the visual entry set
Middle taking-up is deposited, is loaded onto the device memory.
In a kind of possible design, the processing module is also used to:
Determine coboundary entry, the coboundary entry intersects with the coboundary of the device screen or the coboundary
The coboundary of entry and the coboundary of the device screen are stacked;
Determine lower boundary entry, the lower boundary entry intersects with the lower boundary of the device screen or the lower boundary
The lower boundary of entry and the lower boundary of the device screen are stacked;
Wherein, the visual entry set include: the coboundary entry, lower boundary entry and be located at the coboundary
All entries between entry and the lower boundary entry.
In a kind of possible design, the processing module is also used to:
Obtain lower offset of the user interface container relative to the lower boundary of the device screen;
According to the default of the lower offset, the default screen width of the device screen and the user interface container
Container width determines upper offset of the user interface container relative to the coboundary of the device screen;
According to the default entry width determination of each entry in the upper offset and the user interface container
The corresponding coboundary entry number of coboundary entry.
In a kind of possible design, the processing module is also used to:
According to the coboundary entry number, the default entry width and the default screen width determine it is described under
The corresponding lower boundary entry number of border entry.
In a kind of possible design, the processing module is also used to:
Determine that upper extension entry set, the upper extension entry set include and the top according to the coboundary entry
The distance of boundary's entry is less than or equal to all entries of default first numerical value, and entry is located at described in the upper extension entry set
On the entry of coboundary;
The upper extension entry set is loaded onto the device memory;And/or
Determine lower extension entry set according to the lower boundary entry, the lower extension entry set include with it is described following
The distance of boundary's entry is less than or equal to all entries of default second value, and entry is located at described in the lower extension entry set
Under lower boundary entry;
The lower extension entry set is loaded onto the device memory.
In a kind of possible design, the processing module is also used to:
The first node set currently shown in first entry is obtained, the first entry is the visual sets of entries
Any one entry in conjunction, the first entry include several nodes;
Judge to whether there is the node for having exceeded the display width range of the first entry in the first node set,
Wherein, the display width of the first entry is the default entry width;
If the determination result is YES, then according to the boundary node in the node set by the display width of the first entry
It is updated to first entry width, so that after all nodes in the first node set are shown in the first entry update
Display width within the scope of.
In a kind of possible design, the processing module is also used to:
Update the coboundary entry or the lower boundary entry.
In a kind of possible design, the processing module is also used to:
According to the coboundary entry number, the first entry width and the default screen width update
The corresponding lower boundary entry number of lower boundary entry, wherein the coboundary of the coboundary entry is fixed;
According to the lower boundary entry number, the first entry width and the default screen width update
The corresponding lower boundary entry number of coboundary entry, wherein the lower boundary of the lower boundary entry is fixed.
In a kind of possible design, the processing module is also used to:
The visual entry set is updated according to the updated coboundary entry or the lower boundary entry.
In a kind of possible design, the processing module is also used to:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding sliding side of the slip instruction
The second end of the user interface container is directed toward to the first end for the user interface container;
The loading module, is also used to:
If the lower boundary of the lower boundary entry slides into above the coboundary of the device screen, default special efficacy is loaded
Animation;Or
If the coboundary of the coboundary entry slides into below the lower boundary of the device screen, default special efficacy is loaded
Animation.
In a kind of possible design, the processing module is also used to:
The visual entry set is updated according to the visible area is redefined;
The updated visual entry set is loaded onto the device memory.
In a kind of possible design, the user interface is game community interface.
The third aspect, the present invention also provides a kind of electronic equipment, comprising:
Processor;And
Memory, for storing the computer program of the processor;
Wherein, the processor is configured to realizing any one in first aspect by executing the computer program
The user interface loading method.
Fourth aspect, the present invention also provides a kind of computer readable storage mediums, are stored thereon with computer program, described
User interface loading method described in any one in first aspect is realized when computer program is executed by processor.
User interface loading method, device, electronic equipment and medium provided in an embodiment of the present invention, by first determining user
Then visual entry set is only loaded onto device memory by visual entry set corresponding to the visible area of interface chamber
Mode, to reduce the occupancy to memory, to improve the display efficiency of user interface.
Detailed description of the invention
Fig. 1 is the application scenario diagram for the user interface loading method that the present invention is provided according to an embodiment;
Fig. 2 is the flow diagram for the user interface loading method that the present invention is provided according to an embodiment;
Fig. 3 is visible area method of determination schematic illustration in embodiment illustrated in fig. 2;
Fig. 4 is the flow diagram for the user interface loading method that the present invention provides according to another embodiment;
Fig. 5 is the flow diagram for the user interface loading method that the present invention provides according to yet another embodiment;
Fig. 6 is user interface container automatic adjusument mode schematic illustration shown in Fig. 5;
Fig. 7 is equipment buffer memory schematic illustration in embodiment illustrated in fig. 5;
Fig. 8 is the flow diagram for the user interface loading method that the present invention is provided according to another embodiment;
Fig. 9 is the structural schematic diagram for the user interface loading device that the present invention is provided according to an embodiment;
Figure 10 is the structural schematic diagram for the electronic equipment that the present invention is provided according to an embodiment.
Specific embodiment
In order to make the object, technical scheme and advantages of the embodiment of the invention clearer, below in conjunction with the embodiment of the present invention
In attached drawing, technical scheme in the embodiment of the invention is clearly and completely described, it is clear that described embodiment is
A part of the embodiment of the present invention, instead of all the embodiments.Based on the embodiments of the present invention, those of ordinary skill in the art
Every other embodiment obtained without creative efforts, shall fall within the protection scope of the present invention.
Description and claims of this specification and term " first ", " second ", " third " " in above-mentioned attached drawing
The (if present)s such as four " are to be used to distinguish similar objects, without being used to describe a particular order or precedence order.It should manage
The data that solution uses in this way are interchangeable under appropriate circumstances, so as to the embodiment of the present invention described herein can in addition to
Here the sequence other than those of diagram or description is implemented.In addition, term " includes " and " having " and their any deformation,
Be intended to cover it is non-exclusive include, for example, containing the process, method of a series of steps or units, system, product or setting
It is standby those of to be not necessarily limited to be clearly listed step or unit, but may include be not clearly listed or for these mistakes
The intrinsic other step or units of journey, method, product or equipment.
It is all to utilize as far as possible to improve the fluency of interface browsing in existing user interface loading method
Memory headroom economizes on resources, and perhaps does the adaptation work of some picture loads as far as possible or uses asynchronous loading method,
The load and use of picture are not blocked.
But these show that there are also following disadvantages for the user interface in game community at present:
1, either compressed picture or automatically adaptation, all propose some limitations to development, are unfavorable for general
Go show different picture videos or be the configuration of characteristic and equipment etc. in game.
2, certain optimization has only been done to picture, do not have the optimization of universality.For in other interface displays
Hold no matter display is power.
3, also related in user interface sliding process Load Image, in video and game the configuration of characteristic demand,
And for the load of user interface experience without effectively being optimized.
For above-mentioned each problem, the embodiment of the present invention provides a kind of user interface loading method, to carry out
When user interface Dynamically Announce, by way of the only entry contents of dynamically load visible area, to reduce the occupancy to memory,
To improve the display efficiency of user interface.
Wherein, Fig. 1 is the application scenario diagram for the user interface loading method that the present invention is provided according to an embodiment.Such as Fig. 1
It is shown, user interface is shown in device display, such as can be game community interface, wherein in order to this reality
The concrete principle for applying example is illustrated, and is described below and is illustrated by taking the interface of game community as an example.
In the interface of game community, the interfaces such as picture, text and video in game, equipment, technical ability configuration can be shown
Content.And these interface contents are stored in a user interface container 101 before being shown, and the institute in device screen
The interface content of display is the partial entry 102 in user interface container 101, and be can wrap in the inside of each entry 102
Include multiple nodes 103.Wherein, node 103 can be the contents such as picture, text and video, be worth explanation, in the present embodiment
Not to the concrete form of above-mentioned node into restriction.
And in order to and make electronic equipment, the user interface in display game that especially low side type can be smooth is held
Device can pass through the entry of visible area in only dynamically load user interface container 101 when carrying out user interface Dynamically Announce
The mode of 102 contents, to reduce the occupancy to memory, to improve the display efficiency of user interface.
Fig. 2 is the flow diagram for the user interface loading method that the present invention is provided according to an embodiment.As shown in Fig. 2,
User interface loading method provided in this embodiment, comprising:
Step 201 determines visual entry set corresponding to the visible area of user interface container.
Specifically, determining visual entry set corresponding to the visible area of user interface container, wherein user interface is held
Device includes the entry of several ordered arrangements, and in each entry then includes contents displayed on interface, for example, text, picture and
Video etc., visual entry set include all entries being wholly or partially shown in device screen in user interface container.
Fig. 3 is visible area method of determination schematic illustration in embodiment illustrated in fig. 2.As shown in figure 3, for visible area
In visual entry set method of determination, can be and first determine coboundary entry H1 in visual entry set and following respectively
Boundary entry HN, then, by coboundary entry H1, lower boundary entry HN and be located at coboundary entry H1 and lower boundary entry HN it
Between all entries be built into visual entry set.Wherein, entry H1 in coboundary can be to intersect with the coboundary of device screen
Or the entry that the coboundary of coboundary entry and the coboundary of device screen are stacked, lower boundary entry HN then can be and equipment
The entry that the lower boundary of screen intersects or the lower boundary of lower boundary entry and the lower boundary of device screen are stacked.
Optionally, for the determination of coboundary entry, it can be and first obtain user interface container relative to device screen
The lower offset of lower boundary, then, according to the pre- of lower offset, the default screen width of device screen and user interface container
If container width determines upper offset of the user interface container relative to the coboundary of device screen, wherein for upper offset
Specific calculation formula is as follows:
A=CS-VS-OS
Wherein, A is upper offset of the user interface container relative to the coboundary of device screen, and CS is user interface container
Default container width, VS be device screen default screen width, OS be user interface container relative under device screen
The lower offset on boundary.
It is worth explanation, it can be by developing the change being directly obtained in engine, such as Cocos for VS, OS and CS
Amount.
It, can also be according to each entry in upper offset A and user interface container after upper offset A is calculated
Default entry width determine the corresponding coboundary entry number of coboundary entry, wherein it is specific for upper offset
Calculation formula is as follows:
Wherein, H1 is coboundary entry number, and I is the default entry width of each entry in user interface container,For
Round up operation.
After determining coboundary entry, determination for lower boundary entry be can be first according to coboundary entry number
H1, default entry width I and default screen width VS determine the corresponding lower boundary entry number HN of lower boundary entry.Specifically
, the distance K below the coboundary of coboundary Entry Device screen can be first calculated, and for coboundary Entry Device screen
The calculating of distance K below the coboundary of curtain is public as follows:
K=I*H1-A
After distance K below the coboundary that coboundary Entry Device screen is calculated, the side of iteration can be passed through
Formula increases default entry width I every time, until get intersect with the lower boundary of device screen or lower boundary entry it is following
The serial number for the entry that the lower boundary of boundary and device screen is stacked is as lower boundary entry number HN.
Visual entry set is loaded onto device memory by step 202.
After the coboundary entry H1 and lower boundary entry HN in the visual entry set of determination, by coboundary entry
H1, lower boundary entry HN and all entries between coboundary entry H1 and lower boundary entry HN are built into visual entry
Set, then, visual entry set is loaded onto device memory.
As it can be seen that calculating accounting of the container at interface in visible area in through this embodiment, to be shown to determine in container
The entry shown can not show more than the entry other than visible area, so no matter picture or the more high definitions of video quality, account for
Be exactly relatively-stationary number with the visible area of memory, will not slidably reciprocate because of subsequent, and increase memory consumption or
There is the case where Caton.Also, for the entry recorded, it can also save and be recycled in memory, thus to the greatest extent
It is likely to reduced the process of creation and the destruction of the entry in low side type, the display efficiency of the user interface greatly improved.
It optionally, can also be by visual entry in order to further increase user interface smoothness degree when being slided
After set is loaded onto device memory, further load is located at coboundary entry part above entry, and load is located at
Partial entry below lower boundary entry.
Upper extension entry set is determined according to coboundary entry specifically, can be, wherein above extension entry set includes
It is located at entry in all entries for being less than or equal to default first numerical value at a distance from the entry of coboundary, upper extension entry set upper
On border entry, then, then upper extension entry set is loaded onto device memory.
It is also possible to determine that lower extension entry set, lower extension entry set include and lower boundary item according to lower boundary entry
Purpose distance is less than or equal to all entries of default second value, in lower extension entry set entry be located at lower boundary entry it
Under, lower extension entry set is loaded onto device memory.
In the present embodiment, by first determining visual entry set corresponding to the visible area of user interface container, so
Visual entry set is only loaded onto the mode in device memory afterwards, to reduce the occupancy to memory, to improve user interface
Display efficiency.
Fig. 4 is the flow diagram for the user interface loading method that the present invention provides according to another embodiment.Such as Fig. 4 institute
Show, user interface loading method provided in this embodiment, comprising:
Step 301 determines visual entry set corresponding to the visible area of user interface container.
Visual entry set is loaded onto device memory by step 302.
It is worth explanation, step 301- step 302 step 201- step in illustrated embodiment referring to figure 2. in the present embodiment
Description in 202, is no longer repeated herein.
Step 303 obtains the slip instruction that user inputs in the user interface.
Step 304 will be loaded onto equipment caching along the entry that glide direction is detached from visible area in visual entry set.
Step 305 takes out the entry for entering visible area in visual entry set along glide direction from equipment caching,
It is loaded onto device memory.
Specifically, when getting the slip instruction that user inputs in the user interface, by visual entry set along cunning
The entry that dynamic direction is detached from visible area is loaded onto equipment caching, and visual by entering in visual entry set along glide direction
The entry in region is taken out from equipment caching, is loaded onto device memory.Wherein, the corresponding glide direction of slip instruction is user
The first end of interface chamber is directed toward the second end of user interface container, for example, it may be being directed toward from the lower end of user interface container
The upper end of user interface container is also possible to be directed toward the lower end of user interface container from the upper end of user interface container.
When slip instruction is to be directed toward the upper end of user interface container from the lower end of user interface container, i.e., user is upward
User interface is slided, then the entry being detached from from visible area above in visual entry set is loaded onto equipment and cached, it will be from can
The entry for entering visible area below viewed area is taken out from equipment caching, is loaded onto device memory.And when slip instruction is
When being directed toward the lower end of user interface container from the upper end of user interface container, i.e., user is slide downward user interface, then may be used
Entry depending on being detached from below visible area in entry set is loaded onto equipment caching, and visible area will be entered above visible area
The entry in domain is taken out from equipment caching, is loaded onto device memory.
Fig. 5 is the flow diagram for the user interface loading method that the present invention provides according to yet another embodiment.Such as Fig. 5 institute
Show, user interface loading method provided in this embodiment, comprising:
Step 401 determines visual entry set corresponding to the visible area of user interface container.
It is worth explanation, step 401 description in illustrated embodiment in step 201 referring to figure 2. in the present embodiment, herein
No longer repeated.
Step 402, user interface container automatic adjusument.
Specifically, can be the first node set for first obtaining and currently being shown in first entry, wherein first entry
For any one entry in visual entry set, and first entry includes several nodes.Then, judge in first node set
With the presence or absence of the node for the display width range for having exceeded first entry, wherein the display width of first entry is default entry
The display width of first entry is if the determination result is YES then updated to first according to the boundary node in node set by width
Entry width so that all nodes in first node set be shown in the updated display width range of first entry it
It is interior.
Fig. 6 is user interface container automatic adjusument mode schematic illustration shown in Fig. 5.As shown in fig. 6, N entry is
An entry in user interface container may have the nodes such as A, B, C, D, E, M inside N entry.Wherein node relationships be A, B,
C, D is subordinated to M, and E is subordinated to D.So display when can first with depth-first traversal node, for bottom node,
A, B, C, E are inside N entry, and A, B, C, E node are set as showing.So A, B, C, E are shown.User interface container is not
Change size.And for upper layer node M, M has been more than the preset entry of N node, if M is not shown, then node N is kept not
Become.If M node is shown, N entry must be expanded to the position of M entry lower edge automatically.
Visual entry set is loaded onto device memory by step 403.
It is worth explanation, step 403 in the embodiment depicted in figure 2 on the basis of the description in step 202 in the present embodiment,
Since automatic adjusument has occurred in user interface container, at this point, then needing to update coboundary entry or the lower boundary entry
Redefine visible area.
Specifically, above-mentioned update lower boundary entry, comprising: according to coboundary entry number, first entry width and
Default screen width updates the corresponding lower boundary entry number of lower boundary entry, wherein the coboundary of coboundary entry is fixed not
It is dynamic, it is worth explanation, after first entry width herein is any one entry progress width root in visual entry set
New width.And above-mentioned update coboundary entry, comprising: according to lower boundary entry number, first entry width and preset
Screen width updates the corresponding lower boundary entry number of coboundary entry, wherein the lower boundary of lower boundary entry is fixed.
After updating coboundary entry or lower boundary entry, continue according to updated coboundary entry or lower boundary item
Mesh updates visual entry set.
In addition, Fig. 7 is equipment buffer memory schematic illustration in embodiment illustrated in fig. 5.As shown in fig. 7, to user circle
After surface vessel automatic adjusument, if monitoring to trigger slip event, first determine that the entry currently shown is entry 2- entry
5, and when user's upward sliding user interface container, then need to increase an entry 6, then can take out from equipment caching
Its adaptive adjustment container size is become entry 6 and is shown by caching A.
Fig. 8 is the flow diagram for the user interface loading method that the present invention is provided according to another embodiment.Such as Fig. 8 institute
Show, user interface loading method provided in this embodiment, comprising:
Step 501 determines visual entry set corresponding to the visible area of user interface container.
Step 502 determines coboundary entry and lower boundary entry.
It is worth explanation, step 501- step 502 is referring to figure 2. in illustrated embodiment in step 201 in the present embodiment
Description, is no longer repeated herein.
Step 503 obtains the slip instruction that user inputs in the user interface.
Step 504 when meeting preset condition, loads default special efficacy animation.
Specifically, electronic equipment is then easy to happen the case where can not showing in time, especially needle when user's sliding is too fast
It, then can be during player slides, using utilization special efficacy animated show in order to improve user experience to some low side types
And the mode estimated in advance of backstage guarantees the display effect of player.
Specifically, when obtaining the slip instruction that user inputs in the user interface, if the lower boundary of lower boundary entry is sliding
It moves to the coboundary of device screen, then loads default special efficacy animation;If or the coboundary of coboundary entry slides into equipment
Below the lower boundary of screen, then default special efficacy animation is loaded.It is worth explanation, above-mentioned default special efficacy animation can be special for flame
Effect, water flow special efficacy and other any type of special efficacy animations, do not limit it specifically in the present embodiment.
Visual entry set is loaded onto device memory by step 505.
Visual entry set is updated according to visible area is redefined, and updated visual entry set is loaded onto and is set
In standby memory.The specific implementation description in illustrated embodiment in step 202 referring to figure 2., is no longer repeated herein.
Fig. 9 is the structural schematic diagram for the user interface loading device that the present invention is provided according to an embodiment.As shown in figure 9,
User interface load dress provided in this embodiment, comprising:
Processing module 602, for determining visual entry set corresponding to the visible area of user interface container, wherein
The user interface container includes the entry of several ordered arrangements, and the entry includes contents displayed on interface, the view strip
Mesh set includes all entries being wholly or partially shown in device screen in the user interface container;
Loading module 601, for the visual entry set to be loaded onto device memory.
In a kind of possible design, the processing module 602 is also used to:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding sliding side of the slip instruction
The second end of the user interface container is directed toward to the first end for the user interface container;
Delay equipment is loaded onto along the entry that the glide direction is detached from the visible area in the visual entry set
It deposits;
It will delay along the entry that the glide direction enters the visible area from the equipment in the visual entry set
Middle taking-up is deposited, is loaded onto the device memory.
In a kind of possible design, the processing module 602 is also used to:
Determine coboundary entry, the coboundary entry intersects with the coboundary of the device screen or the coboundary
The coboundary of entry and the coboundary of the device screen are stacked;
Determine lower boundary entry, the lower boundary entry intersects with the lower boundary of the device screen or the lower boundary
The lower boundary of entry and the lower boundary of the device screen are stacked;
Wherein, the visual entry set include: the coboundary entry, lower boundary entry and be located at the coboundary
All entries between entry and the lower boundary entry.
In a kind of possible design, the processing module 602 is also used to:
Obtain lower offset of the user interface container relative to the lower boundary of the device screen;
According to the default of the lower offset, the default screen width of the device screen and the user interface container
Container width determines upper offset of the user interface container relative to the coboundary of the device screen;
According to the default entry width determination of each entry in the upper offset and the user interface container
The corresponding coboundary entry number of coboundary entry.
In a kind of possible design, the processing module 602 is also used to:
According to the coboundary entry number, the default entry width and the default screen width determine it is described under
The corresponding lower boundary entry number of border entry.
In a kind of possible design, the processing module 602 is also used to:
Determine that upper extension entry set, the upper extension entry set include and the top according to the coboundary entry
The distance of boundary's entry is less than or equal to all entries of default first numerical value, and entry is located at described in the upper extension entry set
On the entry of coboundary;
The upper extension entry set is loaded onto the device memory;And/or
Determine lower extension entry set according to the lower boundary entry, the lower extension entry set include with it is described following
The distance of boundary's entry is less than or equal to all entries of default second value, and entry is located at described in the lower extension entry set
Under lower boundary entry;
The lower extension entry set is loaded onto the device memory.
In a kind of possible design, the processing module 602 is also used to:
The first node set currently shown in first entry is obtained, the first entry is the visual sets of entries
Any one entry in conjunction, the first entry include several nodes;
Judge to whether there is the node for having exceeded the display width range of the first entry in the first node set,
Wherein, the display width of the first entry is the default entry width;
If the determination result is YES, then according to the boundary node in the node set by the display width of the first entry
It is updated to first entry width, so that after all nodes in the first node set are shown in the first entry update
Display width within the scope of.
In a kind of possible design, the processing module 602 is also used to:
Update the coboundary entry or the lower boundary entry.
In a kind of possible design, the processing module 602 is also used to:
According to the coboundary entry number, the first entry width and the default screen width update
The corresponding lower boundary entry number of lower boundary entry, wherein the coboundary of the coboundary entry is fixed;
According to the lower boundary entry number, the first entry width and the default screen width update
The corresponding lower boundary entry number of coboundary entry, wherein the lower boundary of the lower boundary entry is fixed.
In a kind of possible design, the processing module 602 is also used to:
The visual entry set is updated according to the updated coboundary entry or the lower boundary entry.
In a kind of possible design, the processing module 602 is also used to:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding sliding side of the slip instruction
The second end of the user interface container is directed toward to the first end for the user interface container;
The loading module 601, is also used to:
If the lower boundary of the lower boundary entry slides into above the coboundary of the device screen, default special efficacy is loaded
Animation;Or
If the coboundary of the coboundary entry slides into below the lower boundary of the device screen, default special efficacy is loaded
Animation.
In a kind of possible design, the processing module 602 is also used to:
The visual entry set is updated according to the visible area is redefined;
The updated visual entry set is loaded onto the device memory.
In a kind of possible design, the user interface is game community interface.
The above processing module 602 may be configured to implement one or more integrated circuits of above method, such as: one
Or multiple specific integrated circuits (Application Specific Integrated Circuit, abbreviation ASIC), or, one
Or multi-microprocessor (digital singnal processor, abbreviation DSP), or, one or more field programmable gate
Array (Field Programmable Gate Array, abbreviation FPGA) etc..For another example, when some above module passes through processing elements
When the form of part scheduler program code is realized, which can be general processor, such as central processing unit (Central
Processing Unit, abbreviation CPU) or it is other can be with the processor of caller code.For another example, these modules can integrate
Together, it is realized in the form of system on chip (system-on-a-chip, abbreviation SOC).
It, can also be in addition, the functional units in various embodiments of the present invention may be integrated into one processing unit
It is that each unit physically exists alone, can also be integrated in one unit with two or more units.Above-mentioned integrated list
Member both can take the form of hardware realization, can also realize in the form of hardware adds SFU software functional unit.
It is worth explanation, the game services end test device that embodiment illustrated in fig. 9 provides can be used for executing any of the above-described side
The step in user interface loading method that method embodiment provides, specific implementation is similar with technical effect, no longer superfluous here
It states.
Figure 10 is the structural schematic diagram for the electronic equipment that the present invention is provided according to an embodiment.As shown in Figure 10, this implementation
The electronic equipment 700 that example provides, comprising:
Processor 701;And
Memory 702, for storing the executable instruction of the processor, which can also be flash (flash memory);
Wherein, the processor 701 is configured to each in the above method to execute via the executable instruction is executed
Step.It specifically may refer to the associated description in previous methods embodiment.
Optionally, memory 702 can also be integrated with processor 701 either independent.
When the memory 702 is independently of the device except processor 701, the electronic equipment 70 can also be wrapped
It includes:
Bus 703, for connecting the processor 701 and the memory 702.
The present embodiment also provides a kind of readable storage medium storing program for executing, is stored with computer program in readable storage medium storing program for executing, works as electronics
When at least one processor of equipment executes the computer program, electronic equipment executes the side that above-mentioned various embodiments provide
Method.
The present embodiment also provides a kind of program product, which includes computer program, computer program storage
In readable storage medium storing program for executing.At least one processor of electronic equipment can read the computer program from readable storage medium storing program for executing,
At least one processor executes the computer program and electronic equipment is made to implement the method that above-mentioned various embodiments provide.
Those of ordinary skill in the art will appreciate that: realize that all or part of the steps of above-mentioned each method embodiment can lead to
The relevant hardware of program instruction is crossed to complete.Program above-mentioned can be stored in a computer readable storage medium.The journey
When being executed, execution includes the steps that above-mentioned each method embodiment to sequence;And storage medium above-mentioned include: ROM, RAM, magnetic disk or
The various media that can store program code such as person's CD.
Finally, it should be noted that the above embodiments are only used to illustrate the technical solution of the present invention., rather than its limitations;To the greatest extent
Pipe present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that: its according to
So be possible to modify the technical solutions described in the foregoing embodiments, or part of or all technical features are carried out etc.
With replacement;And these modifications or substitutions, technical solution of various embodiments of the present invention that it does not separate the essence of the corresponding technical solution
Range.
Claims (16)
1. a kind of user interface loading method characterized by comprising
Determine visual entry set corresponding to the visible area of user interface container, wherein the user interface container includes
The entry of several ordered arrangements, the entry include contents displayed on interface, and the visual entry set includes user circle
All entries being wholly or partially shown in surface vessel in device screen;
The visual entry set is loaded onto device memory.
2. user interface loading method according to claim 1, which is characterized in that loaded by the visual entry set
After into device memory, further includes:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding glide direction of the slip instruction is
The first end of the user interface container is directed toward the second end of the user interface container;
Equipment caching will be loaded onto along the entry that the glide direction is detached from the visible area in the visual entry set;
The entry of the visible area will be entered in the visual entry set along the glide direction from equipment caching
It takes out, is loaded onto the device memory.
3. user interface loading method according to claim 1, which is characterized in that the determining user interface container can
Visual entry set corresponding to viewed area, comprising:
Determine coboundary entry, the coboundary entry intersects with the coboundary of the device screen or the coboundary entry
Coboundary and the coboundary of the device screen be stacked;
Determine lower boundary entry, the lower boundary entry intersects with the lower boundary of the device screen or the lower boundary entry
The lower boundary of lower boundary and the device screen be stacked;
Wherein, the visual entry set include: the coboundary entry, lower boundary entry and be located at the coboundary entry
With all entries between the lower boundary entry.
4. user interface loading method according to claim 3, which is characterized in that the determining coboundary entry, comprising:
Obtain lower offset of the user interface container relative to the lower boundary of the device screen;
According to the default container of the lower offset, the default screen width of the device screen and the user interface container
Width determines upper offset of the user interface container relative to the coboundary of the device screen;
The top is determined according to the default entry width of each entry in the upper offset and the user interface container
The corresponding coboundary entry number of boundary's entry.
5. user interface loading method according to claim 4, which is characterized in that the determining lower boundary entry, comprising:
The lower boundary is determined according to the coboundary entry number, the default entry width and the default screen width
The corresponding lower boundary entry number of entry.
6. user interface loading method according to claim 5, which is characterized in that described by the visual entry set
After being loaded onto device memory, further includes:
Determine that upper extension entry set, the upper extension entry set include and the coboundary item according to the coboundary entry
Purpose distance is less than or equal to all entries of default first numerical value, and entry is located at the top in the upper extension entry set
On boundary's entry;
The upper extension entry set is loaded onto the device memory;And/or
Determine that lower extension entry set, the lower extension entry set include and the lower boundary item according to the lower boundary entry
Purpose distance is less than or equal to all entries of default second value, and entry is located at described following in the lower extension entry set
Under boundary's entry;
The lower extension entry set is loaded onto the device memory.
7. user interface loading method according to claim 5, which is characterized in that in the determining user interface container
After visual entry set corresponding to visible area, further includes:
The first node set currently shown in first entry is obtained, the first entry is in the visual entry set
Any one entry, the first entry include several nodes;
Judge to whether there is the node for having exceeded the display width range of the first entry in the first node set,
In, the display width of the first entry is the default entry width;
If the determination result is YES, then the display width of the first entry is updated according to the boundary node in the node set
For first entry width, so that all nodes in the first node set are shown in, the first entry is updated to be shown
Show within width range.
8. user interface loading method according to claim 7, which is characterized in that described according in the node set
Boundary node the display width of the first entry is updated to after first entry width, further includes:
Update the coboundary entry or the lower boundary entry.
9. user interface loading method according to claim 8, which is characterized in that it is described to update the lower boundary entry,
Include:
It is updated according to the coboundary entry number, the first entry width and the default screen width described following
The corresponding lower boundary entry number of boundary's entry, wherein the coboundary of the coboundary entry is fixed;
It is described to update the coboundary entry, comprising:
The top is updated according to the lower boundary entry number, the first entry width and the default screen width
The corresponding lower boundary entry number of boundary's entry, wherein the lower boundary of the lower boundary entry is fixed.
10. user interface loading method according to claim 9, which is characterized in that update the coboundary entry or
After the lower boundary entry, further includes:
The visual entry set is updated according to the updated coboundary entry or the lower boundary entry.
11. the user interface loading method according to any one of claim 3-10, which is characterized in that described in determination
After coboundary entry and the lower boundary entry, further includes:
Obtain the slip instruction that inputs in the user interface of user, wherein the corresponding glide direction of the slip instruction is
The first end of the user interface container is directed toward the second end of the user interface container;
If the lower boundary of the lower boundary entry slides into above the coboundary of the device screen, it is dynamic to load default special efficacy
It draws;Or
If the coboundary of the coboundary entry slides into below the lower boundary of the device screen, it is dynamic to load default special efficacy
It draws.
12. user interface loading method according to claim 11, which is characterized in that load default special efficacy animation described
Later, further includes:
The visual entry set is updated according to the visible area is redefined;
The updated visual entry set is loaded onto the device memory.
13. user interface loading method described in any one of -10 according to claim 1, which is characterized in that user circle
Face is game community interface.
14. a kind of user interface loading device characterized by comprising
Processing module, for determining visual entry set corresponding to the visible area of user interface container, wherein the user
Interface chamber includes the entry of several ordered arrangements, and the entry includes contents displayed on interface, the visual entry set packet
Include all entries being wholly or partially shown in device screen in the user interface container;
Loading module, for the visual entry set to be loaded onto device memory.
15. a kind of electronic equipment characterized by comprising
Processor;And
Memory, for storing the computer program of the processor;
Wherein, the processor is configured to realizing any one of claim 1 to 13 institute by executing the computer program
The user interface loading method stated.
16. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the computer program
Claim 1 to 13 described in any item user interface loading methods are realized when being executed by processor.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910735706.5A CN110433492A (en) | 2019-08-09 | 2019-08-09 | User interface loading method, device, electronic equipment and medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910735706.5A CN110433492A (en) | 2019-08-09 | 2019-08-09 | User interface loading method, device, electronic equipment and medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110433492A true CN110433492A (en) | 2019-11-12 |
Family
ID=68434338
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910735706.5A Pending CN110433492A (en) | 2019-08-09 | 2019-08-09 | User interface loading method, device, electronic equipment and medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110433492A (en) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106294609A (en) * | 2016-07-29 | 2017-01-04 | 北京小米移动软件有限公司 | page loading method and device |
CN107247748A (en) * | 2017-05-24 | 2017-10-13 | 北京潘达互娱科技有限公司 | Page loading method and device |
CN107315804A (en) * | 2017-06-26 | 2017-11-03 | 北京金山安全软件有限公司 | Picture loading method and device and electronic equipment |
CN108744514A (en) * | 2018-05-18 | 2018-11-06 | 腾讯科技(深圳)有限公司 | A kind of sliding list generation method, method for exhibiting data, device and storage medium |
-
2019
- 2019-08-09 CN CN201910735706.5A patent/CN110433492A/en active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106294609A (en) * | 2016-07-29 | 2017-01-04 | 北京小米移动软件有限公司 | page loading method and device |
CN107247748A (en) * | 2017-05-24 | 2017-10-13 | 北京潘达互娱科技有限公司 | Page loading method and device |
CN107315804A (en) * | 2017-06-26 | 2017-11-03 | 北京金山安全软件有限公司 | Picture loading method and device and electronic equipment |
CN108744514A (en) * | 2018-05-18 | 2018-11-06 | 腾讯科技(深圳)有限公司 | A kind of sliding list generation method, method for exhibiting data, device and storage medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102541538B (en) | Picture displaying method and device based on mobile terminal | |
CN105205014B (en) | A kind of date storage method and device | |
JP7195334B2 (en) | Resource scheduling method and terminal device | |
US20140292782A1 (en) | Tile-based graphics | |
CN107463627A (en) | A kind of picture loading method and terminal | |
CN108211352A (en) | A kind of method and terminal for adjusting image quality | |
CN107315580A (en) | Component processing method, device and the equipment of user interface, computer-readable recording medium | |
TW201816713A (en) | Method and device for animatedly displaying images on mobile equipment | |
JPWO2008105092A1 (en) | Graphics drawing apparatus and graphics drawing method | |
CN103984781A (en) | Webpage loading method and device | |
US9019276B2 (en) | Visualizing jobs in a distributed environment with limited resources | |
CN110083415A (en) | Device screen adaptation method, terminal device and storage medium | |
CN109740083A (en) | A kind of method and device of page jump | |
CN103543901B (en) | The method and apparatus generating menu | |
KR102502569B1 (en) | Method and apparuts for system resource managemnet | |
CN107223240A (en) | The computational methods associated with the context-aware management of cache memory and device | |
CN109299041A (en) | A kind of image cache method for cleaning and terminal device | |
CN106293953B9 (en) | A kind of method and system of the shared display data of access | |
CN109815424A (en) | Web page picture display methods and terminal device | |
US20120062573A1 (en) | Display switching device | |
CN110110000A (en) | Methods of exhibiting and device | |
CN106155591A (en) | A kind of method of image cache | |
CN102651754B (en) | Method, equipment and system for white board content sharing | |
CN110433492A (en) | User interface loading method, device, electronic equipment and medium | |
CN107391148A (en) | View elements store method, device, electronic equipment and computer-readable storage medium |
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 |