CN107977137A - Object methods of exhibiting, device and the equipment of five application page - Google Patents
Object methods of exhibiting, device and the equipment of five application page Download PDFInfo
- Publication number
- CN107977137A CN107977137A CN201711010157.2A CN201711010157A CN107977137A CN 107977137 A CN107977137 A CN 107977137A CN 201711010157 A CN201711010157 A CN 201711010157A CN 107977137 A CN107977137 A CN 107977137A
- Authority
- CN
- China
- Prior art keywords
- floor
- page
- client application
- floor object
- current 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
Classifications
-
- 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/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/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
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the present application discloses object methods of exhibiting, device and the equipment of a kind of five application page, and this method includes：Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；If drop-down distance is more than predetermined second floor expansion threshold value, which is shown in the current page of the client application, wherein, which refers to level and shows the object under the level of object in the current page of the client application.In the embodiment of the present application, threshold value is unfolded with predetermined second floor by comparing drop-down distance of the current page after drop-down gesture is unclamped, and when drop-down distance is more than predetermined second floor expansion threshold value, it will be shown in second floor the object in this prior page, so as to solve the problems, such as that page second floor object can not be unfolded in the prior art or page second floor object expansion mode is complicated, user experience is improved.
Description
Technical field
This application involves object methods of exhibiting, the device of computer software technical field, more particularly to a kind of five application page
And equipment.
Background technology
Current cell phone software market news class software emerges in an endless stream, for different user colony displaying related interests news
Technology is widely used, and shows that the mode of related news is also varied in face of different users.Thus, one kind has user
The information recommendation pattern of good experience, and the final purpose that each news category software is pursued.
During the displaying of existing news category application, drop-down refresh operation can only be often carried out, can not realize and be hidden in
The expansion operation of second floor object after current page, or the mode of expansion second floor object are complex, and user experience is poor.
The content of the invention
The purpose of the embodiment of the present application is to provide object methods of exhibiting, device and the equipment of a kind of five application page, to realize
Solve the problems, such as the problem of page second floor object can not be unfolded in the prior art or page second floor object expansion mode is complicated, improve
User experience.
In order to solve the above technical problems, what the embodiment of the present application was realized in：
First aspect, it is proposed that a kind of object methods of exhibiting of five application page, this method include：
Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；
If drop-down distance is more than predetermined second floor expansion threshold value, by the second floor object in the current of the client application
Shown in the page, wherein, which refers to level and is shown in the current page of the client application under the level of object
Object.
Second aspect, it is proposed that a kind of five application page shows device, which includes：
Acquiring unit, for obtaining drop-down distance of the current page of client application when pulling down gesture and unclamping；
Display unit, if being more than predetermined second floor expansion threshold value for drop-down distance, by the second floor object in the visitor
Shown in the current page of family end application, wherein, which refers to level and is shown pair in the current page of the client application
Object under the level of elephant.
The third aspect, it is proposed that a kind of electronic equipment, the electronic equipment include：
Processor；And
The memory of storage computer executable instructions is arranged to, which makes the processor when executed
Perform following operation：
Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；
If drop-down distance is more than predetermined second floor expansion threshold value, by the second floor object in the current of the client application
Shown in the page, wherein, which refers to level and is shown in the current page of the client application under the level of object
Object.
Fourth aspect, it is proposed that a kind of computer-readable recording medium, the computer-readable recording medium storage one or
Multiple programs, the one or more program by the electronic equipment including multiple application programs when being performed so that the electronic equipment
Perform following operation：
Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；
If drop-down distance is more than predetermined second floor expansion threshold value, by the second floor object in the current of the client application
Shown in the page, wherein, which refers to level and is shown in the current page of the client application under the level of object
Object.
Technical solution provided by the embodiments of the present application is as it can be seen that the embodiment of the present application scheme at least possesses following one kind more than
Technique effect：
Threshold value is unfolded with predetermined second floor by comparing drop-down distance of the current page after drop-down gesture is unclamped, and under this
When drawing distance more than predetermined second floor expansion threshold value, it will be shown in second floor the object in this prior page, so as to solve existing skill
The problem of the problem of page second floor object can not be unfolded in art or complicated page second floor object expansion mode, improve user experience.
Brief description of the drawings
In order to illustrate the technical solutions in the embodiments of the present application or in the prior art more clearly, below will be to embodiment or existing
There is attached drawing needed in technology description to be briefly described, it should be apparent that, drawings in the following description are only this
Some embodiments described in application, for those of ordinary skill in the art, in the premise of not making the creative labor property
Under, other attached drawings can also be obtained according to these attached drawings.
Fig. 1 is the object methods of exhibiting flow chart of one embodiment five application page of the application.
Fig. 2 is the interaction diagrams of the object methods of exhibiting of one embodiment five application page of the application.
Fig. 3 is the schematic diagram of one embodiment second floor object displaying process of the application.
Fig. 4 is the process schematic rendered of another embodiment second floor object of the application.
Fig. 5 is the structure diagram of one embodiment electronic equipment of the application.
Fig. 6 is the structure diagram of one embodiment five application page displaying device of the application.
Embodiment
The embodiment of the present application provides a kind of object methods of exhibiting, device and the equipment of five application page.
It is in order to make those skilled in the art better understand the technical solutions in the application, real below in conjunction with the application
The attached drawing in example is applied, the technical solution in the embodiment of the present application is clearly and completely described, it is clear that described implementation
Example is merely a part but not all of the embodiments of the present application.It is common based on the embodiment in the application, this area
Technical staff's all other embodiments obtained without creative efforts, should all belong to the application protection
Scope.
Fig. 1 is the object methods of exhibiting flow chart of one embodiment five application page of the application.The method of Fig. 1 may include：
S101, obtains drop-down distance of the current page of client application when pulling down gesture and unclamping.
It is to be understood that the client application of the embodiment of the present application, is the application disposed on mobile terminals.
S102, if drop-down distance is more than predetermined second floor expansion threshold value, by the second floor object in the client application
Current page in show.
It is to be understood that in the embodiment of the present application, second floor object refers to be hidden in after the display object of current page, level
Object under the level that current page shows object.That is, displaying of the level of the second floor object in current page
Page elements level under.Specifically, which can be a view container, and realization is shown with current page
The mutually independent business of content.
It is to be understood that the second floor object is shown in the current page of the client application, can open up in several ways
Show.
Specifically, if the first distance between the top-to-bottom of second floor object is less than the top-to-bottom of current page
Between second distance, then the page elements of current page can be moved second distance, and current page after movement to bottom
On the page elements in face, the second floor object is shown.Alternatively, current page, the page bag can be substituted with a brand-new page
Include second floor object, and current page page elements move second distance to bottom after be presented on the page member of mobile terminal
Element.At this time, which is the current page of client.
If the first distance between the top-to-bottom of second floor object is greater than or equal to the top-to-bottom of current page
Between second distance, then can use a brand-new page to substitute current page, which includes second floor object, and at this time, this is complete
The new page is the current page of client.
In the embodiment of the present application, by comparing drop-down distance and predetermined second floor exhibition of the current page after drop-down gesture is unclamped
Open threshold value, and when drop-down distance is more than predetermined second floor expansion threshold value, by second floor object the client application current page
Shown in face, so that solving the problems, such as to solve page second floor object in the prior art can not be unfolded or page second floor object expansion side
The problem of formula is complicated, improves user experience.
Alternatively, as one embodiment, step S102 specifically can be achieved be：
The second floor object is initialized, and sends the first screen request of data of the second floor object；
According to the head shield request of data feed back second floor object data resource, the client application current page to this
Second floor object is rendered and shown.
In the embodiment of the present application, by initializing second floor object, and the first screen request of data of second floor object, Ran Hougen are sent
According to the second floor object resource bag based on head screen request of data feedbacks, second floor object is rendered, so as to obtain second floor object most
New display data.
Alternatively, as one embodiment, step S102 specifically can be achieved be：
The second floor object is gradually shown in the current page of the client application；
Calculate the region that the second floor object has showed and show ratio relative to finally show region first；
According to the first displaying ratio, the fuzzy value and/or scaling of the second floor object are adjusted, wherein, the fuzzy value
With the first displaying ratio positive correlation, the scaling and the first displaying ratio positive correlation.
In the embodiment of the present application, fuzzy value during second floor object displaying is adjusted according to the shown region of second floor object
And scaling, so that the displaying of second floor object can become real by void, and/or change from small to big so that the exhibition of second floor object
Show that effect is more friendly.
Alternatively, as one embodiment, after step s 102, this method may also include：
The second floor object is gradually packed up in the current page of the client application；
Calculate the region that the second floor object is not yet packed up and show ratio relative to finally show region second；
According to the second displaying ratio, the fuzzy value and/or scaling of the second floor object are adjusted, wherein, the fuzzy value
With the second displaying ratio positive correlation, the scaling and the second displaying ratio positive correlation.
In the embodiment of the present application, when packing up second floor object, using the mode of operation opposite with expansion second floor object so that
The contractive effect of second floor object is more friendly.
Alternatively, the current page of the client application includes three-layer container, wherein,
First layer container, for showing the list content of current page；
Second layer container, including the intermediate layer container for embedded one or more first layer containers, and for being embedded in
The second floor container of second floor object, wherein, the display level of the second floor container is under the intermediate layer container；
Third layer container, for carrying the third layer container of the second layer container.
Further, step S102 may also include：
If the ordinate of the position of first page element and first after the height adduction of the first page element and value
More than the ordinate of the tip position of the second floor container where the second floor object, or if this first and value be less than the second floor pair
As the ordinate of the bottom position of the second floor container at place, then this first and is worth corresponding first page element every pre- timing
Between perform a variations in lateral, which is the page elements in the content of pages of second floor object displaying.
In the embodiment of the present application, in the content that the content of second floor object can once be accommodated beyond display area, pass through
Using the above method, so as to realize the effect of dynamic carousel in the page.
Further, a variations in lateral is performed at predetermined time intervals, including：
Every the scheduled time, the slow-action speed from fast to slow being calculated according to secondary Bezier performs the horizontal stroke
To shift in position.
In the embodiment of the present application, carousel switch speed is adjusted by secondary Bezier, more preferable broadcasting can be obtained
Effect.
Further, when the first page element is picture, which further includes corresponding title, step
S102 may also include：When performing the variations in lateral, switch the corresponding title of first page element.
It is picture in page elements shown in second floor object, and page elements are including corresponding in the embodiment of the present application
During icon, by while the variations in lateral is performed, switching the corresponding title of page elements, so that display
Title match with image content.
Further, which is TableView components, and the second layer container and the third layer container are
ScrollView components.
Alternatively, as one embodiment, the current page of the client is the page using H5 technologies, and step S102 has
Body can be realized：
Obtain the latest edition configuration information of the data resource of the second floor object；
If the version of the current cache data resource of the second floor object is latest edition in the client, basis is deserved
Preceding data cached resource generates the corresponding page of second floor object and shows；
If the version of the current cache data resource of the second floor object is not latest edition in the client, downloading should
The latest data resource of the second floor object in client, and the corresponding page of second floor object is generated according to the latest data resource
And show.
In the embodiment of the present application, by using the page of H5 Technology design clients, and according to the latest edition of the H5 pages
Determine the need for downloading the corresponding resource bag in refresh page face, to realize that the silent of client updates.
Alternatively, before step S101, this method further includes：
Drop-down distance and the navigation of the current page of the client application are carried out according to the current page of the client application
The ratio value of column height, adjusts the alhpa parameter values of the navigation bar.
Further, when alhpa parameter values are changed into 0, status bar master in the current page for changing the client application is triggered
Inscribe the event of color.
Further, after step slol, this method further includes：
In the second floor object by after not showing and being switched to expansion, hiding the navigation bar, and/or the color of status bar is set to be
Black；Or
After the second floor object is by being unfolded to be switched to contraction, the navigation bar is shown, and/or the color of setting status bar is white
Color.
In the following, the method for the embodiment of the present application will be further described in conjunction with specific embodiments.
Fig. 2 is the particular flow sheet of the object methods of exhibiting of one embodiment five application page of the application.As shown in Fig. 2,
The flow may include：
201, APP start.
It is to be understood that the method for the application embodiment illustrated in fig. 1, can be applied in the client application in mobile terminal.
Before the method for implementing the application embodiment illustrated in fig. 1, it should first start client application (APP).
202, the operation of triggering expansion second floor object.
In the embodiment of the present application, can be by obtaining the information of user's gesture in the current page of app, it is determined whether touch
The operation of second floor object is opened in development.
Alternatively, for example, app can obtain drop-down distance when user pulls down gesture release in the current page of app, and
According to the drop-down distance and the relation of predetermined threshold, it is determined whether the operation of triggering expansion second floor object.The predetermined threshold, can be with
It is predetermined second floor expansion threshold value.If drop-down distance is more than predetermined second floor expansion threshold value, expansion second floor object can trigger
Operation；If the drop-down distance is less than or predetermined second floor expansion threshold value, the list refresh operation of current page can perform.
Fig. 3 is the schematic diagram of one embodiment second floor object displaying process of the application.As shown in figure 3, (1) is current page
Face, (2) are the current page in downdraw process, and (3) are the current page after the expansion of second floor object.As shown in (2) in Fig. 3,
When user performs pulling operation, the page elements in current page can be unified to move one section of identical distance to page bottom, should
Distance is drop-down distance.
Alternatively, in order to realize pulling operation as shown in Figure 3, in the embodiment of the present application, which works as
The preceding page may include three-layer container, i.e.,
First layer container, for showing the list content of current page；
Second layer container, including the intermediate layer container for embedded one or more first layer containers, and for being embedded in
The second floor container of second floor object, wherein, the display level of the second floor container is under the intermediate layer container；
Third layer container, for carrying the third layer container of the second layer container.
It is to be understood that when intermediate layer container includes multiple first layer containers, switching first layer can be also rolled by left and right and is held
The display of device.
It is to be understood that the display level of the second floor container is under the intermediate layer container, that is to say, that in intermediate layer, container can
In the case of seeing, second floor container is typically at hidden state.In the embodiment of the present application, second floor container can be in current page
Local display when being performed pulling operation, and shown completely after drop-down exceedes predetermined threshold.
Wherein：Status bar shows the view of the information such as signal, Network Provider, electricity for system at the top of mobile phone
It should be understood, of course, that to triggering the predetermined threshold value that second floor object is unfolded easy to judge whether drop-down distance reaches, at this
Apply in embodiment, to the monitoring of user gesture and current second floor state, can also realize the state change of top navigation bar.Specifically
Ground, for example, the alpha changes of navigation bar can be done from 1 to 0 to downward 64 location of pixels of the top of screen since the top of screen and become
Change, it is proportional away from distance from top and the ratio and alpha value of 64 pixels that 64 pixels subtract second layer container.When ratio value is less than 0
When do not process.In addition, when alpha is changed into 0, the event of triggering change status bar theme color, is changed into if alpha is 0
Black, is otherwise white.
In addition, after user completes to pull, can also be according to whether the predetermined threshold value of triggering expansion second floor object, determines to work as
Second floor state or closed mode is extremely unfolded in preceding page transition.If second floor is unfolded, navigation bar is hidden automatically, and alpha is set
For 0, while also status bar can be arranged to black.If turned off second floor, then navigation bar shows that alpha is changed into 1, while may be used also
Status bar is changed into white.It should be understood, of course, that it is that alternatively, its color set is also alternatively whether the setting of status bar.
Furthermore, it is to be understood that in the embodiment of the present application, some page of App, or certain several page, H5 can be used
Technology is realized.After H5 is the 5th material alteration of HyperText Markup Language (HyperText Markup Language, HTML)
Version.
If current page using H5 technologies or similar to H5 technologies can real-time update application version technology realize,
After the operation of triggering expansion second floor object, step 203 is performed；
Otherwise, after the operation of triggering expansion second floor object, step 206 is performed.
203, pull latest edition configuration information.
App needs to pull the latest edition configuration information using the page of H5 technologies in H5 servers, the H5 in the app
Server is the server of storage App data resources.Certainly, can be whole if whole app is realized using H5 technologies
App sets a version configuration information.At this time, step 203 can perform before step 202, obtain the latest edition letter of App
Breath, equivalent to the version information for the data resource for obtaining second floor object.
204, whether the data resource for judging second floor object is latest edition.
App can be according to the latest version information of acquisition, and the version of the data resource of the second floor object cached in APP is believed
Breath, whether the data resource for judging second floor object is latest edition.
If latest edition, then step S206 is performed；
If not latest edition, then step S205 is performed.
205, download latest data resource.
App according to H5 technologies, can download the latest data resource of second floor object.Specifically, App can use what full dose was downloaded
Mode, or by the way of increment download.Downloading mode can be pre-set, and can configure.
206, the initialization of second floor function.
It is to be understood that after the operation of triggering displaying second floor object, second floor function initialization can be carried out.
Specifically, initialization operation, it may include step 207 and step 208.
207, send the first screen request of data of second floor object.
Before second floor object is shown, the first screen request of data of second floor object can be transmitted in App, and second floor pair is asked to server
First screen data as in, realize the acquisition of data.
208, initialize the component of second floor object.
Before second floor object is shown, the component of second floor object can be also initialized.
In a kind of specific application, which can use webview components to realize.At this time, app can initialize two
The webview components of building object.
209, perform the Rendering operations of second floor object.
Specifically, complete second floor object data acquisition and assembly initialization after, can the data based on feedback, perform
The Rendering operations of second floor object.
The mode of displaying second floor object can have a variety of.For example, overall displaying again after having rendered second floor object, or working as
Second floor object is gradually shown in the preceding page.
Alternatively, gradually displaying second floor object, such as can be according to set rate, along the top of current page to lower part
Direction, progressively manifests second floor object.
Preferably, during gradually displaying second floor object, this method may also include：
Calculate the region that the second floor object has showed and show ratio relative to finally show region first；
According to the first displaying ratio, the fuzzy value and/or scaling of the second floor object are adjusted, wherein, the fuzzy value
With the first displaying ratio positive correlation, the scaling and the first displaying ratio positive correlation.
A and B positive correlations, that is to say, that when A increases, B also and then increases.Positive correlation, for example, it may be the former with the latter
Linear correlation, or the former with the latter square, evolution, etc..Specifically, for example, fuzzy value=first shows ratio, contracting
Put ratio=first and show ratio, fuzzy value=0.5+ first shows ratio/2, and scaling=first shows that ratio * first is opened up
Show ratio, etc..
Fig. 4 is the process schematic rendered of another embodiment second floor object of the application.As shown in figure 4, second floor pair
As first screen can be followed to be slided, and carry out fuzzy and gradual change processing.
In addition, as shown in figure 4, after fully open display second floor content, second floor object can be displayed in current page.
Certainly, can also be as needed in second floor object, realize different bandwagon effects.
Alternatively, if the display area of second floor object can not accommodate all page elements of second floor object, in a kind of exhibition
Show in mode, this method may include：
If the ordinate of the position of first page element and first after the height adduction of the first page element and value
More than the ordinate of the tip position of the page window where the second floor object, this first and is worth corresponding first page element
A variations in lateral is performed at predetermined time intervals, which is in the content of pages of second floor object displaying
Page elements；
If alternatively, this first and value be less than the second floor object where page window bottom position ordinate,
By this first and the corresponding first page element of value perform a variations in lateral at predetermined time intervals.
Wherein, which is the page elements in the content of pages of second floor object displaying.
Specifically, when performing variations in lateral, can be calculated every the scheduled time according to secondary Bezier
The slow-action speed from fast to slow arrived performs the variations in lateral.
Especially, when first page element is picture, first page element may also include corresponding title.At this time, exist
When performing variations in lateral, the corresponding title of also changeable first page element.
In addition, as shown in figure 4, user can click on any page elements in second floor object, into the corresponding page.
User can also click on and pack up, and pack up the second floor page, return in the page before the expansion of the second floor page.Alternatively, pass through hand
Gesture slides the bottom for the current page that the content of the second floor object is slid down to the client application, then upward sliding exceedes
Default second floor collapse threshold, packs up second floor object, returns in the page before the expansion of the second floor page.
It should be understood, of course, that during second floor object is packed up, the operation opposite with second floor object is unfolded can be taken.Example
Such as, the second floor object can be gradually packed up in the current page of the client application；Calculate the area that the second floor object is not yet packed up
Domain is relative to the second displaying ratio for finally showing region；According to the second displaying ratio, the fuzzy value of the second floor object is adjusted
And/or scaling, wherein, the fuzzy value and the second displaying ratio positive correlation, the scaling and the second displaying ratio
Positive correlation.
It is above-mentioned that this specification specific embodiment is described.Other embodiments are in the scope of the appended claims
It is interior.In some cases, the action recorded in detail in the claims or step can be come according to different from the order in embodiment
Perform and still can realize desired result.In addition, the process described in the accompanying drawings not necessarily require show it is specific suitable
Sequence or consecutive order could realize desired result.In some embodiments, multitasking and parallel processing be also can
With or it may be advantageous.
Fig. 5 is the structure diagram of one embodiment electronic equipment of the application.Fig. 5 is refer to, in hardware view, the electricity
Sub- equipment includes processor, alternatively further includes internal bus, network interface, memory.Wherein, memory may include interior
Deposit, such as high-speed random access memory (Random-Access Memory, RAM), it is also possible to further include non-volatile memories
Device (non-volatile memory), for example, at least 1 magnetic disk storage etc..Certainly, which is also possible that other
The required hardware of business.
Processor, network interface and memory can be connected with each other by internal bus, which can be ISA
(Industry Standard Architecture, industry standard architecture) bus, PCI (Peripheral
Component Interconnect, Peripheral Component Interconnect standard) bus or EISA (Extended Industry Standard
Architecture, expanding the industrial standard structure) bus etc..The bus can be divided into address bus, data/address bus, control always
Line etc..For ease of representing, only represented in Fig. 5 with a four-headed arrow, it is not intended that an only bus or a type of
Bus.
Memory, for storing program.Specifically, program can include program code, and said program code includes calculating
Machine operational order.Memory can include memory and nonvolatile memory, and provide instruction and data to processor.
Processor reads corresponding computer program into memory and then runs from nonvolatile memory, in logical layer
Five application page displaying device is formed on face.Processor, performs the program that memory is stored, and specifically for performing following behaviour
Make：
Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；
If the drop-down distance be more than predetermined second floor expansion threshold value, by second floor object the client application current page
Shown in face, wherein, which refers to level and shows pair under the level of object in the current page of the client application
As.
The method that five application page displaying device disclosed in the above-mentioned embodiment illustrated in fig. 1 such as the application performs can be applied to locate
Manage in device, or realized by processor.Processor is probably a kind of IC chip, has the disposal ability of signal.In reality
During existing, each step of the above method can pass through the integrated logic circuit of the hardware in processor or the finger of software form
Order is completed.Above-mentioned processor can be general processor, including central processing unit (Central Processing Unit,
CPU), network processing unit (Network Processor, NP) etc.；It can also be digital signal processor (Digital Signal
Processor, DSP), it is application-specific integrated circuit (Application Specific Integrated Circuit, ASIC), existing
Field programmable gate array (Field-Programmable Gate Array, FPGA) or other programmable logic device, divide
Vertical door or transistor logic, discrete hardware components.It can realize or perform and is in the embodiment of the present application disclosed each
Method, step and logic diagram.General processor can be microprocessor or the processor can also be any conventional place
Manage device etc..The step of method with reference to disclosed in the embodiment of the present application, can be embodied directly in hardware decoding processor and perform
Into, or combined with the hardware in decoding processor and software module and perform completion.Software module can be located at random access memory,
This area such as flash memory, read-only storage, programmable read only memory or electrically erasable programmable memory, register maturation
In storage medium.The storage medium is located at memory, and processor reads the information in memory, and above-mentioned side is completed with reference to its hardware
The step of method.
The electronic equipment can also carry out the method for Fig. 1, and realize work(of the five application page displaying device in embodiment illustrated in fig. 1
Can, details are not described herein for the embodiment of the present application.
Certainly, in addition to software realization mode, the electronic equipment of the application is not precluded from other implementations, for example patrols
Collect mode of device or software and hardware combining etc., that is to say, that the executive agent of following process flow is not limited to each patrol
Collect unit or hardware or logical device.
The embodiment of the present application also proposed a kind of computer-readable recording medium, the computer-readable recording medium storage one
A or multiple programs, the one or more program include instruction, and the instruction is when the portable electronic for being included multiple application programs
When equipment performs, the method for portable electric appts execution embodiment illustrated in fig. 1 can be made, and specifically for performing following behaviour
Make：
Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；
If the drop-down distance be more than predetermined second floor expansion threshold value, by second floor object the client application current page
Shown in face, wherein, which refers to level and shows pair under the level of object in the current page of the client application
As.
Fig. 6 is the structure diagram of one embodiment five application page displaying device 600 of the application.Fig. 6 is refer to, one
In kind Software Implementation, five application page displaying device 600 may include：
Acquiring unit 610, obtains drop-down distance of the current page of client application when pulling down gesture and unclamping；
Display unit 620, if drop-down distance is more than predetermined second floor expansion threshold value, by the second floor object in the client
Hold in the current page of application and show, wherein, which refers to level and shows object in the current page of the client application
Level under object.
In short, the foregoing is merely the preferred embodiment of the application, the protection domain of the application is not intended to limit.
It is all within spirit herein and principle, any modification, equivalent replacement, improvement and so on, should be included in the application's
Within protection domain.
Alternatively, it is specifically used for as one embodiment, display unit 620：
The second floor object is initialized, and sends the first screen request of data of the second floor object；
According to the second floor object resource bag fed back based on head screen request of data, in the current page pair of the client application
The second floor object is rendered and shown.
Alternatively, it is specifically used for as one embodiment, display unit 620：
The second floor object is gradually shown in the current page of the client application；
Calculate the region that the second floor object has showed and show ratio relative to finally show region first；
According to the first displaying ratio, the fuzzy value and/or scaling of the second floor object are adjusted, wherein, the fuzzy value
With the first displaying ratio positive correlation, the scaling and the first displaying ratio positive correlation.
Alternatively, specifically it is additionally operable to as one embodiment, display unit 620：
The second floor object is gradually packed up in the current page of the client application；
Calculate the region that the second floor object is not yet packed up and show ratio relative to finally show region second；
According to the second displaying ratio, the fuzzy value and/or scaling of the second floor object are adjusted, wherein, the fuzzy value
With the second displaying ratio positive correlation, the scaling and the second displaying ratio positive correlation.
Alternatively, the current page of the client application includes three-layer container, wherein,
First layer container, for showing the list content of current page；
Second layer container, including the intermediate layer container for embedded one or more first layer containers, and for being embedded in
The second floor container of second floor object, wherein, the display level of the second floor container is under the intermediate layer container；
Third layer container, for carrying the third layer container of the second layer container.
Further, which is TableView components, and the second layer container and the third layer container are
ScrollView components.
Further, specifically it is additionally operable to as one embodiment, display unit 620：
If the ordinate of the position of first page element and first after the height adduction of the first page element and value
More than the ordinate of the tip position of the second floor container where the second floor object, or if this first and value be less than the second floor pair
As the ordinate of the bottom position of the second floor container at place, then this first and is worth corresponding first page element every pre- timing
Between perform a variations in lateral, which is the page elements in the content of pages of second floor object displaying.
Further, display unit 620 is particularly used in：Every the scheduled time, calculated according to secondary Bezier
Obtained slow-action speed from fast to slow performs the variations in lateral.
Further, when the first page element is picture, which further includes corresponding title, displaying
Unit 620 is particularly used in：When performing the variations in lateral, switch the corresponding title of first page element.
Alternatively, as one embodiment, the page of the client is the H5 pages, and display unit 620 is particularly used in：
Obtain the latest edition configuration information of the data resource of the second floor object；
If the version of the current cache data resource of the second floor object is latest edition in the client, basis is deserved
Preceding data cached resource generates the corresponding page of second floor object and shows；
If the version of the current cache data resource of the second floor object is not latest edition in the client, downloading should
The latest data resource of the second floor object in client, and the corresponding page of second floor object is generated according to the latest data resource
And show.
Alternatively, display unit 620 is specifically used for：Drop-down distance and this are carried out according to the current page of the client application
The ratio value of the navigation bar height of the current page of client application, adjusts the alhpa parameter values of the navigation bar.
Further, alternatively, display unit 620 is specifically additionally operable to：When alhpa parameter values are changed into 0, triggering changes the visitor
The event of status bar theme color in the current page of family end application.
Further, display unit 620 is specifically additionally operable to：
In the second floor object by after not showing and being switched to expansion, hiding the navigation bar, and/or the color of status bar is set to be
Black；Alternatively, after the second floor object is by being unfolded to be switched to contraction, show that the navigation bar, and/or the color of setting status bar are
White.
In addition, five application page displaying device 600 can also carry out the method for embodiment illustrated in fig. 1, and realize five application page exhibition
Showing device is repeated no more in the function of embodiment illustrated in fig. 1.
In addition, in the embodiment of the present application, which shows the specific product form of device, can be mobile terminal
Client application, etc..
System, device, module or the unit that above-described embodiment illustrates, can specifically be realized by computer chip or entity,
Or realized by having the function of certain product.One kind typically realizes that equipment is computer.Specifically, computer for example may be used
Think personal computer, laptop computer, cell phone, camera phone, smart phone, personal digital assistant, media play
It is any in device, navigation equipment, electronic mail equipment, game console, tablet PC, wearable device or these equipment
The combination of equipment.
Computer-readable medium includes permanent and non-permanent, removable and non-removable media can be by any method
Or technology come realize information store.Information can be computer-readable instruction, data structure, the module of program or other data.
The example of the storage medium of computer includes, but are not limited to phase transition internal memory (PRAM), static RAM (SRAM), moves
State random access memory (DRAM), other kinds of random access memory (RAM), read-only storage (ROM), electric erasable
Programmable read only memory (EEPROM), fast flash memory bank or other memory techniques, read-only optical disc read-only storage (CD-ROM),
Digital versatile disc (DVD) or other optical storages, magnetic cassette tape, the storage of tape magnetic rigid disk or other magnetic storage apparatus
Or any other non-transmission medium, the information that can be accessed by a computing device available for storage.Define, calculate according to herein
Machine computer-readable recording medium does not include temporary computer readable media (transitory media), such as data-signal and carrier wave of modulation.
It should also be noted that, term " comprising ", "comprising" or its any other variant are intended to nonexcludability
Comprising so that process, method, commodity or equipment including a series of elements not only include those key elements, but also wrapping
Include other elements that are not explicitly listed, or further include for this process, method, commodity or equipment it is intrinsic will
Element.In the absence of more restrictions, the key element limited by sentence "including a ...", it is not excluded that wanted including described
Also there are other identical element in the process of element, method, commodity or equipment.
Each embodiment in this specification is described by the way of progressive, identical similar portion between each embodiment
Divide mutually referring to what each embodiment stressed is the difference with other embodiment.It is real especially for system
For applying example, since it is substantially similar to embodiment of the method, so description is fairly simple, related part is referring to embodiment of the method
Part explanation.
Claims (16)
- A kind of 1. object methods of exhibiting of five application page, it is characterised in that including：Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；If it is described drop-down distance be more than predetermined second floor expansion threshold value, by second floor object the client application current page Shown in face, wherein, the second floor object refers to level and is shown in the current page of the client application under the level of object Object.
- 2. the method as described in claim 1, it is characterised in thatThe second floor object is shown in the current page of the client application, including：The second floor object is initialized, and sends the first screen request of data of the second floor object；According to the first data resource for shielding the second floor object that request of data is fed back, in the current page pair of the client application The second floor object is rendered and shown.
- 3. the method as described in claim 1, it is characterised in thatThe second floor object is shown in the current page of the client application, including：The second floor object is gradually shown in the current page of the client application；Calculate the region that the second floor object has showed and show ratio relative to finally show region first；Ratio is shown according to described first, adjusts the fuzzy value and/or scaling of the second floor object, wherein, it is described fuzzy Value and the described first displaying ratio positive correlation, the scaling and the described first displaying ratio positive correlation.
- 4. method as claimed in claim 3, it is characterised in that the method further includes：The second floor object is gradually packed up in the current page of the client application；Calculate the region that the second floor object is not yet packed up and show ratio relative to finally show region second；Ratio is shown according to described second, adjusts the fuzzy value and/or scaling of the second floor object, wherein, it is described fuzzy Value and the described second displaying ratio positive correlation, the scaling and the described second displaying ratio positive correlation.
- 5. the method as described in claim 1, it is characterised in thatThe current page of the client application includes three-layer container, wherein,First layer container, for showing the list content of current page；Second layer container, including the intermediate layer container for embedded one or more first layer containers, and for being embedded in second floor The second floor container of object, wherein, the display level of the second floor container is under the intermediate layer container；Third layer container, for carrying the third layer container of the second layer container.
- 6. method as claimed in claim 5, it is characterised in thatIf the ordinate of the position of first page element and first after the height adduction of the first page element and value are big In the ordinate of the tip position of the second floor container where the second floor object, or if described first is less than described two with value The ordinate of the bottom position of second floor container where building object, then by described first and be worth corresponding first page element every The scheduled time performs a variations in lateral, and the first page element is in the content of pages of second floor object displaying Page elements.
- 7. method as claimed in claim 6,A variations in lateral is performed at predetermined time intervals, including：Every the scheduled time, the slow-action speed from fast to slow being calculated according to secondary Bezier performs the horizontal stroke To shift in position.
- 8. method as claimed in claims 6 or 7, it is characterised in that the first page element is picture, the first page Element further includes corresponding title, and the method further includes：When performing the variations in lateral, switch the corresponding title of the first page element.
- 9. method as claimed in claim 5, it is characterised in thatThe first layer container is TableView components, and the second layer container and the third layer container are ScrollView Component.
- 10. the method as described in claim 1, it is characterised in thatThe page of the client is the H5 pages, and the second floor object is shown in the current page of the client application, Including：Obtain the latest edition configuration information of the data resource of the second floor object；If the version of the current cache data resource of second floor object described in the client is latest edition, according to Current cache data resource generates the corresponding page of the second floor object and shows；If the version of the current cache data resource of second floor object described in the client is not latest edition, institute is downloaded The latest data resource of second floor object described in client is stated, and the second floor object pair is generated according to the latest data resource The page answered and displaying.
- 11. the method as described in claim 1, it is characterised in that obtaining the current page of client application in drop-down gesture Before drop-down distance during release, the method further includes：Drop-down distance and the navigation of the current page of the client application are carried out according to the current page of the client application The ratio value of column height, adjusts the alhpa parameter values of the navigation bar；When alhpa parameter values are changed into 0, the event of status bar theme color in the current page for changing the client application is triggered.
- 12. method as claimed in claim 11, it is characterised in that in the working as in the client application by the second floor object After being shown in the preceding page, the method further includes：In the second floor object by after not showing and being switched to expansion, hiding the navigation bar, and/or the color of status bar is set to be Black；OrAfter the second floor object is by being unfolded to be switched to contraction, the navigation bar is shown, and/or the color of setting status bar is white Color.
- 13. the method as described in claim 1, it is characterised in that in the working as in the client application by the second floor object After being shown in the preceding page, the method further includes：The bottom for the current page that the content of the second floor object is slid down to the client application is slided by gesture, Upward sliding exceedes default second floor collapse threshold again, then packs up the second floor object.
- 14. a kind of five application page shows device, it is characterised in that including：Acquiring unit, for obtaining drop-down distance of the current page of client application when pulling down gesture and unclamping；Display unit, if being more than predetermined second floor expansion threshold value for the drop-down distance, by the second floor object described Shown in the current page of client application, wherein, the second floor object refers to current page of the level in the client application Show the object under the level of object.
- 15. a kind of electronic equipment, including：Processor；AndThe memory of storage computer executable instructions is arranged to, the executable instruction makes the processor when executed Perform following operation：Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；If the drop-down distance is more than predetermined second floor expansion threshold value, by the second floor object working as in the client application Shown in the preceding page, wherein, the second floor object refers to the level that level shows object in the current page of the client application Under object.
- 16. a kind of computer-readable recording medium, the computer-readable recording medium storage one or more program, described one A or multiple programs by the electronic equipment including multiple application programs when being performed so that the electronic equipment performs following behaviour Make：Obtain drop-down distance of the current page of client application when pulling down gesture and unclamping；If the drop-down distance is more than predetermined second floor expansion threshold value, by the second floor object working as in the client application Shown in the preceding page, wherein, the second floor object refers to the level that level shows object in the current page of the client application Under object.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711010157.2A CN107977137B (en) | 2017-10-25 | 2017-10-25 | Object display method, device and equipment of application page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711010157.2A CN107977137B (en) | 2017-10-25 | 2017-10-25 | Object display method, device and equipment of application page |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107977137A true CN107977137A (en) | 2018-05-01 |
| CN107977137B CN107977137B (en) | 2020-12-25 |
Family
ID=62012761
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711010157.2A Active CN107977137B (en) | 2017-10-25 | 2017-10-25 | Object display method, device and equipment of application page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107977137B (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109491739A (en) * | 2018-10-30 | 2019-03-19 | 北京字节跳动网络技术有限公司 | A kind of theme color is dynamically determined method, apparatus, electronic equipment and storage medium |
| CN110781425A (en) * | 2019-10-25 | 2020-02-11 | 北京创鑫旅程网络技术有限公司 | Display method, device and equipment of mobile terminal H5 page and storage medium |
| CN110851064A (en) * | 2019-10-20 | 2020-02-28 | 阿里巴巴集团控股有限公司 | Information display method, device, equipment and storage medium |
| CN111104177A (en) * | 2018-10-25 | 2020-05-05 | 阿里巴巴集团控股有限公司 | View component switching method and device and terminal equipment |
| CN111523068A (en) * | 2020-03-30 | 2020-08-11 | 五八有限公司 | Page configuration method, device, server and storage medium |
| CN113867591A (en) * | 2021-10-09 | 2021-12-31 | 拉扎斯网络科技（上海）有限公司 | Control method and device for displaying second floor page, storage medium and electronic equipment |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2012079302A (en) * | 2010-10-01 | 2012-04-19 | Samsung Electronics Co Ltd | Device and method for turning page on electronic book on portable terminal |
| US20150135135A1 (en) * | 2013-11-13 | 2015-05-14 | Acer Inc. | Method for Image Controlling and Portable Electronic Apparatus Using the Same |
| CN105354022A (en) * | 2015-10-16 | 2016-02-24 | 华为技术有限公司 | Generation method and device of page layout file |
| CN105511732A (en) * | 2015-12-25 | 2016-04-20 | 北京奇虎科技有限公司 | Method for displaying page entry icons and device |
| CN107015726A (en) * | 2017-02-07 | 2017-08-04 | 阿里巴巴集团控股有限公司 | A kind of multidate information methods of exhibiting and device |
| CN107665076A (en) * | 2017-09-14 | 2018-02-06 | 广州神马移动信息科技有限公司 | Show method, equipment, browser and the electronic equipment of web page contents |
-
2017
- 2017-10-25 CN CN201711010157.2A patent/CN107977137B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2012079302A (en) * | 2010-10-01 | 2012-04-19 | Samsung Electronics Co Ltd | Device and method for turning page on electronic book on portable terminal |
| US20150135135A1 (en) * | 2013-11-13 | 2015-05-14 | Acer Inc. | Method for Image Controlling and Portable Electronic Apparatus Using the Same |
| CN105354022A (en) * | 2015-10-16 | 2016-02-24 | 华为技术有限公司 | Generation method and device of page layout file |
| CN105511732A (en) * | 2015-12-25 | 2016-04-20 | 北京奇虎科技有限公司 | Method for displaying page entry icons and device |
| CN107015726A (en) * | 2017-02-07 | 2017-08-04 | 阿里巴巴集团控股有限公司 | A kind of multidate information methods of exhibiting and device |
| CN107665076A (en) * | 2017-09-14 | 2018-02-06 | 广州神马移动信息科技有限公司 | Show method, equipment, browser and the electronic equipment of web page contents |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111104177A (en) * | 2018-10-25 | 2020-05-05 | 阿里巴巴集团控股有限公司 | View component switching method and device and terminal equipment |
| CN111104177B (en) * | 2018-10-25 | 2024-04-26 | 阿里巴巴集团控股有限公司 | View assembly switching method and device and terminal equipment |
| CN109491739A (en) * | 2018-10-30 | 2019-03-19 | 北京字节跳动网络技术有限公司 | A kind of theme color is dynamically determined method, apparatus, electronic equipment and storage medium |
| CN109491739B (en) * | 2018-10-30 | 2023-04-07 | 北京字节跳动网络技术有限公司 | Theme color dynamic determination method and device, electronic equipment and storage medium |
| CN110851064A (en) * | 2019-10-20 | 2020-02-28 | 阿里巴巴集团控股有限公司 | Information display method, device, equipment and storage medium |
| CN110851064B (en) * | 2019-10-20 | 2024-05-28 | 阿里巴巴集团控股有限公司 | Information display method, device, equipment and storage medium |
| CN110781425A (en) * | 2019-10-25 | 2020-02-11 | 北京创鑫旅程网络技术有限公司 | Display method, device and equipment of mobile terminal H5 page and storage medium |
| CN110781425B (en) * | 2019-10-25 | 2022-09-20 | 北京创鑫旅程网络技术有限公司 | Display method, device and equipment of mobile terminal H5 page and storage medium |
| CN111523068A (en) * | 2020-03-30 | 2020-08-11 | 五八有限公司 | Page configuration method, device, server and storage medium |
| CN113867591A (en) * | 2021-10-09 | 2021-12-31 | 拉扎斯网络科技（上海）有限公司 | Control method and device for displaying second floor page, storage medium and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107977137B (en) | 2020-12-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107977137A (en) | Object methods of exhibiting, device and the equipment of five application page | |
| CN107239287B (en) | Webpage display method and device, electronic equipment and storage medium | |
| US8379053B1 (en) | Identification of areas of interest on a web page | |
| CN109634603B (en) | Method and device for making H5 page based on Canvas | |
| CN105786417B (en) | A kind of dynamic display method of static images, device and equipment | |
| CN106797547A (en) | Support of the operating system to position card | |
| US20150248722A1 (en) | Web based interactive multimedia system | |
| CN108255546A (en) | A kind of implementation method and device of data loading animation | |
| CN107977150A (en) | A kind of view scrolling method, device and electronic equipment | |
| CN105528217A (en) | Partial refreshing method and device based on display list | |
| CN104142776A (en) | Icon processing method and device | |
| CN103970427B (en) | The method for refreshing and device of Webpage | |
| CN104346463A (en) | Loading method and device of page label and browser client | |
| US9886465B2 (en) | System and method for rendering of hierarchical data structures | |
| CN109040767B (en) | Live broadcast room loading method, system, server and storage medium | |
| CN107766421A (en) | Information displaying method, device and electronic equipment | |
| CN105528167A (en) | Information display method and apparatus | |
| CN107766703A (en) | Watermark addition processing method, device and client | |
| WO2017101390A1 (en) | Picture display method and apparatus | |
| CN106294463A (en) | The data point update method of a kind of performance graph and equipment | |
| CN110262749B (en) | Webpage operation method, device, container, equipment and medium | |
| CN114428657B (en) | Sliding method and equipment based on Taro framework at H5 end | |
| CN111063010A (en) | Map motion track animation realization method and device, electronic equipment and storage medium | |
| CN110443880A (en) | Image rendering method, device, storage medium and electronic equipment | |
| CN106325873A (en) | Multi-window page display processing 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20210514 Address after: 100080 7th floor, Sina headquarters scientific research building, plot n-1 and n-2, Zhongguancun Software Park Phase II (West Expansion), Dongbeiwang West Road, Haidian District, Beijing Patentee after: SINA.COM TECHNOLOGY (CHINA) Co.,Ltd. Address before: Room 517, 5 / F, scientific research building, Sina headquarters, plot n-1 and n-2, Zhongguancun Software Park, Dongbei Wangxi Road, Haidian District, Beijing 100193 Patentee before: XINGCHAO SHANYAO MOBILE NETWORK TECHNOLOGY (CHINA) Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230307 Address after: Room 501-502, 5/F, Sina Headquarters Scientific Research Building, Block N-1 and N-2, Zhongguancun Software Park, Dongbei Wangxi Road, Haidian District, Beijing, 100193 Patentee after: Sina Technology (China) Co.,Ltd. Address before: 100080 7th floor, Sina headquarters scientific research building, plot n-1 and n-2, Zhongguancun Software Park Phase II (West Expansion), Dongbeiwang West Road, Haidian District, Beijing Patentee before: Sina.com Technology (China) Co.,Ltd. |
|
| TR01 | Transfer of patent right |