WO2019052524A1 - 视图渲染方法、装置、介质及智能终端 - Google Patents

视图渲染方法、装置、介质及智能终端 Download PDF

Info

Publication number
WO2019052524A1
WO2019052524A1 PCT/CN2018/105644 CN2018105644W WO2019052524A1 WO 2019052524 A1 WO2019052524 A1 WO 2019052524A1 CN 2018105644 W CN2018105644 W CN 2018105644W WO 2019052524 A1 WO2019052524 A1 WO 2019052524A1
Authority
WO
WIPO (PCT)
Prior art keywords
view
height
screen
data
list
Prior art date
Application number
PCT/CN2018/105644
Other languages
English (en)
French (fr)
Inventor
康乐
胡鉴
朱江
Original Assignee
腾讯科技（深圳）有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Publication of WO2019052524A1 publication Critical patent/WO2019052524A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • 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

Definitions

  • the present application relates to the field of computer technologies, and in particular, to a view rendering method, apparatus, medium, and smart terminal.
  • the page data of the page includes the body data, the list data corresponding to the user's comment on the page, and the list data of the recommended page.
  • the present invention provides a view rendering method, a device, a medium, and an intelligent terminal, which are used to solve the problem of poor display performance of a smart terminal due to excessive use of a large text memory in the prior art view.
  • the embodiment of the present application provides a view rendering method, which is applied to an intelligent terminal, and includes:
  • An embodiment of the present application provides a view rendering apparatus, which is disposed on a smart terminal, and includes:
  • a first acquiring module configured to acquire display data of a first view for displaying text data of the page, where the first view is generated by the page view control according to the text data, and the height is not greater than a screen of the smart terminal Highly scrolled view;
  • a second acquiring module configured to acquire display data of a second view for displaying list data of the page, where the second view is a height generated by the list view control according to the list data is not greater than a height of the screen Scroll view
  • a rendering module configured to display the first view and the second view on the screen according to the display data of the first view and the display data of the second view, wherein a bottom end of the first view is The top ends of the second views are adjacent and aligned.
  • Embodiments of the present application provide a non-volatile computer storage medium storing an executable program that is executed by a processor to implement the steps of any of the above-described view rendering methods.
  • An embodiment of the present application provides an intelligent terminal, including a memory, a processor, and a computer program stored in the memory, where the processor implements the steps of any of the above view rendering methods when the program is executed.
  • 1A is a system architecture diagram related to the present application
  • FIG. 1B is a schematic flowchart of a view rendering method provided by some embodiments of the present application.
  • FIG. 2 is an exemplary schematic view of a bottom view of a first view of the first embodiment of the present application adjacent to and aligned with a top end of the second view;
  • FIG. 3 is an exemplary schematic diagram showing display effects of displaying only a first view on a screen according to some embodiments of the present disclosure
  • FIG. 4 is an exemplary schematic diagram showing the display effect of the first view and the second view simultaneously displayed on the screen according to some embodiments of the present application;
  • FIG. 5 is an exemplary schematic diagram showing display effects of displaying only a second view on a screen according to some embodiments of the present disclosure
  • FIG. 6 is a flowchart of a specific implementation process of a view rendering method according to some embodiments of the present disclosure
  • FIG. 7 is a schematic structural diagram of a view rendering apparatus according to some embodiments of the present disclosure.
  • FIG. 8 is a schematic structural diagram of hardware of an intelligent terminal according to some embodiments of the present disclosure.
  • a smart terminal with an Android system installed can render a view for displaying page data in the following manner:
  • the list data is rendered by the listview control according to the list data and the list data of the page to obtain a list view for displaying the list data; and the obtained list view is saved in the display memory of the smart terminal.
  • the rendered list view is displayed on the screen, and the user can directly slide the list view on the screen to view the content corresponding to the text data and the content corresponding to the list data, wherein the list view is
  • the control handles the user's sliding action.
  • the rendered content is obtained when the body content is large and the height of the body view is large.
  • the text view will occupy a large amount of video memory, resulting in poor display performance of the smart terminal.
  • FIG. 1A is a system architecture diagram of the present application.
  • the server 102 provides a page service.
  • Server 102 provides page services to a plurality of users via one or more networks 106, wherein the plurality of users operate their respective smart terminals 104 (e.g., smart terminals 104a-c).
  • each user connects to the server 102 via a client application 108 (eg, client applications 108a-c) executing on the smart terminal 104.
  • the client application 108 can be a social application, for example, WeChat, QQ, Weibo, etc.; the client application 108 can also be a multimedia application such as a video application or an article application; and the client application 108 can also be a mailbox application.
  • the server 102 sends the corresponding page data to the client application 108, and the client application 108 displays the smart page 104 according to the received page data. The corresponding page is displayed on the screen.
  • the page data may include data of the body content of the page, and may also include list data of the page, wherein the data of the body content may include corresponding data of text, picture, video, audio, etc. on the page, and the list data may be one Or data composed of a plurality of list items, wherein the list item may include a comment item for the body content of the page, and may also include a recommendation item for the body content of the page.
  • Examples of smart terminals 104 include, but are not limited to, palmtop computers, wearable computing devices, personal digital assistants (PDAs), tablet computers, notebook computers, desktop computers, mobile phones, smart phones, enhanced general packet radio service (EGPRS) mobiles A phone, media player, navigation device, game console, television, or any combination of two or more of these data processing devices or other data processing devices.
  • PDAs personal digital assistants
  • EGPS enhanced general packet radio service
  • Examples of one or more networks 106 include a local area network (LAN) and a wide area network (WAN) such as the Internet.
  • one or more networks 106 may be implemented using any well-known network protocol, including various wired or wireless protocols, such as Ethernet, Universal Serial Bus (USB), FIREWIRE, Global System for Mobile Communications (GSM). Enhanced Data GSM Environment (EDGE), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, WiFi, Voice over IP (VoIP), Wi-MAX, or any other suitable communication protocol.
  • Each smart terminal 104 optionally includes one or more internal peripheral modules, or may be connected to one or more peripheral devices by wire or wirelessly (eg, navigation system, health monitor, climate controller, smart sports equipment, Bluetooth headset, smart watch, etc.).
  • wire or wirelessly eg, navigation system, health monitor, climate controller, smart sports equipment, Bluetooth headset, smart watch, etc.
  • the embodiment of the present application provides a view rendering method, which is executed by the client application 108 on the smart terminal 104, as shown in FIG. 1B, and includes:
  • Step 101 Acquire a first view for displaying text data of a page, where the first view is a scroll view generated by the page view control according to the text data and having a height not greater than a height of a screen of the smart terminal.
  • Step 102 Acquire a second view for displaying list data of the page, where the second view is a scroll view generated by the list view control according to the list data with a height not greater than a height of the screen.
  • the page view control and the list view control run independently of each other, wherein the page view control is a functional component for displaying and rendering the web page. It can be directly laid out using HTML files, and can be called interactively with JavaScrip. In addition, it can also be used to implement scrolling of views.
  • the page view control can be a webview.
  • the list view control is a functional component that can display a list view by sliding a list to display data of a list type, such as related news, videos, advertisements, and comments.
  • the list view control can be a ListView.
  • the page view control After inputting the body data to the page view control, the page view control generates a scroll view whose height is not greater than the height of the screen of the smart terminal according to the body data, the scroll view being the first view, the width of the first view and the width of the screen of the smart terminal Similarly, the specific height of the first view is determined by the page view control according to the actual application scenario.
  • the page view control may generate a first view having a height equal to a height of the screen according to the content of the input text data, in a case where the view data occupied by the text data of the input page view control is greater than the height of the screen, that is, if the text data is The height of the view is greater than the height of the screen, and the height of the first view is equal to the height of the screen.
  • the new body data is loaded to the first a view, at the same time, since the height of the first view is fixed, after loading the new body data in the first view, the part of the body data that is displayed in the first view is eliminated, so that the new body data can be completely displayed in the first view.
  • the size of the display area occupied by the erased text data in the first view is the same as the size of the display area occupied by the loaded new text data in the first view.
  • the new text data is displayed from the bottom end of the first view, and the removed part of the body data is the text data at the top of the first view; when the sliding operation is a sliding operation, The new body data is displayed from the top of the first view, and the removed partial body data is the body data at the bottom of the first view. It should be noted that after the partial text data that has been displayed is eliminated, it is stored as new to-be-loaded text data.
  • the page view control may generate a first view having a height equal to the height of the screen according to the content of the input body data, and in the first view All input text data is displayed, that is, if the view height occupied by the text data is equal to the height of the screen, the height of the first view is equal to the height of the screen.
  • the page view control may generate a first view having a height equal to a view height occupied by the body data according to the content of the input body data, in a case where the view data of the input page view control occupies a view height smaller than the height of the screen, and Displaying all input text data in the first view, that is, if the view height occupied by the text data is smaller than the height of the screen, the height of the first view is equal to the view height occupied by the text data .
  • the first view is equivalent to the container of the page view control.
  • the list view control After inputting the list data to the list view control, the list view control generates a scroll view whose height is not greater than the height of the screen of the smart terminal according to the list data, the scroll view being the second view, the width of the second view and the width of the screen of the smart terminal Similarly, the specific height of the second view is determined by the list view control according to the actual application scenario.
  • the list view control may generate a second view having a height equal to the height of the screen according to the content of the input list data, that is, if the list data If the height of the view is greater than the height of the screen, the height of the second view is equal to the height of the screen.
  • the list view control receives the sliding operation of the user, the new list data is loaded to the first The second view, at the same time, because the height of the second view is fixed, after loading the new list data in the second view, the second part view is required to eliminate the displayed partial list data, so that the new data can be completely displayed in the second view.
  • the size of the display area occupied by the eliminated list data in the second view is the same as the size of the display area occupied by the loaded new list data in the second view.
  • the new list data is displayed from the bottom end of the second view, and the eliminated partial list data is the list data at the top of the second view; when the sliding operation is a sliding operation, The new list data is displayed from the top of the second view, and the eliminated partial list data is the list data at the bottom of the second view.
  • the list view control may generate a second view having a height equal to the height of the screen according to the content of the input list data, for displaying the list of all inputs.
  • the list view control may generate a second view having a height equal to the view height occupied by the list data according to the content of the input list data, that is, if The view height occupied by the list data is smaller than the height of the screen, and the height of the second view is equal to the view height occupied by the list data.
  • the second view is equivalent to the container of the list view control.
  • the manner of displaying the view in the page view control and the list view control and the manner of displaying the data according to the sliding operation can be referred to the page view control and the list view control provided by the operating system of the smart terminal, such as the page of the Android system.
  • View controls and list view controls After inputting the body data to the page view control, the page view control can adaptively render the body data into the corresponding view according to the model of the smart terminal, the screen size, and the like, and display the view on the screen of the smart terminal; After the list view control inputs the list data, the list view control can adaptively render the list data into the corresponding view according to the model of the smart terminal, the screen size and the like, and display the view on the screen of the smart terminal.
  • the width of the screen is the width of the largest display area in the screen for displaying the view
  • the height of the screen is the height of the largest display area in the screen for displaying the view.
  • steps 101 and 102 may not be limited. Step 101 may be performed after step 102, or step 101 and step 102 may be performed simultaneously.
  • Step 103 Display at least one of the first view and the second view on the screen, wherein a bottom end of the first view is adjacent to and aligned with a top end of the second view.
  • the first view and the second view are saved in the video memory of the smart terminal, so that the first view and the second view are displayed on a screen on the smart terminal.
  • the bottom end of the first view is adjacent to and aligned with the top end of the second view, and the first view is located above the second view.
  • an exemplary schematic view of the bottom end of the first view being adjacent to and aligned with the top end of the second view.
  • the wide side 21 of the bottom of the first view is adjacent to the wide side 22 of the top of the second view.
  • the first view and the second view after rendering in the embodiment of the present application do not intersect each other.
  • the first view, the second view, and the screen are all rectangular.
  • the server 102 sends the text data and the list data to the smart terminal 104, and the smart terminal 104 performs the first view and the second view on the screen according to the received text data and the list data.
  • Display control Specifically, when the view height occupied by the text data is smaller than the height of the screen, the height of the first view is equal to the view height occupied by the body data, in which case the body data is all displayed in the first view.
  • the view height occupied by the body data is equal to the height of the screen
  • the height of the first view is equal to the height of the screen, in which case the body data is all displayed in the first view.
  • the height of the first view is equal to the height of the screen.
  • the display data of the first view is part of the body data, and the height of the view occupied by the part of the text data Equal to the height of the screen.
  • the partial text data is first added to the video memory of the smart terminal 104 to display the first view on the screen, and when the sliding event is detected, the new part of the text data is added to the smart terminal 104.
  • the newly loaded portion is displayed in the first view on the screen, and the corresponding portion in the upper portion of the first view is eliminated from the first view.
  • the display mode of the list data is similar to the display mode of the body data, and will not be described here.
  • the text data is data corresponding to the body content of the page, and the text content may include text, a picture, a video, an audio, and the like on the page.
  • the list data is data composed of one or more list items, for example, the list data includes recommended page list data for the body content of the page and/or user's comment list data for the body content.
  • the embodiment of the present application can be applied to a scenario in which text data and/or list data is displayed, such as an article browsing application APP.
  • the article detail page of the APP needs to simultaneously display the article body data and the list data, and the article browsing class APP can be News app such as Daily Express.
  • the first view and the second view displayed on the screen of the smart terminal are generated by using the independently running page view control and the list view control, respectively, without rendering all the body data of the input page view control to the first view. Therefore, the memory space of the smart terminal is saved, thereby improving the view display performance of the smart terminal. Displaying the body data according to the page view control, making full use of the page view control to show the flexibility and rich display effect of the page body content, and also making full use of the list view control to display the display effect and performance advantages of the list item. Moreover, the bottom end of the first view is adjacent to and aligned with the top end of the second view, and the two views are not nested with each other, which is in accordance with the user's usage habits.
  • the view rendering method provided by the embodiment of the present application further includes: performing display control on the first view and the second view on the screen.
  • the first view and the second view may be displayed on the screen according to the height of the first view, the height of the second view, and the sliding operation of the user.
  • displaying control of the first view and the second view on the screen that is, displaying at least one of the first view and the second view on the screen, specifically includes:
  • the sliding event is sent to the page view control, so that the page view control is The sliding event loads the text data in a scrolling manner in the first view.
  • the height of the first view when the height of the first view is equal to the height of the screen, only the first view is displayed on the screen, that is, only the body content corresponding to the body data is displayed on the screen.
  • FIG. 3 an exemplary schematic diagram of displaying only the first view on the screen, wherein the body content corresponding to the body data is displayed in the first view, such as displaying the body content of the news, the body content may include text and/or Picture, at this time the second view is not displayed on the screen.
  • the height of the first view is equal to the height of the screen, only the first view is displayed by default on the screen.
  • the sliding event is sent to the page view control, and the page view control is based on the sliding event.
  • the body data is loaded in a scrolling manner in the first view.
  • the monitored sliding event is a sliding event or a sliding event.
  • the page view control After receiving the sliding event, the page view control loads the text data in a scrolling manner in the first view according to the sliding event.
  • the apparatus and system for executing the view rendering method provided by the embodiment of the present application if the text view is detected to be scrolled to the end of the text data in the first view according to the sliding event, Or the device sends a notification that the text data is scrolled to the end, and the device, the system, or the terminal for performing the view rendering method provided by the embodiment of the present application monitors when receiving the notification that the text data sent by the page view control is scrolled to the end.
  • the first view and the second view simultaneously display a display effect diagram on the screen, wherein after moving the first view and the second view at the same time, the first view and the second view are simultaneously displayed on the screen.
  • the text content corresponding to the text data is displayed, for example, displaying the body content of the news
  • the text content may include text and/or a picture
  • the second view displays the list content corresponding to the list data
  • the list content may be This includes a review of the news body by the user browsing the news and/or a title of the recommended news for the news.
  • the sliding event received by the page view control is taken as an example of the fast sliding event, and the sliding event is processed in the embodiment of the present application: when only the first view is displayed on the screen, the page view control receives When the fast sliding event is reached, the latest calculated sliding speed of the calculator is obtained from the sliding speed decay calculator according to the set period, and the loaded text data is scrolled in the first view according to the sliding speed, the page view control When the text data is detected to be scrolled to the end, the device, the system, or the terminal for performing the view rendering method provided by the embodiment of the present application is notified that the text data is scrolled to the end for performing the view display method provided by the embodiment of the present application.
  • the device, the system or the terminal After receiving the notification that the text data sent by the page view control is scrolled to the end, the device, the system or the terminal obtains the latest calculated sliding speed of the calculator from the sliding speed decay calculator, and calculates the obtained calculator by the latest calculation.
  • the sliding speed as the sliding speed corresponding to the sliding event simultaneously moves upwards first The view and the second view until the newly calculated sliding speed of the obtained calculator is equal to zero.
  • the sliding event involved in the embodiment of the present application includes a fast sliding event, and the sliding event includes a rapid sliding event, wherein the fast sliding event and the rapid sliding event are performed according to a certain sliding speed attenuation algorithm, and the sliding speed is performed.
  • the specific process is an existing process, and will not be described in detail here.
  • display control is performed on the first view and the second view on the screen, that is, at least one of the first view and the second view is displayed on the screen, specifically including :
  • the first view and a portion of the second view are simultaneously displayed on the screen, wherein a sum of a height of the first view and a height of the second view is greater than the The height of the screen;
  • the first view and the second view are moved upward according to the sliding speed and the sliding distance corresponding to the upper sliding event.
  • the complete first view and the second view of the part are simultaneously displayed on the screen, that is, the text content corresponding to the text data and the partial list data are simultaneously displayed on the screen.
  • the contents of the list In this case, the sum of the heights of the first view and the second view is greater than the height of the screen.
  • the complete first view and a part of the second view are simultaneously displayed on the screen, if the down event is monitored, the current display state is maintained.
  • FIG. 4 A schematic diagram showing the complete first view and a partial second view on the screen can be referred to FIG. 4, wherein it is assumed that the height of the first view in FIG. 4 is smaller than the height of the screen, and the complete first is shown in FIG. The view and a partial second view.
  • the complete first view and the complete second view are displayed on the screen, At this time, if the upslid event or the down event is monitored, the current display state is maintained.
  • the sliding event is sent to the list a view control to cause the list view control to load the list data in a scrolling manner in the second view according to the sliding event.
  • the display list data is a schematic diagram showing the display effect of the second view on the screen.
  • the sliding event is detected when the list data is not scrolled to the beginning, the sliding event is sent to the list view control, and the list view control is in the second view according to the sliding event.
  • the list data is loaded in a scrolling manner. At this time, the monitored sliding event is a sliding event or a sliding event.
  • the list view control After receiving the sliding event, the list view control loads the list data in a scrolling manner in the second view according to the sliding event.
  • the device When the list view control loads the list data in the second view according to the sliding event, if it detects that the list data is scrolled to the beginning of the list data, the device is configured to execute the view rendering method provided by the embodiment of the present application.
  • the system, the terminal, or the terminal sends a notification that the list data is scrolled to the beginning, and the device, system, or terminal of the view rendering method provided by the embodiment of the present application monitors when receiving the notification that the list data sent by the list view control is scrolled to the start.
  • the first view and the second view are moved downward according to the sliding speed and the sliding distance corresponding to the lower sliding event, that is, if only the second view is displayed, if the list is determined
  • the sliding event is monitored, and the first view and the second view are moved downward according to the sliding speed and the sliding distance corresponding to the lower sliding event, so that the first view and The second view is simultaneously displayed on the screen.
  • the sliding event received by the list view control is taken as an example of the rapid sliding event.
  • the sliding event is processed in the following manner: when only the second view is displayed on the screen, the list view control receives In the fast descent event, the latest calculated sliding speed of the calculator is obtained from the sliding speed decay calculator according to the set period, and the loaded list data is scrolled in the second view according to the sliding speed, and the list view control detects
  • the device, the system or the terminal for performing the view rendering method provided by the embodiment of the present application issues a notification that the list data is scrolled to the beginning, and the device of the view display method provided by the embodiment of the present application
  • the system or the terminal obtains the latest calculated sliding speed of the calculator from the sliding speed decay calculator, and the obtained calculator calculates the latest calculation.
  • the sliding speed as the sliding speed corresponding to the sliding event simultaneously moves the first view and the first
  • the sliding direction corresponding to the sliding event according to the sliding speed and the sliding distance corresponding to the sliding event
  • the first view and the second view are simultaneously moved.
  • the first view and the second view are simultaneously displayed on the screen, if the sliding event is monitored, the first view and the second view are simultaneously moved according to the sliding event, and the sliding event is a sliding event or a sliding event. event. More specifically, the sum of the height of the first view and the height of the second view is greater than the height of the screen, and in the case where the first view and the second view are simultaneously displayed on the screen, if a sliding event is monitored, Then, according to the sliding speed and the sliding distance corresponding to the sliding event, the first view and the second view are simultaneously moved to the sliding direction corresponding to the sliding event.
  • a schematic diagram of the display effect of the first view and the second view simultaneously displayed on the screen may refer to FIG. 4.
  • the screen of the smart terminal involved in the embodiment of the present application is a touch screen.
  • Step 601 Acquire a first view for displaying text data of a page, where the first view is a scroll view generated by the page view control according to the text data and having a height not greater than a height of a screen of the smart terminal.
  • Step 602 Acquire a second view for displaying list data of the page, where the second view is a scroll view generated by the list view control according to the list data and having a height not greater than a height of the screen.
  • Step 603 Save the first view and the second view to the video memory of the smart terminal to display at least one of the first view and the second view on the screen, where the bottom of the first view The end is adjacent and aligned with the top end of the second view.
  • Step 604 Determine whether the height of the first view is equal to the height of the screen. If yes, go to step 605. Otherwise, go to step 608.
  • step 608 is performed.
  • Step 605 displaying only the first view on the screen.
  • Step 606 if it is determined that the sliding event is detected when the text data is not scrolled to the end, the sliding event is sent to the page view control, so that the page view control is in the first according to the sliding event.
  • the body data is loaded in a scrolling manner in the view.
  • Step 607 if it is determined that the sliding event is detected when the text data is scrolled to the end, the first view and the second view are moved upward according to the sliding speed and the sliding distance corresponding to the upper sliding event. The first view and the second view are simultaneously displayed on the screen.
  • step 610 is performed.
  • Step 608 simultaneously displaying a first view and a partial second view on the screen, wherein a sum of a height of the first view and a height of the second view is greater than a height of the screen.
  • Step 609 If the sliding event is monitored, the first view and the second view are moved upward according to the sliding speed and the sliding distance corresponding to the upper sliding event.
  • step 610 is performed.
  • Step 610 if the height of the second view is equal to the height of the screen, determining that the first view and the second view move upward by a distance equal to the height of the first view, on the screen. Only the second view is displayed.
  • Step 611 if it is determined that the sliding event is detected when the list data is not scrolled to the beginning, the sliding event is sent to the list view control, so that the list view control is in the first step according to the sliding event.
  • the list data is loaded in a scrolling manner in the two views.
  • Step 612 if it is determined that the sliding event is detected when the list data is scrolled to the beginning, the first view and the second view are moved downward according to the sliding speed and the sliding distance corresponding to the lower sliding event. So that the first view and the second view are simultaneously displayed on the screen.
  • the embodiment of the present application provides a view rendering device, which may be a client application 108, and is disposed on the smart terminal 104. As shown in FIG. 7, the device includes:
  • a first obtaining module 701 configured to acquire a first view of text data for displaying a page, where the first view is a height generated by the page view control according to the text data is not greater than a height of a screen of the smart terminal.
  • a second obtaining module 702 configured to acquire a second view for displaying list data of the page, where the second view is a scroll generated by the list view control according to the list data and having a height not greater than a height of the screen view;
  • a rendering module 703 configured to display at least one of the first view and the second view on the screen, wherein a bottom end of the first view is adjacent to a top end of the second view Align.
  • the height of the first view is equal to the height of the screen; if the view height occupied by the text data is less than The height of the screen, the height of the first view is equal to the height of the view occupied by the text data;
  • the height of the second view is equal to the height of the screen; if the view data occupies a view height smaller than the height of the screen The height of the second view is equal to the view height occupied by the list data.
  • the apparatus further includes:
  • the display control module 704 is configured to perform display control on the first view and the second view on the screen.
  • the display control module 704 is specifically configured to:
  • the sliding event is sent to the page view control, so that the page view control is The sliding event loads the text data in a scrolling manner in the first view.
  • the display control module 704 is further configured to:
  • the first view and the upward movement are simultaneously moved according to the sliding speed and the sliding distance corresponding to the upper sliding event.
  • the second view is such that the first view and the second view are simultaneously displayed on the screen.
  • the display control module 704 is specifically configured to:
  • the first view and a portion of the second view are simultaneously displayed on the screen, wherein the height of the first view and the height of the second view The sum is greater than the height of the screen;
  • the first view and the second view are moved upward according to the sliding speed and the sliding distance corresponding to the upper sliding event.
  • the display control module 704 is further configured to:
  • the height of the second view is equal to the height of the screen, determining that the first view and the second view move upward by a distance equal to the height of the first view, only the display is displayed on the screen Said second view;
  • the sliding event is sent to the list view control, so that the list view control is based on The sliding event loads the list data in a rolling manner in the second view.
  • the display control module 704 is further configured to:
  • the first speed is moved downward according to the sliding speed and the sliding distance corresponding to the lower sliding event.
  • the view and the second view are such that the first view and the second view are simultaneously displayed on the screen.
  • the display control module 704 is further configured to:
  • the sliding direction corresponding to the sliding event according to the sliding speed and the sliding distance corresponding to the sliding event
  • the first view and the second view are simultaneously moved.
  • the text data is data corresponding to a body content of the page
  • the list data includes recommended page list data for the page, and/or a user for the text content. Comment list data.
  • the embodiment of the present application provides a non-volatile computer storage medium, where the computer storage medium stores an executable program, and the executable program is executed by the processor to implement the steps of any of the view rendering methods provided by the foregoing embodiments.
  • An embodiment of the present application provides an intelligent terminal, including a memory, a processor, and a computer program stored in the memory, where the processor implements the steps of any of the above view rendering methods when the program is executed.
  • FIG. 8 it is a schematic diagram of a hardware structure of the smart terminal according to the embodiment of the present application, where the smart terminal may be a desktop computer. , laptops, smartphones, tablets, etc.
  • the smart terminal may include a memory 801, a processor 802, and a computer program 805 stored on the memory, and the processor implements the steps of the view rendering method described above when the program is executed.
  • the memory 801 may include read only memory (ROM) and random access memory (RAM), and provides the processor 802 with program instructions and data stored in the memory 801.
  • the smart terminal in the present application may further include an input device 803, an output device 804, and the like.
  • the input device 803 can include a keyboard, a mouse, a touch screen, etc.;
  • the output device 804 can include a display device such as a liquid crystal display (LCD), a cathode ray tube (CRT), a touch screen, and the like.
  • the memory 801, the processor 802, the input device 803, and the output device 804 may be connected by a bus or other means, as exemplified by a bus connection in FIG.
  • the processor 802 calls the program instructions stored in the memory 801 and executes the view rendering method described above in accordance with the obtained program instructions.
  • the present invention provides a view rendering method, apparatus, medium, and intelligent terminal, which have the following beneficial effects: respectively, using a stand-alone page view control and a list view control to generate a first view and a second view that are not larger than a screen of the smart terminal, There is no need to render all the body data of the input page view control to the first view, thereby saving the memory space of the smart terminal, thereby improving the view display performance of the smart terminal, and the bottom end of the first view is opposite to the top of the second view. Neighboring and aligning, there will be no case where two views are nested with each other, which is in line with the user's usage habits. .
  • the computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device.
  • the apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device.
  • the instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

一种视图渲染方法、装置、介质及智能终端，该方法包括：获取用于显示页面的正文数据的第一视图，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图（101）；以及，获取用于显示所述页面的列表数据的第二视图，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动视图（102）；将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐（103）。该方法能够节省智能终端的显存空间，提升智能终端的视图显示性能。

Description

视图渲染方法、装置、介质及智能终端
本申请要求于2017年9月14日提交中国专利局、申请号为201710829273.0、申请名称为“一种视图渲染方法、装置、介质及智能终端”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及计算机技术领域，尤其涉及一种视图渲染方法、装置、介质及智能终端。
背景技术
目前，越来越多的用户选择使用智能移动终端访问网络，因此，智能移动终端侧的APP(Application，应用程序)也越来越多，其中，不乏文章浏览类APP，比如天天快报APP、网易新闻APP等。用户进入文章浏览类APP后，选择其中一篇文章进入详情页(以下简称页面)，该页面的页面数据包括正文数据、用户对该页面的评论对应的列表数据以及推荐页面的列表数据。
技术内容
本申请提供一种视图渲染方法、装置、介质及智能终端，用于解决现有技术中由于正文视图过大占用较大显存而导致的智能终端的视图显示性能差的问题。
本申请实施例提供一种视图渲染方法，应用于智能终端，包括：
获取用于显示页面的正文数据的第一视图的显示数据，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图；以及
获取用于显示所述页面的列表数据的第二视图的显示数据，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动视图；
根据所述第一视图的显示数据和所述第二视图的显示数据在所述屏幕上显示所述第一视图及第二视图中的至少一个，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。
本申请实施例提供一种视图渲染装置，设置于智能终端，包括：
第一获取模块，用于获取用于显示页面的正文数据的第一视图的显示数据，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图；
第二获取模块，用于获取用于显示所述页面的列表数据的第二视图的显示数据，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动视图；
渲染模块，用于根据所述第一视图的显示数据和所述第二视图的显示数据在所述屏幕上显示所述第一视图及第二视图，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。
本申请实施例提供一种非易失性计算机存储介质，所述计算机存储介质存储有可执行程序，该可执行程序被处理器执行实现上述任一视图渲染方法的步骤。
本申请实施例提供一种智能终端，包括存储器、处理器及存储在存储器上的计算机程序，所述处理器执行所述程序时实现上述任一视图渲染方法的步骤。
附图说明
通过参考附图阅读下文的详细描述，本申请示例性实施例的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本申请的若干实施方式，其中：
图1A是本申请涉及的系统架构图；
图1B为本申请一些实施例提供的视图渲染方法的流程示意图；
图2为本申请一些实施例提供的第一视图的底端与第二视图的顶端相邻且对齐的示例性示意图；
图3为本申请一些实施例提供的在屏幕上仅显示第一视图的显示效果的示例性示意图；
图4为本申请一些实施例提供的第一视图和第二视图同时显示在屏幕上的显示效果的示例性示意图；
图5为本申请一些实施例提供的在屏幕上仅显示第二视图的显示效果的示例性示意图；
图6为本申请一些实施例提供的视图渲染方法的具体实施过程的流程图；
图7为本申请一些实施例提供的视图渲染装置的结构示意图；
图8为本申请一些实施例提供的智能终端的硬件结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请可能的实施方式作进一步描述。
在一些实例中安装有安卓系统的智能终端可采用如下方式将用于显示页面数据的视图进行渲染：
获取用户查看的页面的正文数据和列表数据；利用页面视图(webview)控件根据所有正文数据全部渲染得到用于显示正文数据的正文视图；将该正文视图作为列表视图(listview)控件的第一个列表数据，由listview控件根据列表数据以及页面的列表数据渲染得到用于显示列表数据的列表视图；将得到的列表视图保存至智能终端的显存中。
对页面数据进行渲染后，在屏幕上对渲染得到的列表视图进行显示，用户直接在屏幕上针对列表视图进行滑动操作即可查看正文数据对应的内容和列表数据对应的内容，其中，由列表视图控件处理用户的滑动操作。
在该实例中，在将一页面中的所有正文数据全部渲染到用于显示正文内容的正文视图中的情况下，在正文内容较多、所占的正文视图的高度较大时，渲染得到的正文视图则会占用较大显存，从而导致智能终端的视图显示性能差的问题。
为解决以上技术问题，本申请提供了视图渲染方法、装置、介质及智能终端。图1A是本申请涉及的系统架构图，如图1A所述，服务器102提供页面服务。服务器102通过一个或多个网络106，向多个用户提供页面服务，其中所述多个用户分别操作他们各自的智能终端104(例如，智能终端104a-c)。
在一些实施例中，每个用户通过在智能终端104上执行的客户端应用108(例如，客户端应用108a-c)连接至服务器102。其中，所述客户端应用108可以为社交应用，例如，微信、QQ、微博等；客户端应用108还可以为视频应用、文章应用等多媒体应用；客户端应用108还可以为邮箱应用。当用户通过智能终端104上的客户端应用108向服务器102请求页面数据时，服务器102将对应的页面数据发送 给客户端应用108，客户端应用108根据接收到的页面数据在智能终端104的显示屏幕上显示对应的页面。其中，页面数据可以包括页面的正文内容的数据，也可以包括页面的列表数据，其中，正文内容的数据可以包括页面上的文本、图片、视频、音频等对应的数据，列表数据可以为由一个或多个列表项构成的数据，其中，列表项可以包括针对页面的正文内容的评论项，也可以包括针对页面的正文内容的推荐项。
智能终端104的示例包括但不限于掌上型计算机、可穿戴计算设备、个人数字助理(PDA)、平板计算机、笔记本电脑、台式计算机、移动电话、智能手机、增强型通用分组无线业务(EGPRS)移动电话、媒体播放器、导航设备、游戏控制台、电视机、或任意两个或更多的这些数据处理设备或其他数据处理设备的组合。
一个或多个网络106的示例包括局域网(LAN)和广域网(WAN)诸如互联网。可选地，可以使用任意公知的网络协议来实现一个或多个网络106，包括各种有线或无线协议，诸如，以太网、通用串行总线(USB)、FIREWIRE、全球移动通讯系统(GSM)、增强数据GSM环境(EDGE)、码分多址(CDMA)、时分多址(TDMA)、蓝牙、WiFi、IP语音(VoIP)，Wi-MAX，或任意其他适合的通信协议。
每个智能终端104可选地包括一个或者多个内部外围设备模块，或可以通过有线或无线连接至一个或多个外围设备(例如，导航系统、健康监测仪、气候控制器、智能运动装备、蓝牙耳机、智能手表等)。
本申请实施例提供一种视图渲染方法，由智能终端104上的客户端应用108执行，如图1B所示，包括：
步骤101，获取用于显示页面的正文数据的第一视图，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图。
步骤102，获取用于显示所述页面的列表数据的第二视图，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动视图。
具体实施时，页面视图控件和列表视图控件相互独立运行，其中，页面视图控件为一功能组件，用以显示和渲染web页面。其可以直接使用HTML文件做布局，并可以和JavaScrip交互调用，此外，还可以用以实现视图的滚动操作。该页面视图控件可以为webview。列表视图控件为一功能组件，可以滑动列表的方式展示列表 视图，用以展示列表类型的数据，例如相关新闻、视频、广告和评论等。该列表视图控件可以为ListView。
向页面视图控件输入正文数据后，页面视图控件根据正文数据生成高度不大于智能终端的屏幕的高度的滚动视图，该滚动视图即第一视图，该第一视图的宽度与智能终端的屏幕的宽度相同，第一视图的具体高度由页面视图控件根据实际应用场景确定。在输入页面视图控件的正文数据所占的视图高度大于屏幕的高度的情况下，页面视图控件可根据输入的正文数据的内容生成高度等于屏幕的高度的第一视图，即，若所述正文数据所占的视图高度大于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度，此时，页面视图控件若接收到用户的滑动操作，则将新的正文数据加载至第一视图，同时，由于第一视图的高度固定，第一视图中加载新的正文数据后，需要第一视图中消除已显示的部分正文数据，以使新的正文数据可完全显示在第一视图，其中，消除的正文数据在第一视图中所占的显示区域大小与加载的新的正文数据在第一视图中所占的显示区域的大小相同。其中，当滑动操作为上滑操作时，新的正文数据从第一视图的底端开始显示，消除的已显示的部分正文数据为第一视图顶端的正文数据；当滑动操作为下滑操作时，新的正文数据从第一视图的顶端开始显示，消除的已显示的部分正文数据为第一视图底端的正文数据。需要说明的是，已显示的部分正文数据被消除后，作为新的待加载正文数据存储。在输入页面视图控件的正文数据所占的视图高度等于屏幕的高度的情况下，页面视图控件可根据输入的正文数据的内容生成高度等于屏幕的高度的第一视图，并在该第一视图中显示所有输入的正文数据，即，若所述正文数据所占的视图高度等于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度。在输入页面视图控件的正文数据所占的视图高度小于屏幕的高度的情况下，页面视图控件可根据输入的正文数据的内容生成高度等于所述正文数据所占的视图高度的第一视图，并在该第一视图中显示所有输入的正文数据，即，若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度。本申请实施例中，第一视图相当于页面视图控件的容器。
向列表视图控件输入列表数据后，列表视图控件根据列表数据生成高度不大于智能终端的屏幕的高度的滚动视图，该滚动视图即第二视图，该第二视图的宽度与智能终端的屏幕的宽度相同，第二视图的具体高度由列表视图控件根据实际应用场 景确定。在输入列表视图控件的列表数据所占的视图高度大于屏幕的高度的情况下，列表视图控件可根据输入的列表数据的内容生成高度等于屏幕的高度的第二视图，即，若所述列表数据所占的视图高度大于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度，此时，列表视图控件若接收到用户的滑动操作，则将新的列表数据加载至第二视图，同时，由于第二视图的高度固定，第二视图中加载新的列表数据后，需要第二视图中消除已显示的部分列表数据，以使新的数据可完全显示在第二视图，其中，消除的列表数据在第二视图中所占的显示区域大小与加载的新的列表数据在第二视图中所占的显示区域的大小相同。其中，当滑动操作为上滑操作时，新的列表数据从第二视图的底端开始显示，消除的已显示的部分列表数据为第二视图顶端的列表数据；当滑动操作为下滑操作时，新的列表数据从第二视图的顶端开始显示，消除的已显示的部分列表数据为第二视图底端的列表数据。需要说明的是，已显示的部分列表数据被消除后，作为新的待加载列表数据存储。在输入列表视图控件的列表数据所占的视图高度等于屏幕的高度的情况下，列表视图控件可根据输入的列表数据的内容生成高度等于屏幕的高度的第二视图，用于显示所有输入的列表数据，即，若所述列表数据所占的视图高度等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度。在输入列表视图控件的列表数据所占的视图高度小于屏幕的高度的情况下，列表视图控件可根据输入的列表数据的内容生成高度等于列表数据所占的视图高度的第二视图，即，若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。本申请实施例中，第二视图相当于列表视图控件的容器，在智能终端上展示第二视图时，在第二视图中展示列表数据对应的各列表。
需要说明的是，以上针对页面视图控件以及列表视图控件中视图的显示方式以及根据滑动操作进行数据显示的方式可参见智能终端的操作系统提供的页面视图控件和列表视图控件，比如安卓系统的页面视图控件以及列表视图控件。向页面视图控件输入正文数据后，页面视图控件可自适应根据智能终端的型号、屏幕大小等参数，将正文数据渲染到相应的视图中，并在智能终端的屏幕上对该视图进行显示；向列表视图控件输入列表数据后，列表视图控件可自适应根据智能终端的型号、屏幕大小等参数，将列表数据渲染到相应的视图中，并在智能终端的屏幕上对该视图进行显示。
更具体的，屏幕的宽度为屏幕中用于显示视图的最大显示区域的宽度，屏幕的高度为屏幕中用于显示视图的最大显示区域的高度。
需要说明的是，可不限定步骤101和步骤102执行顺序的先后，可以先执行步骤102后执行步骤101，或者步骤101和步骤102同时执行。
步骤103，将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。
具体实施时，将第一视图和第二视图保存至智能终端的显存中，从而在智能终端上的屏幕上显示所述第一视图及第二视图。其中，第一视图的底端与第二视图的顶端相邻且对齐，并且，第一视图位于第二视图的上方。如图2所示，为第一视图的底端与第二视图的顶端相邻且对齐的示例性示意图，图2中，第一视图底部的宽边21与第二视图顶部的宽边22紧邻且对齐，由图2可知，本申请实施例渲染后的第一视图和第二视图互不相交。本申请实施例中，第一视图、第二视图以及屏幕均为长方形。
当智能终端104向服务器102请求页面数据时，服务器102将正文数据及列表数据发送给智能终端104，智能终端104根据接收到的正文数据及列表数据在屏幕上对第一视图及第二视图进行显示控制。具体地，当正文数据所占的视图高度小于屏幕的高度时，第一视图的高度等于正文数据所占的视图高度，在该情况下，正文数据在第一视图中全部显示。当正文数据所占的视图高度等于屏幕的高度时，第一视图的高度等于屏幕的高度，在该情况下，正文数据在第一视图中全部显示。当正文数据所占的视图高度大于屏幕的高度时，第一视图的高度等于屏幕的高度，在该情况下，第一视图的显示数据是正文数据的一部分，该部分正文数据所占的视图高度等于屏幕的高度。在显示第一视图时，先将上述部分正文数据添加到智能终端104的显存中，以在屏幕上显示第一视图，当监测到滑动事件后，将正文数据中新的部分添加到智能终端104的显存中，以在屏幕上的第一视图中显示新加载的部分，将第一视图中上部对应的部分从第一视图中消除。从而使得不需要在智能终端104的显存中加载所有的正文数据，从而提高了智能终端104的视图显示性能。列表数据的显示方式与正文数据的显示方式类似，在此不再赘述。
本申请实施例中，所述正文数据为所述页面的正文内容对应的数据，所述正文内容可以包括页面上的文本、图片、视频、音频等。所述列表数据是由一条或多条 列表项构成的数据，例如，所述列表数据包括针对所述页面的正文内容的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。本申请实施例可应用于显示正文数据和/或列表数据的场景中，比如应用于文章浏览类APP，在该APP的文章详情页面需要同时显示文章正文数据以及列表数据，文章浏览类APP可以为天天快报等新闻APP。
本申请实施例，分别利用独立运行的页面视图控件和列表视图控件生成在智能终端的屏幕上显示的第一视图和第二视图，无需将输入页面视图控件的所有正文数据均渲染到第一视图，从而节省了智能终端的显存空间，进而提升智能终端的视图显示性能。根据页面视图控件展示正文数据，充分利用了页面视图控件展示页面正文内容的灵活性和丰富的展示效果，同时还充分利用了列表视图控件展示列表项的展示效果和性能优势。并且，第一视图的底端与第二视图的顶端相邻且对齐，不会出现两个视图相互嵌套的情况，符合用户使用习惯。
本申请实施例提供的视图渲染方法，还包括：在所述屏幕上对所述第一视图和第二视图进行显示控制。
具体实施时，可根据第一视图的高度、第二视图的高度以及用户的滑动操作，在屏幕上对第一视图和第二视图进行显示控制。
作为一种实施方式，在所述屏幕上对第一视图和第二视图进行显示控制，即将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，具体包括：
若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；
在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。
具体实施时，在第一视图的高度等于屏幕的高度时，在屏幕上仅显示第一视图，即在屏幕上仅显示正文数据对应的正文内容。如图3所示，为在屏幕上仅显示第一视图的示例性示意图，其中，第一视图中显示正文数据对应的正文内容，比如显示新闻的正文内容，该正文内容可以包括文字和/或图片，此时第二视图不在屏幕上显示。比如，在初始化后，若第一视图的高度等于屏幕的高度，则在屏幕上默认仅显示第一视图。在仅显示第一视图的情况下，若在正文数据未滚动至正文数据的结尾处时监听到来自用户的滑动事件，将该滑动事件发送给页面视图控件，由页面视图 控件根据该滑动事件在第一视图中以滚动方式对正文数据进行加载。此时，监听到的滑动事件为上滑事件或者下滑事件。
页面视图控件接收到滑动事件后，根据该滑动事件在第一视图中以滚动方式对正文数据进行加载。
页面视图控件根据滑动事件在第一视图中对正文数据进行加载的过程中，若检测到正文数据滚动至正文数据的结尾，则向用于执行本申请实施例提供的视图渲染方法的装置、系统或终端发出正文数据滚动至结尾处的通知，用于执行本申请实施例提供的视图渲染方法的装置、系统或终端若确定接收到页面视图控件发送的正文数据滚动至结尾的通知时监听到上滑动事件，则按照所述该上滑事件对应的滑动速度和滑动距离，同时向上移动第一视图和第二视图，即，在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。如图4所示，为第一视图和第二视图同时显示在屏幕上的显示效果示意图，其中，在同时向上移动第一视图和第二视图后，第一视图和第二视图同时显示在屏幕上，其中，第一视图中显示正文数据对应的正文内容，比如显示新闻的正文内容，该正文内容可以包括文字和/或图片，第二视图中显示列表数据对应的列表内容，该列表内容可以包括浏览该新闻的用户对该新闻正文的评论和/或与针对该新闻的推荐新闻的标题。
进一步地，在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到下滑事件，则依然将该下滑事件发送给页面视图控件，由页面视图控件对该下滑事件进行处理。
具体实施时，以页面视图控件接收到的滑动事件为快速上滑事件为例，说明本申请实施例中对滑动事件的处理方式：在屏幕上仅显示第一视图的情况下，页面视图控件接收到快速上滑事件时，按照设定周期从滑动速度衰减计算器中获取该计算器最新计算出的滑动速度，并按照该滑动速度在第一视图中对加载的正文数据进行滚动，页面视图控件检测到正文数据滚动至结尾时，向用于执行本申请实施例提供的视图渲染方法的装置、系统或终端发出正文数据滚动至结尾处的通知，用于执行本申请实施例提供的视图显示方法的装置、系统或终端接收到页面视图控件发送的正文数据滚动至结尾处的通知后，从滑动速度衰减计算器获取该计算器最新计算出 的滑动速度，将获取到的该计算器最新计算出的滑动速度作为该上滑事件对应的滑动速度同时向上移动第一视图和第二视图，直到获取到的该计算器最新计算出的滑动速度等于零为止。
需要强调的是，本申请实施例所涉及的上滑事件包括快速上滑事件，下滑事件包括快速下滑事件，其中，快速上滑事件和快速下滑事件按照一定的滑动速度衰减算法，对滑动速度进行衰减，具体过程为现有过程，这里不做详述。
作为一种实施方式，在所述屏幕上对所述第一视图和第二视图进行显示控制，即将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，具体包括：
若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；
若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。具体实施时，在第一视图的高度小于屏幕的高度时，在屏幕上同时显示完整的第一视图以及部分的第二视图，即在屏幕上同时显示正文数据对应的正文内容和部分列表数据对应的列表内容。这种情况下第一视图和第二视图的高度之和大于屏幕的高度。在屏幕上同时显示完整的第一视图以及部分的第二视图的情况下，若监听到下滑事件，则保持当前的显示状态不变。在屏幕上同时显示完整的第一视图以及部分第二视图的显示效果示意图可参考图4，其中，假设图4中的第一视图的高度小于屏幕的高度，图4中显示了完整的第一视图以及部分第二视图。
若第一视图的高度小于屏幕的高度，并且，第一视图的高度和第二视图的高度之和小于或等于屏幕的高度，则在屏幕上显示完整的第一视图和完整的第二视图，此时，若监听到上滑事件或者下滑事件，则保持当前的显示状态不变。
作为一种实施方式，若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。
具体实施时，当确定第一视图和第二视图向上移动的距离等于第一视图的高度时，则说明第一视图在屏幕上消失，此时屏幕上仅显示第二视图，即在屏幕上仅显示列表数据，如图5所示，为在屏幕上仅显示第二视图的显示效果示意图。在仅显示第二视图的情况下，若确定在列表数据未滚动至起始处时监听到滑动事件，将该滑动事件发送给列表视图控件，由列表视图控件根据该滑动事件在第二视图中以滚动方式对列表数据进行加载，此时，监听到的滑动事件为上滑事件或者下滑事件。
列表视图控件接收到滑动事件后，根据该滑动事件在第二视图中以滚动方式对列表数据进行加载。
列表视图控件根据滑动事件在第二视图中对列表数据进行加载的过程中，若检测到列表数据滚动至列表数据的起始处，则向用于执行本申请实施例提供的视图渲染方法的装置、系统或终端发出列表数据滚动至起始处的通知，本申请实施例提供的视图渲染方法的装置、系统或终端若确定接收到列表视图控件发送的列表数据滚动至起始处的通知时监听到下滑事件，则按照所述该下滑动事件对应的滑动速度和滑动距离，同时向下移动第一视图和第二视图，即，在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。
具体实施时，以列表视图控件接收到的滑动事件为快速下滑事件为例，本申请实施例中对滑动事件的处理方式为：在屏幕上仅显示第二视图的情况下，列表视图控件接收到快速下滑事件时，按照设定周期从滑动速度衰减计算器中获取该计算器最新计算出的滑动速度，并按照该滑动速度在第二视图中对加载的列表数据进行滚动，列表视图控件检测到列表数据滚动至起始处时，向用于执行本申请实施例提供的视图渲染方法的装置、系统或终端发出列表数据滚动至起始处的通知，本申请实施例提供的视图显示方法的装置、系统或终端接收到列表视图控件发送的列表数据滚动至起始处的通知后，从滑动速度衰减计算器获取该计算器最新计算出的滑动速度，将获取到的该计算器最新计算出的滑动速度作为该下滑事件对应的滑动速度同时向下移动第一视图和第二视图，直到获取到的该计算器最新计算出的滑动速度等于零为止。
本申请实施例提供的视图渲染方法，还包括：
在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。
具体实施时，在屏幕上同时显示第一视图和第二视图的情况下，若监听到滑动事件，则根据该滑动事件同时移动第一视图和第二视图，该滑动事件为上滑事件或者下滑事件。更具体的，在第一视图的高度与第二视图的高度之和大于屏幕的高度，且，在第一视图和第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动第一视图和第二视图。本申请实施例中，第一视图和第二视图同时显示在屏幕上的显示效果示意图可参考图4。
需要说明的是，本申请实施例所涉及的智能终端的屏幕为触摸屏。
下面结合图6示例性说明本申请实施例提供的视图渲染方法的具体实施过程：
步骤601，获取用于显示页面的正文数据的第一视图，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图。
步骤602，获取用于显示所述页面的列表数据的第二视图，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动视图。
步骤603，将所述第一视图和所述第二视图保存至所述智能终端的显存，以在屏幕上展示第一视图及第二视图中的至少一个，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。
步骤604，判断所述第一视图的高度是否等于所述屏幕的高度，若是，执行步骤605，否则，执行步骤608。
具体实施时，由于第一视图的高度不大于屏幕的高度，当第一视图的高度不等于屏幕的高度时，即可直接确定第一视图的高度小于屏幕的高度，当第一视图的高度小于屏幕的高度时，执行步骤608。
步骤605，在所述屏幕上仅显示第一视图。
步骤606，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。
步骤607，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。
具体实施时，执行步骤607后，执行步骤610。
步骤608，在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度。
步骤609，若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。
具体实施时，执行步骤609后，执行步骤610。
步骤610，若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图。
步骤611，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。
步骤612，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。
本申请实施例提供一种视图渲染装置，该装置可以是客户端应用108，设置在智能终端104上，如图7所示，包括：
第一获取模块701，用于获取用于显示页面的正文数据的第一视图，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图；
第二获取模块702，用于获取用于显示所述页面的列表数据的第二视图，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动视图；
渲染模块703，用于将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。
所述装置中，若所述正文数据所占的视图高度大于或等于所述屏幕的高度，则 所述第一视图的高度等于所述屏幕的高度；若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度；
若所述列表数据所占的视图高度大于或等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度；若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。
在一些实施例中，所述装置，还包括：
显示控制模块704，用于在所述屏幕上对所述第一视图和第二视图进行显示控制。
在一些实施例中，所述装置中，所述显示控制模块704，具体用于：
若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；
在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。
在一些实施例中，所述装置中，所述显示控制模块704，还用于：
在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。
在一些实施例中，所述装置中，所述显示控制模块704，具体用于：
若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示所述第一视图以及部分的所述第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；
若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。
在一些实施例中，所述装置中，所述显示控制模块704，还用于：
若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；
在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据 该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。
在一些实施例中，所述装置中，所述显示控制模块704，还用于：
在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。
在一些实施例中，所述装置中，所述显示控制模块704，还用于：
在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。
在一些实施例中，所述装置中，所述正文数据为所述页面的正文内容对应的数据，所述列表数据包括针对所述页面的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。
本申请实施例提供一种非易失性计算机存储介质，所述计算机存储介质存储有可执行程序，该可执行程序被处理器执行实现上述实施例提供的任一视图渲染方法的步骤。
本申请实施例提供一种智能终端，包括存储器、处理器及存储在存储器上的计算机程序，所述处理器执行所述程序时实现上述任一视图渲染方法的步骤。
本申请实施例提供一种智能终端，用于执行上述的视图渲染方法，如图8所示，为本申请实施例中所述的智能终端的硬件结构示意图，该智能终端具体可以为的桌面计算机、便携式计算机、智能手机、平板电脑等。具体地，该智能终端可以包括存储器801、处理器802及存储在存储器上的计算机程序805，所述处理器执行所述程序时实现上述的视图渲染方法的步骤。其中，存储器801可以包括只读存储器(ROM)和随机存取存储器(RAM)，并向处理器802提供存储器801中存储的程序指令和数据。
进一步地，本申请中的智能终端还可以包括输入装置803以及输出装置804等。输入装置803可以包括键盘、鼠标、触摸屏等；输出装置804可以包括显示设备，如液晶显示器(Liquid Crystal Display，LCD)、阴极射线管(Cathode Ray Tube，CRT)，触摸屏等。存储器801，处理器802、输入装置803和输出装置804可以通过总线或者其他方式连接，图8中以通过总线连接为例。
处理器802调用存储器801存储的程序指令并按照获得的程序指令执行上述所述的视图渲染方法。
利用本申请实施例提供视图渲染方法、装置、介质及智能终端，具有以下有益效果：分别利用独立运行的页面视图控件和列表视图控件生成不大于智能终端的屏幕的第一视图和第二视图，无需将输入页面视图控件的所有正文数据均渲染到第一视图，从而节省了智能终端的显存空间，进而提升智能终端的视图显示性能，并且，第一视图的底端与第二视图的顶端相邻且对齐，不会出现两个视图相互嵌套的情况，符合用户使用习惯。。
应当注意，尽管在上文详细描述中提及了视图渲染装置的若干模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本申请的实施方式，上文描述的两个或更多模块的特征和功能可以在一个模块中具体化。反之，上文描述的一个模块的特征和功能可以进一步划分为由多个模块来具体化。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本申请的实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为 包括实施例以及落入本申请范围的所有变更和修改。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (12)

  1. 一种视图渲染方法，由智能终端执行，包括：
    获取用于显示页面的正文数据的第一视图，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图；以及
    获取用于显示所述页面的列表数据的第二视图，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动视图；
    将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。
  2. 根据权利要求1所述的方法，其中：
    若所述正文数据所占的视图高度大于或等于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度；若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度；
    若所述列表数据所占的视图高度大于或等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度；若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。
  3. 根据权利要求1所述的方法，其中，所述将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，包括：
    若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；
    在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。
  4. 根据权利要求3所述的方法，其中，还包括：
    在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。
  5. 根据权利要求1所述的方法，其中，所述将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，包括：
    若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示所述第 一视图以及部分的所述第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；
    若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。
  6. 根据权利要求5所述的方法，其中，还包括：
    若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；
    在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。
  7. 根据权利要求6所述的方法，其中，还包括：
    在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。
  8. 根据权利要求1所述的方法，其特征在于，还包括：
    在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。
  9. 根据权利要求1-5任一项所述的方法，其中，所述正文数据为所述页面的正文内容对应的数据，所述列表数据包括针对所述页面的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。
  10. 一种视图渲染装置，其中，设置于智能终端，包括：
    第一获取模块，用于获取用于显示页面的正文数据的第一视图，所述第一视图为由页面视图控件根据所述正文数据生成的高度不大于所述智能终端的屏幕的高度的滚动视图；
    第二获取模块，用于获取用于显示所述页面的列表数据的第二视图，所述第二视图为由列表视图控件根据所述列表数据生成的高度不大于所述屏幕的高度的滚动 视图；
    渲染模块，用于将所述第一视图和所述第二视图中的至少一个在所述屏幕上显示，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。
  11. 一种非易失性计算机存储介质，其中，程序，该可执行程序被处理器执行实现权利要求1-9任一所述方法的步骤。
  12. 一种智能终端，其中，包括存储器、处理器及存储在存储器上的计算机程序，所述处理器执行所述计算机程序时实现权利要求1-9任一所述方法的步骤。
PCT/CN2018/105644 2017-09-14 2018-09-14 视图渲染方法、装置、介质及智能终端 WO2019052524A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710829273.0 2017-09-14
CN201710829273.0A CN109508213B (zh) 2017-09-14 2017-09-14 一种视图渲染方法、装置、介质及智能终端

Publications (1)

Publication Number Publication Date
WO2019052524A1 true WO2019052524A1 (zh) 2019-03-21

Family

ID=65723219

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/105644 WO2019052524A1 (zh) 2017-09-14 2018-09-14 视图渲染方法、装置、介质及智能终端

Country Status (2)

Country Link
CN (1) CN109508213B (zh)
WO (1) WO2019052524A1 (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111782994A (zh) * 2019-09-30 2020-10-16 北京京东尚科信息技术有限公司 基于视图控件循环展示信息的方法和装置
CN112272329A (zh) * 2020-10-28 2021-01-26 海看网络科技(山东)股份有限公司 一种加快安卓列表显示速度的方法
CN112506509A (zh) * 2020-12-11 2021-03-16 杭州安恒信息技术股份有限公司 一种实现树形控件支持大数据渲染的方法及相关装置
CN112732397A (zh) * 2021-01-28 2021-04-30 上海上讯信息技术股份有限公司 一种加载显示大数据报表的方法与设备
CN113626126A (zh) * 2021-08-18 2021-11-09 平安普惠企业管理有限公司 应用程序启动页适配方法、装置、设备及介质
CN113655926A (zh) * 2021-08-19 2021-11-16 北京百度网讯科技有限公司 显示控制方法、装置、设备和存储介质
CN114911564A (zh) * 2022-06-16 2022-08-16 北京有竹居网络技术有限公司 一种页面移动处理方法、装置、设备和存储介质
CN115484487A (zh) * 2022-08-23 2022-12-16 北京奇艺世纪科技有限公司 一种视频播放方法、装置、电子设备及存储介质

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113535294A (zh) * 2021-06-08 2021-10-22 摩尔元数（厦门）科技有限公司 一种h5列表的渲染加速方法、装置、设备和介质
CN114428657B (zh) * 2022-01-11 2024-04-05 上海万物新生环保科技集团有限公司 一种在H5端基于Taro框架的滑动方法与设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060277460A1 (en) * 2005-06-03 2006-12-07 Scott Forstall Webview applications
CN101594477A (zh) * 2008-05-30 2009-12-02 新奥特（北京）视频技术有限公司 一种超长字幕渲染的处理系统
CN103488504A (zh) * 2013-09-12 2014-01-01 天脉聚源(北京)传媒科技有限公司 一种数据加载方法及装置
CN103544166A (zh) * 2012-07-11 2014-01-29 百度在线网络技术（北京）有限公司 一种用于实现页面分块浏览的方法与设备

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110113365A1 (en) * 2009-11-09 2011-05-12 Microsoft Corporation Scrolling large data sets
US9595298B2 (en) * 2012-07-18 2017-03-14 Microsoft Technology Licensing, Llc Transforming data to create layouts
CN105183326B (zh) * 2015-07-17 2018-05-08 小米科技有限责任公司 列表显示方法及装置
CN106293760B (zh) * 2016-08-19 2019-08-27 成都卓影科技股份有限公司 一种epg的视图动态布局系统及其方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060277460A1 (en) * 2005-06-03 2006-12-07 Scott Forstall Webview applications
CN101594477A (zh) * 2008-05-30 2009-12-02 新奥特（北京）视频技术有限公司 一种超长字幕渲染的处理系统
CN103544166A (zh) * 2012-07-11 2014-01-29 百度在线网络技术（北京）有限公司 一种用于实现页面分块浏览的方法与设备
CN103488504A (zh) * 2013-09-12 2014-01-01 天脉聚源(北京)传媒科技有限公司 一种数据加载方法及装置

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111782994A (zh) * 2019-09-30 2020-10-16 北京京东尚科信息技术有限公司 基于视图控件循环展示信息的方法和装置
CN111782994B (zh) * 2019-09-30 2024-04-05 北京京东尚科信息技术有限公司 基于视图控件循环展示信息的方法和装置
CN112272329A (zh) * 2020-10-28 2021-01-26 海看网络科技(山东)股份有限公司 一种加快安卓列表显示速度的方法
CN112506509B (zh) * 2020-12-11 2024-02-09 杭州安恒信息技术股份有限公司 一种实现树形控件支持大数据渲染的方法及相关装置
CN112506509A (zh) * 2020-12-11 2021-03-16 杭州安恒信息技术股份有限公司 一种实现树形控件支持大数据渲染的方法及相关装置
CN112732397A (zh) * 2021-01-28 2021-04-30 上海上讯信息技术股份有限公司 一种加载显示大数据报表的方法与设备
CN113626126A (zh) * 2021-08-18 2021-11-09 平安普惠企业管理有限公司 应用程序启动页适配方法、装置、设备及介质
CN113655926A (zh) * 2021-08-19 2021-11-16 北京百度网讯科技有限公司 显示控制方法、装置、设备和存储介质
CN113655926B (zh) * 2021-08-19 2024-03-15 北京百度网讯科技有限公司 显示控制方法、装置、设备和存储介质
CN114911564A (zh) * 2022-06-16 2022-08-16 北京有竹居网络技术有限公司 一种页面移动处理方法、装置、设备和存储介质
CN114911564B (zh) * 2022-06-16 2023-08-22 北京有竹居网络技术有限公司 一种页面移动处理方法、装置、设备和存储介质
CN115484487B (zh) * 2022-08-23 2023-12-05 北京奇艺世纪科技有限公司 一种视频播放方法、装置、电子设备及存储介质
CN115484487A (zh) * 2022-08-23 2022-12-16 北京奇艺世纪科技有限公司 一种视频播放方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN109508213B (zh) 2022-04-22
CN109508213A (zh) 2019-03-22

Similar Documents

Publication Publication Date Title
WO2019052524A1 (zh) 视图渲染方法、装置、介质及智能终端
US10082944B2 (en) Autoscroll regions
TWI624781B (zh) 用以結合多個設備的顯示器之方法、裝置及電腦程式產品
WO2017166621A1 (zh) 一种分屏显示方法、装置和电子设备
US10061759B2 (en) Progressive loading for web-based spreadsheet applications
EP2508986A1 (en) Backing store memory management for rendering scrollable webpage subregions
US20180225019A1 (en) Information obtaining method and apparatus
KR102133826B1 (ko) 멀티 윈도우의 디스플레이를 제어하는 단말기 및 방법
US20120260211A1 (en) Method and apparatus for providing a user interface in association with a recommender service
US11372528B2 (en) User interface display method, device, and apparatus
US20140026038A1 (en) Transforming data to create layouts
US20120047469A1 (en) Method and apparatus for adapting a content package comprising a first content segment from a first content source to display a second content segment from a second content source
WO2014161357A1 (zh) 浏览器资源显示方法和装置、计算机可读存储介质
US20190129401A1 (en) Machine learning system for adjusting operational characteristics of a computing system based upon hid activity
CN111258736B (zh) 信息处理方法、装置和电子设备
US20160140250A1 (en) Dynamic adjustment of elements of a document
CN103631435A (zh) 用于控制触摸功能的方法及其电子装置
US20240028351A1 (en) Management of user interface elements based on historical configuration data
US20140092084A1 (en) Webpage display method and apparatus
US10248630B2 (en) Dynamic adjustment of select elements of a document
WO2023097998A1 (zh) 图表显示方法、装置、电子设备、存储介质及程序
US20160179756A1 (en) Dynamic application of a rendering scale factor
US10015735B1 (en) Selecting data anchor point based on subscriber mobility
CN112463090B (zh) 分辨率调整方法、装置、设备及介质
US20170323220A1 (en) Modifying the Modality of a Computing Device Based Upon a User's Brain Activity

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18856697

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18856697

Country of ref document: EP

Kind code of ref document: A1