Method and system for adaptively adjusted interface flow layout display
A self-adaptive adjustment and interface flow technology, applied in special data processing applications, data processing input/output process, instruments, etc., can solve the problems of video thumbnail size reduction, video thumbnail layout scattered, etc., to achieve enhanced display effect , enhance the browsing experience, and increase the effect of attribution
- Summary
- Abstract
- Description
- Claims
- Application Information
AI Technical Summary
Problems solved by technology
Method used
Image
Examples
Embodiment 1
[0039] Such as figure 1 As shown, this is an adaptively adjusted interface flow layout display method described in the first embodiment of this application, and the method includes:
[0040] Step 101: Detect the resolution value of the terminal system running the browser.
[0041] The resolution of the screen used by the user is different. The resolution represents the pixel value in the length and width direction of the screen. The content displayed on the screen (including: text, image, etc.) is composed of pixels. Therefore, the resolution It reflects the amount of content displayed on the screen and the accuracy of the display: the lower the resolution, the less the display content, and the lower the corresponding display accuracy; on the contrary, the display content is more and the display accuracy is high.
[0042] When a user visits the corresponding website (specifically a video website) through the browser on the terminal (including: computer terminal, mobile terminal, etc....
Embodiment 2
[0051] Such as figure 2 As shown, this is an adaptively adjusted interface flow layout display method described in the second embodiment of the application, and the method includes:
[0052] Step 201: When displaying a page through a browser, detect the resolution value of the terminal system running the browser and the pixel value of the current browser window when the size is maximized.
[0053] The detection process can start at the moment the browser is started, the pixel value of the browser window at the maximized size can be recorded in the HTML file, and the resolution value of the terminal system can be obtained by accessing the display process in the current terminal system. For the pixel value of the browser window when the size is maximized, it is specifically the pixel value in the horizontal direction (horizontal direction) of the browser window when the size is maximized.
[0054] Step 202, according to the resolution value and the pixel value of the current browser w...
Embodiment 3
[0068] Combine below Figure 4-8 , The specific application of the adaptively adjusted interface flow layout display method is described in detail:
[0069] Step 1: When the user displays the page through the browser, check that the resolution value of the terminal system running the browser has a pixel value of 1024px in the horizontal direction, and detect the pixel value in the horizontal direction when the current browser window is maximized. The value is 1003px.
[0070] Step two, such as Figure 4 As shown, according to the resolution value of 1024px and the pixel value of 1003px when the current browser window is maximized in size, cell A with a preset pixel width of 55px is used as a reference size to construct a vertical arrangement and cover the size The grid of the page.
[0071] Among them, the total pixel value in the horizontal direction of the grid formed on the page is 990px, and the width of the actual visible area S3 is 970px. Of course, Figure 4 The grid in is no...
PUM
Abstract
Description
Claims
Application Information
- R&D Engineer
- R&D Manager
- IP Professional
- Industry Leading Data Capabilities
- Powerful AI technology
- Patent DNA Extraction
Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.
© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com