WO2023103869A1 - 内容渲染方法、装置、电子设备及存储介质 - Google Patents

内容渲染方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
WO2023103869A1
WO2023103869A1 PCT/CN2022/135873 CN2022135873W WO2023103869A1 WO 2023103869 A1 WO2023103869 A1 WO 2023103869A1 CN 2022135873 W CN2022135873 W CN 2022135873W WO 2023103869 A1 WO2023103869 A1 WO 2023103869A1
Authority
WO
WIPO (PCT)
Prior art keywords
rendering
pixel density
default
page
ratio
Prior art date
Application number
PCT/CN2022/135873
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 WO2023103869A1 publication Critical patent/WO2023103869A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Definitions

  • the present disclosure relates to the technical field of application data processing, and in particular to a content rendering method, device, electronic equipment, and storage medium.
  • Embodiments of the present disclosure provide a content rendering method, device, electronic equipment, and storage medium.
  • an embodiment of the present disclosure provides a content rendering method, including:
  • the current page is rendered with the first default zoom ratio corresponding to the current page, wherein the zoom ratio of the page corresponds to the rendering pixel density, and the rendering pixel density refers to the rendering unit object the number of pixels used;
  • the current page is rendered according to the first zoom ratio carried in the first zoom control command.
  • rendering the current page with the first default zoom ratio corresponding to the current page includes:
  • the first default rendering pixel density corresponding to the first default zoom ratio is calculated according to the first default zoom ratio Rendering pixel density, using the first default rendering pixel density to render the current page, and storing the corresponding relationship between the first default zoom ratio and the first default rendering pixel density in the storage space.
  • rendering the current page according to the first zoom ratio carried by the first zoom control command includes:
  • first rendering pixel density corresponding to the first scaling ratio is not stored in the storage space, calculate the first rendering pixel density corresponding to the first scaling ratio according to the first scaling ratio, and use The first rendering pixel density renders the current page, and stores the corresponding relationship between the first zoom ratio and the first rendering pixel density in the storage space.
  • the content rendering method further includes:
  • the rendering the target page includes:
  • the second rendering pixel density corresponding to the second scaling ratio is calculated according to the second scaling ratio, using The second rendering pixel density renders the target page, and stores the corresponding relationship between the second scaling ratio and the second rendering pixel density in the storage space.
  • the content rendering method further includes:
  • the content rendering method further includes:
  • the elder mode In response to receiving the elder mode off command, the elder mode is turned off.
  • the content rendering method further includes:
  • the elder mode In response to receiving the elder mode off confirmation command, the elder mode is turned off.
  • an embodiment of the present disclosure provides a content rendering device, including:
  • the first rendering module is configured to render the current page with a first default zoom ratio corresponding to the current page in response to detecting that the elder mode of the user client is turned on, wherein the zoom ratio of the page corresponds to the rendering pixel density, and the rendering Pixel density refers to the number of pixels used to render a unit object;
  • the receiving module is configured to receive a first zoom control command sent by the user through the first zoom control component displayed on the current page, wherein the first zoom control command carries a first zoom ratio;
  • the second rendering module is configured to render the current page according to the first zoom ratio carried by the first zoom control command.
  • the first rendering module is further configured to:
  • the first default rendering pixel density corresponding to the first default zoom ratio is calculated according to the first default zoom ratio Rendering pixel density, using the first default rendering pixel density to render the current page, and storing the corresponding relationship between the first default zoom ratio and the first default rendering pixel density in the storage space.
  • the second rendering module is further configured to:
  • first rendering pixel density corresponding to the first scaling ratio is not stored in the storage space, calculate the first rendering pixel density corresponding to the first scaling ratio according to the first scaling ratio, and use The first rendering pixel density renders the current page, and stores the corresponding relationship between the first zoom ratio and the first rendering pixel density in the storage space.
  • the content rendering apparatus further includes:
  • the third rendering module is configured to jump to the target page in response to receiving a target page jump command issued by the user, and render the target page with the second default zoom ratio corresponding to the target page, or to render the target page with the received
  • the second zoom ratio carried by the second zoom control command renders the target page, wherein the second zoom control command is sent by the user through the second zoom control component displayed on the target page.
  • the third rendering module is further configured to:
  • the second rendering pixel density corresponding to the second scaling ratio is calculated according to the second scaling ratio, using The second rendering pixel density renders the target page, and stores the corresponding relationship between the second scaling ratio and the second rendering pixel density in the storage space.
  • the content rendering apparatus further includes:
  • the display module is configured to display an elder mode closing prompt on a preset page.
  • the content rendering apparatus further includes:
  • a shutdown module configured to, in response to receiving an elder mode shutdown command, turn off the elder mode.
  • the content rendering apparatus further includes:
  • the shutdown module is configured to jump to the elder mode setting page in response to receiving the elder mode closing command; to display the elder mode selection information in the elder mode setting page; to close the elder mode in response to receiving the elder mode closing confirmation command .
  • an embodiment of the present disclosure provides an electronic device, including a memory and at least one processor, the memory is used to store one or more computer instructions, wherein the one or more computer instructions are executed by the at least A processor executes to implement the above content rendering method.
  • an embodiment of the present disclosure provides a computer-readable storage medium on which computer instructions are stored, wherein the above-mentioned content rendering method is implemented when the computer instructions are executed by a processor.
  • an embodiment of the present disclosure provides a computer program product, including a computer program/instruction, wherein the above content rendering method is implemented when the computer program/instruction is executed by a processor.
  • the embodiment of the present disclosure provides an operation mode suitable for the elderly.
  • this operation mode the size of the displayed content can be flexibly adjusted, and it is convenient for the elderly to view and use information.
  • the implementation is simple, and there is no need to go deep into each page or Adapt to each component without redeveloping a set of page data and interaction data. In this way, the size of the application data package will not be increased, the risk of system stability will not be increased, and the maintenance cost of the later application will not be increased.
  • Fig. 1 shows a flowchart of a content rendering method according to an embodiment of the present disclosure.
  • FIGS. 2A-2B show a schematic diagram of a content rendering page according to an embodiment of the present disclosure.
  • Fig. 3 shows a structural block diagram of a content rendering device according to an embodiment of the present disclosure.
  • Fig. 4 shows a structural block diagram of an electronic device according to an embodiment of the present disclosure.
  • Fig. 5 is a schematic structural diagram of a computer system suitable for implementing a content rendering method according to an embodiment of the present disclosure.
  • first, second, third and the like may be used in the embodiments of the present disclosure to describe various information, the information should not be limited by these terms. These terms are only used to distinguish information of the same type from one another. For example, without departing from the scope of the present disclosure, first information may also be called second information, and similarly, second information may also be called first information.
  • the present disclosure provides a content rendering method, device, electronic equipment and storage medium.
  • Fig. 1 shows a flowchart of a content rendering method according to an embodiment of the present disclosure. As shown in Fig. 1, the content rendering method includes the following steps S101-S103.
  • step S101 in response to detecting that the elder mode of the user client is turned on, the current page is rendered with the first default zoom ratio corresponding to the current page, wherein the zoom ratio of the page corresponds to the rendering pixel density, and the rendering pixel density refers to is the number of pixels used to render the unit object.
  • step S102 a first zoom control command sent by a user through a first zoom control component displayed on a current page is received, wherein the first zoom control command carries a first zoom ratio.
  • step S103 the current page is rendered according to the first zoom ratio carried in the first zoom control command.
  • a content rendering method which provides an operation mode suitable for the elderly, and in this operation mode, the size of the displayed content can be flexibly adjusted.
  • This method is highly targeted and can facilitate the viewing and use of information by the elderly. It is simple to implement and does not require in-depth adaptation of each page or component, nor does it need to redevelop a set of page data and interaction data. In this way, the size of the application data package will not be increased, the risk of system stability will not be increased, and the maintenance cost of the later application will not be increased.
  • the content rendering method is applicable to clients such as computers, computing devices, electronic devices, smart terminals, etc., especially clients of elderly users.
  • the elder mode refers to a display mode and an operation mode that are convenient for the elderly to view, use and operate information.
  • the elder mode of the user client may refer to the elder mode of the common user client which is different from the normal mode, or may refer to the elder user client which is different from the common user client.
  • the user who turns on the elder mode may be an elder user, or may not be an elder user, and the present disclosure does not specifically limit the user who turns on the elder mode.
  • the display font will be slightly larger, for example, the size of the display font is greater than or equal to the preset font size, wherein the display font The size of can be set according to the needs of the actual application, and the specific setting method will be described below.
  • the colors used to display the content are preset colors suitable for elders to watch below the preset number, for example, Use the three basic colors of red, green and blue.
  • the elderly usually pay less attention to advertising content, are less willing to try new or higher-priced things, and prefer things close to daily life, therefore, in the elder mode, the displayed content will remove the advertising content, floating
  • the content displayed in the window is adjusted to the content that the elderly are interested in and frequently viewed. For example, buy one get one free on eggs, 50% off fresh cabbage delivered to your door, 20% off commonly used medicines, etc.
  • Supermarket discount information, vegetables, fruits, meat and other daily ingredients Purchase information, drug discount information, restaurant dining information for the elderly, etc.
  • the elderly usually only pay attention to the information of grocery shopping, supermarkets, pharmacies, and restaurants for the elderly, and occasionally order a takeaway, and do not pay much attention to the dining information of restaurants, especially high-end restaurants.
  • the display component can only Including elderly meals, shopping in supermarkets, shopping for vegetables, buying medicines, ordering takeaways, checking the weather and other components.
  • the display icons should be as simple and easy to understand as possible, and the expression form of functional verb + noun is used, and the preset suitable The icons viewed by the elders, for example, the supermarket icon is set to "go to the supermarket” instead of "supermarket convenience” or “supermarket/convenience store", and the grocery shopping icon is set to "go shopping” instead of "fresh food/vegetable market”.
  • the medicine icon is set to "buy medicine” instead of "drug supermarket", and the takeaway icon is set to "order takeaway” instead of "gourmet takeaway”.
  • a one-key help function button is also set. When the elderly user clicks the one-key help function button, that is A call to service page can be displayed so that the elderly can conduct telephone consultation on difficulties they encounter.
  • the size of the display font is greater than or equal to the preset font size
  • the display content is the preset content that the elders are interested in
  • the display components are the preset components that the elders are interested in
  • the display color is the preset The color suitable for elders to watch
  • the display icon is a preset icon suitable for elders to view
  • a one-key help function button is set, as shown in Figure 2A.
  • the zoom ratio refers to a zoom ratio of page display, and the zoom ratio determines the size of the content displayed on the page. For example, when the zoom ratio is greater than 100%, the size of the content displayed on the page is larger than the standard size; when the zoom ratio is smaller than 100%, the size of the content displayed on the page is smaller than the standard size; when the zoom ratio is equal to 100%, The size of the page display content is equal to the standard size.
  • each page can be set with a corresponding default zoom ratio, and the default zoom ratios corresponding to different pages can be the same or different, and the zoom ratio corresponding to each page can be modified to meet the needs of users, see below for details describe.
  • the rendering pixel density refers to the number of pixels used for rendering a unit object, wherein the unit object refers to the smallest object unit to be rendered, such as a Chinese character, a foreign character, etc. .
  • the unit object is a Chinese character
  • the rendering pixel density is 16 ⁇ 16.
  • the rendering pixel density in the elder mode can be set to 1.3 times, 1.5 times, or 1.5 times the rendering pixel density in the normal mode. 2 times or even 3 times.
  • each page can be set with a default zoom ratio, and the default zoom ratios corresponding to different pages can be the same or different, and the zoom ratio corresponding to each page can be modified. Since the zoom ratio corresponds to the rendering pixel density, each page also has a corresponding default rendering pixel density.
  • the default rendering pixel density corresponding to different pages can be the same or different, and the default rendering pixel density corresponding to each page can also be modified.
  • the scaling ratios and rendering pixel densities corresponding to different pages can always be stored in the storage space, and the corresponding relationship between the scaling ratios and rendering pixel densities cannot be changed, so as to be called when subsequent pages are displayed.
  • the default rendering pixel density corresponding to each page in the elder mode is greater than that in the normal mode, so that it can be adapted without going deep into each page or each component, and without redeveloping a set
  • the size of the display content can be flexibly adjusted, neither increasing the size of the application data package, nor increasing the risk of system stability, nor increasing the maintenance cost of the later application.
  • the storage space may be set locally on the client side, or on a remote side such as a server side. If the storage space is set locally on the client side, the reading speed of the scaling ratio and rendering pixel density and their corresponding relationship can be accelerated; The corresponding relationship can be shared by multiple clients. Compared with storing locally on the client, the reading speed of the scaling factor, rendering pixel density and their corresponding relationship will be a little slower, but the scaling factor and rendering pixel density can be set to And its corresponding relationship is downloaded to the client's local area in advance to solve.
  • the scaling ratio corresponds to the rendering pixel density
  • the corresponding rendering pixel density can be calculated according to the scaling ratio.
  • the rendering pixel density may be calculated based on the scaling ratio, the size of the terminal display screen, and the resolution of the terminal display screen. It should be noted that, the method for calculating the rendering pixel density based on the scaling ratio can be selected according to the needs of practical applications, which is not particularly limited in the present disclosure.
  • the zoom control component refers to a component that can be displayed or loaded on a certain page, and can be provided to the user to adjust and control the zoom ratio.
  • the scaling control component may be, for example, a drag bar whose dragging position may represent different scaling ratios, a dragging component whose dragging area may represent different scaling ratios, or a scaling ratio input component.
  • the user can send a zoom control command by manipulating the zoom control component, so as to realize the adjustment of the zoom ratio, and then realize the control of the font size displayed on a certain page.
  • the zoom control command carries at least a zoom ratio value, and the zoom ratio of the current page can be modified subsequently according to the zoom control command.
  • the elder mode of the user client if it is detected that the elder mode of the user client is turned on, first obtain the default zoom ratio corresponding to the current page, wherein the current page can be the home page of the elder mode of the user client or the elder of the user client mode; then render the current page with the default zoom ratio corresponding to the current page; if a zoom control command sent by the user through the zoom control component displayed on the current page is subsequently received, the zoom control command carried by the zoom control command can be used to The zoom ratio modifies the zoom ratio of the current page; finally, the current page is rendered with the modified zoom ratio to meet the user's need for controlling the display font size.
  • the step of rendering the current page with the first default zoom ratio corresponding to the current page in step S101 may include the following steps:
  • the first default rendering pixel density corresponding to the first default zoom ratio is calculated according to the first default zoom ratio Rendering pixel density, using the first default rendering pixel density to render the current page, and storing the corresponding relationship between the first default zoom ratio and the first default rendering pixel density in the storage space.
  • the scaling ratio corresponds to the rendering pixel density
  • the scaling ratio and rendering pixel density corresponding to different pages can always be stored in the storage space, and the correspondence between the scaling ratio and the rendering pixel density cannot be determined. is changed to be called when subsequent pages are displayed.
  • the storage space can also be searched first according to the current zoom ratio, if there is a correspondence between the calculated zoom ratio and the rendering pixel density in the storage space The relationship between the rendered pixel density can be directly retrieved and used. If the corresponding relationship between the calculated scaling ratio and the rendered pixel density does not exist in the storage space, the rendered pixel density is recalculated.
  • the step S103 that is, the step of rendering the current page according to the first zoom ratio carried by the first zoom control command, may include the following steps:
  • first rendering pixel density corresponding to the first scaling ratio is not stored in the storage space, calculate the first rendering pixel density corresponding to the first scaling ratio according to the first scaling ratio, and use The first rendering pixel density renders the current page, and stores the corresponding relationship between the first zoom ratio and the first rendering pixel density in the storage space.
  • the content rendering method may further include the following steps:
  • the target page after receiving the target page jump command sent by the user, first jump to the target page, and when it is confirmed that the zoom control command sent by the user has not been received, obtain the default zoom ratio corresponding to the target page, The target page is rendered by using the default zoom ratio corresponding to the target page; when the zoom control command sent by the user is confirmed to be received, the target page is rendered by using the zoom ratio carried by the received zoom control command.
  • the step of rendering the target page may include the following steps:
  • the second rendering pixel density corresponding to the second scaling ratio is calculated according to the second scaling ratio, using The second rendering pixel density renders the target page, and stores the corresponding relationship between the second scaling ratio and the second rendering pixel density in the storage space.
  • the content rendering method may further include the following steps:
  • a prompt to close the elder mode can also be displayed on the preset page, such as "go to close Elderly mode" and so on, as shown in FIG. 2B, wherein the preset page can be one or several preset pages, or the current page. If the user confirms the prompt to close the senior mode, such as clicking "to close the senior mode", it can be considered that the user has issued a command to close the senior mode, and can directly close the senior mode, and switch back to the normal display mode to display the target Content within a preset range around the location.
  • the content rendering method may further include the following steps:
  • the elder mode In response to receiving the elder mode off command, the elder mode is turned off.
  • the senior mode after receiving the senior mode closing command, the senior mode is not directly closed, but first jumps to the senior mode setting page, and then according to the user's selection of the senior mode, it is determined whether to close all Describe the elder model.
  • the content rendering method may further include the following steps:
  • the elder mode In response to receiving the elder mode off confirmation command, the elder mode is turned off.
  • the elder mode selection information is shown as a click bar, when the user selects the elder mode, the elder mode click bar is green, if the user clicks the elder mode click bar, it is considered that the user confirms The elder mode is turned off, and the elder mode selection bar turns back to gray.
  • Fig. 3 shows a structural block diagram of a content rendering device according to an embodiment of the present disclosure, and the device can be implemented as part or all of an electronic device through software, hardware or a combination of the two.
  • the content rendering device includes:
  • the first rendering module 301 is configured to render the current page with a first default zoom ratio corresponding to the current page in response to detecting that the elder mode of the user client is turned on, wherein the zoom ratio of the page corresponds to the rendering pixel density, and the Rendering pixel density refers to the number of pixels used to render unit objects;
  • the receiving module 302 is configured to receive a first zoom control command sent by the user through the first zoom control component displayed on the current page, where the first zoom control command carries a first zoom ratio;
  • the second rendering module 303 is configured to render the current page according to the first zoom ratio carried in the first zoom control command.
  • a content rendering device which provides an operation mode suitable for the elderly, and in this operation mode, the size of the displayed content can be flexibly adjusted.
  • the device is highly targeted and can facilitate the elderly to view and use information. It is simple to implement and does not need to go deep into each page or each component for adaptation, and does not need to redevelop a set of page data and interactive data. In this way, the size of the application data package will not be increased, the risk of system stability will not be increased, and the maintenance cost of the later application will not be increased.
  • the content rendering apparatus may be implemented as a client such as a computer, a computing device, an electronic device, or a smart terminal, especially a client of an elderly user.
  • the elder mode refers to a display mode and an operation mode that are convenient for the elderly to view, use and operate information.
  • the elder mode of the user client may refer to the elder mode of the common user client which is different from the normal mode, or may refer to the elder user client which is different from the common user client.
  • the user who turns on the elder mode may be an elder user, or may not be an elder user, and the present disclosure does not specifically limit the user who turns on the elder mode.
  • the display font will be slightly larger, for example, the size of the display font is greater than or equal to the preset font size, wherein the display font The size of can be set according to the needs of the actual application, and the specific setting method will be described below.
  • the colors used to display the content are preset colors suitable for elders to watch below the preset number, for example, Use the three basic colors of red, green and blue.
  • the elderly usually pay less attention to advertising content, are less willing to try new or higher-priced things, and prefer things close to daily life, therefore, in the elder mode, the displayed content will remove the advertising content, floating
  • the content displayed in the window is adjusted to the content that the elderly are interested in and frequently viewed. For example, buy one get one free on eggs, 50% off fresh cabbage delivered to your door, 20% off commonly used medicines, etc.
  • Supermarket discount information, vegetables, fruits, meat and other daily ingredients Purchase information, drug discount information, restaurant dining information for the elderly, etc.
  • the elderly usually only pay attention to the information of grocery shopping, supermarkets, pharmacies, and restaurants for the elderly, and occasionally order takeaway, and do not pay much attention to the dining information of restaurants, especially high-end restaurants.
  • the display component can only Including elderly meals, shopping in supermarkets, shopping for vegetables, buying medicines, ordering takeaways, checking the weather and other components.
  • the display icons should be as simple and easy to understand as possible, and the expression form of functional verb + noun is used, and the preset suitable The icons viewed by the elders, for example, the supermarket icon is set to "go to the supermarket” instead of "supermarket convenience” or “supermarket/convenience store", and the grocery shopping icon is set to "go shopping” instead of "fresh food/vegetable market”.
  • the medicine icon is set to "buy medicine” instead of "drug supermarket", and the takeaway icon is set to "order takeaway” instead of "gourmet takeaway”.
  • a one-key help function button is also set. When the elderly user clicks the one-key help function button, that is A call to service page can be displayed so that the elderly can conduct telephone consultation on difficulties they encounter.
  • the size of the display font is greater than or equal to the preset font size
  • the display content is the preset content that the elders are interested in
  • the display components are the preset components that the elders are interested in
  • the display color is the preset The color suitable for elders to watch
  • the display icon is a preset icon suitable for elders to view
  • a one-key help function button is set, as shown in Figure 2A.
  • the zoom ratio refers to a zoom ratio of page display, and the zoom ratio determines the size of the content displayed on the page. For example, when the zoom ratio is greater than 100%, the size of the content displayed on the page is larger than the standard size; when the zoom ratio is smaller than 100%, the size of the content displayed on the page is smaller than the standard size; when the zoom ratio is equal to 100%, The size of the page display content is equal to the standard size.
  • each page can be set with a corresponding default zoom ratio, and the default zoom ratios corresponding to different pages can be the same or different, and the zoom ratio corresponding to each page can be modified to meet the needs of users, see below for details describe.
  • the rendering pixel density refers to the number of pixels used for rendering a unit object, wherein the unit object refers to the smallest object unit to be rendered, such as a Chinese character, a foreign character, etc. .
  • the unit object is a Chinese character
  • the rendering pixel density is 16 ⁇ 16.
  • the rendering pixel density in the elder mode can be set to 1.3 times, 1.5 times, or 1.5 times the rendering pixel density in the normal mode. 2 times or even 3 times.
  • each page can be set with a default zoom ratio, and the default zoom ratios corresponding to different pages can be the same or different, and the zoom ratio corresponding to each page can be modified. Since the zoom ratio corresponds to the rendering pixel density, each page also has a corresponding default rendering pixel density.
  • the default rendering pixel density corresponding to different pages can be the same or different, and the default rendering pixel density corresponding to each page can also be modified.
  • the scaling ratios and rendering pixel densities corresponding to different pages can always be stored in the storage space, and the corresponding relationship between the scaling ratios and rendering pixel densities cannot be changed, so as to be called when subsequent pages are displayed.
  • the default rendering pixel density corresponding to each page in the elder mode is greater than that in the normal mode, so that it can be adapted without going deep into each page or each component, and without redeveloping a set
  • the size of the display content can be flexibly adjusted, neither increasing the size of the application data package, nor increasing the risk of system stability, nor increasing the maintenance cost of the later application.
  • the storage space may be set locally on the client side, or on a remote side such as a server side. If the storage space is set locally on the client side, the reading speed of the scaling ratio and rendering pixel density and their corresponding relationship can be accelerated; The corresponding relationship can be shared by multiple clients. Compared with storing locally on the client, the reading speed of the scaling factor, rendering pixel density and their corresponding relationship will be a little slower, but the scaling factor and rendering pixel density can be set to And its corresponding relationship is downloaded to the client's local area in advance to solve.
  • the scaling ratio corresponds to the rendering pixel density
  • the corresponding rendering pixel density can be calculated according to the scaling ratio.
  • the rendering pixel density may be calculated based on the zoom ratio, the size of the terminal display screen, and the resolution of the terminal display screen. It should be noted that, the method for calculating the rendering pixel density based on the scaling ratio can be selected according to the needs of practical applications, which is not particularly limited in the present disclosure.
  • the zoom control component refers to a component that can be displayed or loaded on a certain page, and can be provided to the user to adjust and control the zoom ratio.
  • the scaling control component may be, for example, a drag bar whose dragging position may represent different scaling ratios, a dragging component whose dragging area may represent different scaling ratios, or a scaling ratio input component.
  • the user can send a zoom control command by manipulating the zoom control component, so as to realize the adjustment of the zoom ratio, and then realize the control of the font size displayed on a certain page.
  • the zoom control command carries at least a zoom ratio value, and the zoom ratio of the current page can be modified subsequently according to the zoom control command.
  • the elder mode of the user client if it is detected that the elder mode of the user client is turned on, first obtain the default zoom ratio corresponding to the current page, wherein the current page can be the home page of the elder mode of the user client or the elder of the user client mode; then render the current page with the default zoom ratio corresponding to the current page; if a zoom control command sent by the user through the zoom control component displayed on the current page is subsequently received, the zoom control command carried by the zoom control command can be used to The zoom ratio modifies the zoom ratio of the current page; finally, the current page is rendered with the modified zoom ratio to meet the user's need for controlling the display font size.
  • the first rendering module 301 may be further configured as:
  • the first default rendering pixel density corresponding to the first default zoom ratio is calculated according to the first default zoom ratio Rendering pixel density, using the first default rendering pixel density to render the current page, and storing the corresponding relationship between the first default zoom ratio and the first default rendering pixel density in the storage space.
  • the scaling ratio corresponds to the rendering pixel density
  • the scaling ratio and rendering pixel density corresponding to different pages can always be stored in the storage space, and the correspondence between the scaling ratio and the rendering pixel density cannot be determined. is changed to be called when subsequent pages are displayed.
  • the storage space can also be searched first according to the current zoom ratio, if there is a correspondence between the calculated zoom ratio and the rendering pixel density in the storage space The relationship between the rendered pixel density can be directly retrieved and used. If the corresponding relationship between the calculated scaling ratio and the rendered pixel density does not exist in the storage space, the rendered pixel density is recalculated.
  • the second rendering module 303 may be further configured as:
  • first rendering pixel density corresponding to the first scaling ratio is not stored in the storage space, calculate the first rendering pixel density corresponding to the first scaling ratio according to the first scaling ratio, and use The first rendering pixel density renders the current page, and stores the corresponding relationship between the first zoom ratio and the first rendering pixel density in the storage space.
  • the content rendering device may further include:
  • the third rendering module is configured to jump to the target page in response to receiving a target page jump command issued by the user, and render the target page with the second default zoom ratio corresponding to the target page, or to render the target page with the received
  • the second zoom ratio carried by the second zoom control command renders the target page, wherein the second zoom control command is sent by the user through the second zoom control component displayed on the target page.
  • the target page after receiving the target page jump command sent by the user, first jump to the target page, and when it is confirmed that the zoom control command sent by the user has not been received, obtain the default zoom ratio corresponding to the target page, The target page is rendered by using the default zoom ratio corresponding to the target page; when the zoom control command sent by the user is confirmed to be received, the target page is rendered by using the zoom ratio carried by the received zoom control command.
  • the third rendering module may be further configured as:
  • the second rendering pixel density corresponding to the second scaling ratio is calculated according to the second scaling ratio, using The second rendering pixel density renders the target page, and stores the corresponding relationship between the second scaling ratio and the second rendering pixel density in the storage space.
  • the content rendering device may further include:
  • the display module is configured to display an elder mode closing prompt on a preset page.
  • a prompt to close the elder mode can also be displayed on the preset page, such as "go to close Elderly mode" and so on, as shown in FIG. 2B, wherein the preset page can be one or several preset pages, or the current page. If the user confirms the prompt to close the senior mode, such as clicking "to close the senior mode", it can be considered that the user has issued a command to close the senior mode, and can directly close the senior mode, and switch back to the normal display mode to display the target Content within a preset range around the location.
  • the content rendering device may further include:
  • a shutdown module configured to, in response to receiving an elder mode shutdown command, turn off the elder mode.
  • the senior mode after receiving the senior mode closing command, the senior mode is not directly closed, but first jumps to the senior mode setting page, and then according to the user's selection of the senior mode, it is determined whether to close all Describe the elder model.
  • the content rendering apparatus may further include:
  • the closing module is configured to jump to the elder mode setting page in response to receiving the elder mode closing command sent by the user; display the elder mode selection information in the elder mode setting page; in response to receiving the elder mode closing confirmation command, Disable elder mode.
  • the elder mode selection information is shown as a click bar.
  • the elder mode click bar is green. If the user clicks the elder mode click bar, it is considered that the user Confirm that the elder mode is turned off, and the elder mode selection bar turns back to gray.
  • Fig. 4 shows a structural block diagram of an electronic device according to an embodiment of the present disclosure.
  • the electronic device 400 includes a memory 401 and a processor 402 .
  • the memory 401 is used to store one or more computer instructions, wherein the one or more computer instructions are executed by the processor 402 to implement the above content rendering method.
  • Fig. 5 is a schematic structural diagram of a computer system suitable for implementing a content rendering method according to an embodiment of the present disclosure.
  • a computer system 500 includes a processing unit 501 that can execute the above-described implementation according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage section 508 into a random access memory (RAM) 503. Various treatments in the way. In the RAM 503, various programs and data necessary for the operation of the computer system 500 are also stored.
  • the processing unit 501, ROM 502, and RAM 503 are connected to each other through a bus 504.
  • An input/output (I/O) interface 505 is also connected to the bus 504 .
  • the following components are connected to the I/O interface 505: an input section 506 including a keyboard, a mouse, etc.; an output section 507 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker; a storage section 508 including a hard disk, etc. and a communication section 509 comprising network interface cards such as LAN (Local Area Network) cards, modems, etc.
  • the communication section 509 performs communication processing via a network such as the Internet.
  • a drive 510 is also connected to the I/O interface 505 as needed.
  • a removable medium 511 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is mounted on the drive 510 as necessary so that a computer program read therefrom is installed into the storage section 508 as necessary.
  • the processing unit 501 can be realized as processing units such as CPU (Central Processing Unit), GPU (Graphics Processing Unit), TPU (Tensor Processing Unit), FPGA (Field Programmable Gate Array), NPU (Neural-network Processing Unit) .
  • the content rendering method described above can be implemented as a computer software program.
  • embodiments of the present disclosure include a computer program product comprising a computer program tangibly embodied on a machine-readable medium, the computer program comprising program code for executing the content rendering method.
  • the computer program may be downloaded and installed from a network via communication portion 509 and/or installed from removable media 511 .
  • each block in a flowchart or block diagram may represent a module, program segment, or part of code that contains one or more Executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
  • the units or modules involved in the embodiments of the present disclosure may be implemented by software or by hardware.
  • the described units or modules may also be set in the processor, and the names of these units or modules do not constitute limitations on the units or modules themselves in some cases.
  • the present disclosure also provides a computer-readable storage medium.
  • the computer-readable storage medium may be the computer-readable storage medium included in the device described in the above implementation manner; A computer-readable storage medium assembled in a device.
  • the computer-readable storage medium stores one or more programs, and the programs are used by one or more processors to execute the methods described in the present disclosure.

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例公开了一种内容渲染方法、装置、电子设备及存储介质。所述内容渲染方法包括:响应于检测到用户客户端长辈模式被开启,以当前页面对应的第一默认缩放比例渲染当前页面,其中,页面的缩放比例与渲染像素密度相对应,渲染像素密度指的是渲染单位对象所使用的像素数量;接收用户通过当前页面显示的第一缩放控制组件发送的第一缩放控制命令,其中,所述第一缩放控制命令携带有第一缩放比例;根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面。

Description

内容渲染方法、装置、电子设备及存储介质 技术领域
本公开涉及应用数据处理技术领域,具体涉及一种内容渲染方法、装置、电子设备及存储介质。
背景技术
随着社会的进步和数据技术的发展,人们的衣食住行越来越多地依赖于互联网技术,比如,人们可以在某一零售网站上购买自己需要的物品,也可以在某一餐食网站上购买自己想吃的食物,尤其为行动不便的老年人提供了极大的便利。
发明内容
本公开实施例提供一种内容渲染方法、装置、电子设备及存储介质。
第一方面,本公开实施例提供了一种内容渲染方法,包括:
响应于检测到用户客户端长辈模式被开启,以当前页面对应的第一默认缩放比例渲染当前页面,其中,页面的缩放比例与渲染像素密度相对应,所述渲染像素密度指的是渲染单位对象所使用的像素数量;
接收用户通过当前页面显示的第一缩放控制组件发送的第一缩放控制命令,其中,所述第一缩放控制命令携带有第一缩放比例;
根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面。
在第一方面的一种实现方式中,所述以当前页面对应的第一默认缩放比例渲染当前页面,包括:
确定当前页面对应的第一默认缩放比例;
根据所述第一默认缩放比例查找存储空间;
若所述存储空间中存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则使用所述第一默认渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则根据所述第一默认缩放比例计算得到与所述第一默认缩放比例对应的第一默认渲染 像素密度,使用所述第一默认渲染像素密度渲染当前页面,并将所述第一默认缩放比例与第一默认渲染像素密度之间的对应关系存储至所述存储空间。
在第一方面的一种实现方式中,所述根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面,包括:
根据所述第一缩放控制命令携带的第一缩放比例查找存储空间;
若所述存储空间中存储有与所述第一缩放比例对应的第一渲染像素密度,则使用所述第一渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一缩放比例对应的第一渲染像素密度,则根据所述第一缩放比例计算得到与所述第一缩放比例对应的第一渲染像素密度,使用所述第一渲染像素密度渲染当前页面,并将所述第一缩放比例与第一渲染像素密度之间的对应关系存储至所述存储空间。
在第一方面的一种实现方式中,所述内容渲染方法还包括:
响应于接收到用户发出的目标页面跳转命令,跳转至目标页面,以所述目标页面对应的第二默认缩放比例渲染所述目标页面,或者以接收到的第二缩放控制命令携带的第二缩放比例渲染所述目标页面,其中,所述第二缩放控制命令是用户通过所述目标页面显示的第二缩放控制组件发送的。
在第一方面的一种实现方式中,所述渲染所述目标页面,包括:
根据所述第二缩放比例查找存储空间;
若所述存储空间中存储有与所述第二缩放比例对应的第二渲染像素密度,则使用所述第二渲染像素密度渲染所述目标页面;
若所述存储空间中未存储有与所述第二缩放比例对应的第二渲染像素密度,则根据所述第二缩放比例计算得到与所述第二缩放比例对应的第二渲染像素密度,使用所述第二渲染像素密度渲染所述目标页面,并将所述第二缩放比例与第二渲染像素密度之间的对应关系存储至所述存储空间。
在第一方面的一种实现方式中,所述内容渲染方法还包括:
在预设页面显示长辈模式关闭提示。
在第一方面的一种实现方式中,所述内容渲染方法还包括:
响应于接收到长辈模式关闭命令,关闭长辈模式。
在第一方面的一种实现方式中,所述内容渲染方法还包括:
响应于接收到长辈模式关闭命令,跳转至长辈模式设置页面;
在所述长辈模式设置页面中显示长辈模式选择信息;
响应于接收到长辈模式关闭确认命令,关闭长辈模式。
第二方面,本公开实施例提供了一种内容渲染装置,包括:
第一渲染模块,被配置为响应于检测到用户客户端长辈模式被开启,以当前页面对应的第一默认缩放比例渲染当前页面,其中,页面的缩放比例与渲染像素密度相对应,所述渲染像素密度指的是渲染单位对象所使用的像素数量;
接收模块,被配置为接收用户通过当前页面显示的第一缩放控制组件发送的第一缩放控制命令,其中,所述第一缩放控制命令携带有第一缩放比例;
第二渲染模块,被配置为根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面。
在第二方面的一种实现方式中,所述第一渲染模块还被配置为:
确定当前页面对应的第一默认缩放比例;
根据所述第一默认缩放比例查找存储空间;
若所述存储空间中存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则使用所述第一默认渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则根据所述第一默认缩放比例计算得到与所述第一默认缩放比例对应的第一默认渲染像素密度,使用所述第一默认渲染像素密度渲染当前页面,并将所述第一默认缩放比例与第一默认渲染像素密度之间的对应关系存储至所述存储空间。
在第二方面的一种实现方式中,所述第二渲染模块还被配置为:
根据所述第一缩放控制命令携带的第一缩放比例查找存储空间;
若所述存储空间中存储有与所述第一缩放比例对应的第一渲染像素密度,则使用所述第一渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一缩放比例对应的第一渲染像素密度,则根据 所述第一缩放比例计算得到与所述第一缩放比例对应的第一渲染像素密度,使用所述第一渲染像素密度渲染当前页面,并将所述第一缩放比例与第一渲染像素密度之间的对应关系存储至所述存储空间。
在第二方面的一种实现方式中,所述内容渲染装置还包括:
第三渲染模块,被配置为响应于接收到用户发出的目标页面跳转命令,跳转至目标页面,以所述目标页面对应的第二默认缩放比例渲染所述目标页面,或者以接收到的第二缩放控制命令携带的第二缩放比例渲染所述目标页面,其中,所述第二缩放控制命令是用户通过所述目标页面显示的第二缩放控制组件发送的。
在第二方面的一种实现方式中,所述第三渲染模块还被配置为:
根据所述第二缩放比例查找存储空间;
若所述存储空间中存储有与所述第二缩放比例对应的第二渲染像素密度,则使用所述第二渲染像素密度渲染所述目标页面;
若所述存储空间中未存储有与所述第二缩放比例对应的第二渲染像素密度,则根据所述第二缩放比例计算得到与所述第二缩放比例对应的第二渲染像素密度,使用所述第二渲染像素密度渲染所述目标页面,并将所述第二缩放比例与第二渲染像素密度之间的对应关系存储至所述存储空间。
在第二方面的一种实现方式中,所述内容渲染装置还包括:
显示模块,被配置为在预设页面显示长辈模式关闭提示。
在第二方面的一种实现方式中,所述内容渲染装置还包括:
关闭模块,被配置为响应于接收到长辈模式关闭命令,关闭长辈模式。
在第二方面的一种实现方式中,所述内容渲染装置还包括:
关闭模块,被配置为响应于接收到长辈模式关闭命令,跳转至长辈模式设置页面;在所述长辈模式设置页面中显示长辈模式选择信息;响应于接收到长辈模式关闭确认命令,关闭长辈模式。
第三方面,本公开实施例提供了一种电子设备,包括存储器和至少一个处理器,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述至少一个处理器执行以实现上述内容渲染方法。
第四方面,本公开实施例提供了一种计算机可读存储介质,其上存储有计算机指令,其中,该计算机指令被处理器执行时实现上述内容渲染方法。
第五方面,本公开实施例提供了一种计算机程序产品,包括计算机程序/指令,其中,该计算机程序/指令被处理器执行时实现上述内容渲染方法。
本公开实施例可以提供以下有益效果:
本公开实施例提供了一种适合老年人使用的操作模式,在该操作模式下能够灵活地调整显示内容的大小,能够方便老年人的信息查看和使用,实现简单,无需深入每个页面或者每个组件进行适配,也不用重新开发一套页面数据和交互数据。这样,既不会增加应用程序数据包的大小,又不会增加系统稳定性风险,也不会增加后期应用程序的维护成本。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
结合附图,通过以下非限制性实施方式的详细描述,本公开的其它特征、目的和优点将变得更加明显。以下是对附图的说明。
图1示出根据本公开一实施方式的内容渲染方法的流程图。
图2A-图2B示出根据本公开一实施方式的内容渲染页面的示意图。
图3示出根据本公开一实施方式的内容渲染装置的结构框图。
图4示出根据本公开一实施方式的电子设备的结构框图。
图5是适于用来实现根据本公开一实施方式的内容渲染方法的计算机系统的结构示意图。
具体实施方式
下文中,将参考附图详细描述本公开的示例性实施方式,以使本领域技术人员可容易地实现它们。此外,为了清楚起见,在附图中省略了与描述示例性实施方式无关的部分。
在本公开中,应理解,诸如“包括”或“具有”等的术语旨在指示本说明书中所公 开的特征、数字、步骤、行为、部件、部分或其组合的存在,并且不欲排除一个或多个其他特征、数字、步骤、行为、部件、部分或其组合存在或被添加的可能性。
应当理解,尽管在本公开实施例中可采用术语“第一”、“第二”、“第三”等来描述各种信息,但这些信息不应受这些术语限制。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本公开范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。
另外还需要说明的是,在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本公开。
上文提及,随着社会的进步和数据技术的发展,人们的衣食住行越来越多地依赖于互联网技术,比如,人们可以在某一零售网站上购买自己需要的物品,也可以在某一餐食网站上购买自己想吃的食物,尤其为行动不便的老年人提供了极大的便利。但老年人通常视力不佳,查看页面数据存在一定的困难。为了解决该问题,可重新开发一套适合老年人查看的页面数据和交互数据,也可在原页面数据和交互数据的基础上,对于每一显示组件进行放大处理。但无论是重新开发还是放大组件,都需要对于每个页面的每个组件进行适配处理,同时还会大大增加应用程序数据包的大小,增加系统稳定性风险,增加后期应用程序的维护成本。因此亟需一种适合老年人使用的操作模式以及在该操作模式下既不会增加应用程序数据包的大小,又不会增加系统稳定性风险,也不会增加后期应用程序的维护成本的解决方案。
鉴于此,本公开提供一种内容渲染方法、装置、电子设备及存储介质。
图1示出根据本公开一实施方式的内容渲染方法的流程图。如图1所示,所述内容渲染方法包括以下步骤S101-S103。
在步骤S101中,响应于检测到用户客户端长辈模式被开启,以当前页面对应的第一默认缩放比例渲染当前页面,其中,页面的缩放比例与渲染像素密度相对应,所述渲染像素密度指的是渲染单位对象所使用的像素数量。
在步骤S102中,接收用户通过当前页面显示的第一缩放控制组件发送的第一缩放控制命令,其中,所述第一缩放控制命令携带有第一缩放比例。
在步骤S103中,根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面。
在该实施方式中,提出一种内容渲染方法,该方法提供了一种适合老年人使用的操作模式,在该操作模式下能够灵活地调整显示内容的大小。该方法针对性强,能够方便 老年人的信息查看和使用,实现简单,无需深入每个页面或者每个组件进行适配,也不用重新开发一套页面数据和交互数据。这样,既不会增加应用程序数据包的大小,又不会增加系统稳定性风险,也不会增加后期应用程序的维护成本。
在本公开一实施方式中,所述内容渲染方法可适用于计算机、计算设备、电子设备、智能终端等客户端,尤其是老年用户的客户端。
在本公开一实施方式中,所述长辈模式指的是方便老年人进行信息查看、使用、操作的显示模式和操作模式。所述用户客户端长辈模式既可以指代普通用户客户端的区别于普通模式的长辈模式,也可以指代区别于普通用户客户端的长辈用户客户端。其中,开启长辈模式的用户有可能是长辈用户,也有可能不是长辈用户,本公开对于开启长辈模式的用户不作具体限定。
在一些示例中,考虑到老年人大多存在远视的情况,因此,在所述长辈模式中,显示字体会稍大一些,比如,所述显示字体的大小大于等于预设字体大小,其中,显示字体的大小可根据实际应用程序的需要进行设置,具体设置方法将在下文进行描述。考虑到老年人通常不太喜欢太多鲜艳、太过杂乱的配色,因此,在所述长辈模式中,显示内容所使用的颜色为预设数量以下的适于长辈观看的预设颜色,比如,使用红绿蓝三种基础颜色。考虑到老年人通常不太关注广告内容、不太愿意尝试新的或者价格较高的事物、更喜欢贴近日常生活的事物,因此,在所述长辈模式中,显示内容将会去除广告内容、浮窗显示内容,调整为老年人感兴趣的、经常查看的内容,比如,鸡蛋买一送一、新鲜白菜5折送上门、常用药8折优惠等等超市优惠信息、蔬菜水果肉类等日常食材购买信息、药品优惠信息、老年餐厅就餐信息等等。考虑到老年人通常只关注买菜、超市、药店、老年餐厅信息,偶尔会点个外卖,并不太关注饭店尤其是高档饭店的就餐信息,因此,在所述长辈模式中,显示组件可仅包括老年餐、逛超市、去买菜、去买药、点外卖、查天气等组件。考虑到老年人的理解能力和理解速度均在不同程度上受限,因此,在所述长辈模式中,显示图标尽量简洁易懂,使用功能动词+名词的表述形式,设置为预设的适于长辈查看的图标,比如,超市图标设置为“逛超市”而不是“超市便利”或“超市/便利店”,买菜图标设置为“去买菜”而不是“生鲜/菜市场”,买药图标设置为“去买药”而不是“药品超市”,外卖图标设置为“点外卖”而不是“美食外卖”。考虑到老年人对于页面上各组件的内容理解和操作经常遇到困难,因此,在所述长辈模式中,还设置有一键帮助功能按钮,当老年人用户点击了该一键帮助功能按钮,即可显示拨打服务电话页面,以便老年人就遇到的困难进行电话咨询。
即,在所述长辈模式中,显示字体的大小大于等于预设字体大小,显示内容为预设的长辈感兴趣的内容,显示组件为预设的长辈感兴趣的组件,显示颜色为预设的适于长辈观看的颜色,显示图标为预设的适于长辈查看的图标,并且设置有一键帮助功能按钮,如图2A所示。
在本公开一实施方式中,所述缩放比例指的是页面显示的缩放比例,所述缩放比例决定了页面显示内容的尺寸。比如,当所述缩放比例大于100%时,页面显示内容的尺寸大于标准尺寸,当所述缩放比例小于100%时,页面显示内容的尺寸小于标准尺寸,当所述缩放比例等于100%时,页面显示内容的尺寸等于标准尺寸。其中,每个页面均可对应设置有一个默认缩放比例,不同页面对应的默认缩放比例可以相同也可以不相同,并且每个页面对应的缩放比例可被修改,以满足用户的需求,具体可见下文描述。
在本公开一实施方式中,所述渲染像素密度指的是渲染单位对象所使用的像素数量,其中,所述单位对象指的是待渲染的最小对象单位,比如一个汉字、一个外文字符等等。比如,假设所述单位对象为一个汉字,对于一个具有固定屏幕尺寸、具有固定分辨率的终端来说,在普通模式下,使用16×16像素点阵来渲染一个汉字,则所述渲染像素密度为16×16,在长辈模式下,所述渲染像素密度大于普通模式下的渲染像素密度,比如,长辈模式下的渲染像素密度可设置为普通模式下的渲染像素密度的1.3倍、1.5倍、2倍甚至3倍。上文提及,每个页面均可对应设置有一个默认缩放比例,不同页面对应的默认缩放比例可以相同也可以不相同,每个页面对应的缩放比例可被修改。由于缩放比例与渲染像素密度是对应的,因此每个页面也对应有一个默认渲染像素密度,不同页面对应的默认渲染像素密度可以相同也可以不相同,每个页面对应的默认渲染像素密度也可被修改。其中,不同页面对应的缩放比例和渲染像素密度可一直被存储在存储空间中,且所述缩放比例与渲染像素密度之间的对应关系不可被更改,以供后续页面显示时被调用。需要注意的是,长辈模式下每个页面对应的默认渲染像素密度均大于普通模式下的渲染像素密度,这样就可以在不深入每个页面或者每个组件进行适配,也不重新开发一套页面数据和交互数据的情况下,灵活地调整显示内容的大小,既不会增加应用程序数据包的大小,又不会增加系统稳定性风险,也不会增加后期应用程序的维护成本。
其中,所述存储空间可设置在客户端本地,也可设置在服务器端等远端。若所述存储空间设置在客户端本地,则可加快缩放比例和渲染像素密度及其对应关系的读取速度;若所述存储空间设置在服务器端等远端,则缩放比例和渲染像素密度及其对应关系可为多个客户端共享,相比存储在客户端本地来说,缩放比例和渲染像素密度及其对应关系 的读取速度会稍慢一点,但可通过将缩放比例和渲染像素密度及其对应关系预先下载至客户端本地来解决。
其中,所述缩放比例与渲染像素密度相对应,根据所述缩放比例能够计算得到对应的渲染像素密度。比如,可基于所述缩放比例、终端显示屏幕的尺寸以及终端显示屏幕的分辨率计算得到所述渲染像素密度。需要说明的是,基于所述缩放比例计算渲染像素密度的方法可根据实际应用的需要进行选择,本公开对其不作特别限定。
在本公开一实施方式中,缩放控制组件指的是可显示或加载在某一页面上,能够提供给用户以对缩放比例进行调整和控制的组件。所述缩放控制组件比如可以为拖动位置可表示不同缩放比例的拖动条、拖拉面积可表示不同缩放比例的拖动组件,还可以为缩放比例输入组件。用户可通过对所述缩放控制组件的操控,来发送缩放控制命令,以实现对所述缩放比例的调整,进而实现对于某一页面显示字体大小的控制。其中,所述缩放控制命令中至少携带有缩放比例值,后续才可根据所述缩放控制命令来修改当前页面的缩放比例。
在上述实施方式中,若检测到用户客户端长辈模式被开启,首先获取当前页面对应的默认缩放比例,其中,所述当前页面既可以是用户客户端长辈模式首页,也可以是用户客户端长辈模式的其他页面;然后以当前页面对应的默认缩放比例来渲染所述当前页面;若后续接收到用户通过当前页面显示的缩放控制组件发送的缩放控制命令,则可根据所述缩放控制命令携带的缩放比例修改当前页面的缩放比例;最后使用修改后的缩放比例渲染当前页面,以满足用户对于显示字体大小的控制需求。
在本公开一实施方式中,所述步骤S101中以当前页面对应的第一默认缩放比例渲染当前页面的步骤,可包括以下步骤:
确定当前页面对应的第一默认缩放比例;
根据所述第一默认缩放比例查找存储空间;
若所述存储空间中存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则使用所述第一默认渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则根据所述第一默认缩放比例计算得到与所述第一默认缩放比例对应的第一默认渲染像素密度,使用所述第一默认渲染像素密度渲染当前页面,并将所述第一默认缩放比例与第一默认渲染像素密度之间的对应关系存储至所述存储空间。
上文提及,所述缩放比例与渲染像素密度相对应,不同页面对应的缩放比例和渲染像素密度可一直被存储在存储空间中,且所述缩放比例与渲染像素密度之间的对应关系不可被更改,以供后续页面显示时被调用。因此,为了节省渲染像素密度的计算时间,提高页面渲染效率,在该实施方式中,在以当前页面对应的第一默认缩放比例渲染当前页面时,在确定当前页面对应的第一默认缩放比例后,首先根据所述第一默认缩放比例查找存储空间,确认所述存储空间中是否存在已经计算完成的缩放比例与渲染像素密度之间的对应关系;若所述存储空间中存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则可直接使用所述第一默认渲染像素密度渲染当前页面;若所述存储空间中还未存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,说明之前并未基于所述第一默认缩放比例计算对应的第一默认渲染像素密度,此时可根据所述第一默认缩放比例计算得到与其对应的第一默认渲染像素密度,再使用所述第一默认渲染像素密度渲染当前页面。同时,为了节省后续渲染像素密度的计算时间,还将此次计算得到的所述第一默认缩放比例与第一默认渲染像素密度之间的对应关系存储至所述存储空间中。
类似地,在后续用户通过缩放控制组件对缩放比例进行修改时,也可首先根据当前的缩放比例查找存储空间,若所述存储空间中存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,可直接取出渲染像素密度使用,若所述存储空间中不存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,再重新计算所述渲染像素密度。
即,在本公开一实施方式中,所述步骤S103,即,所述根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面的步骤,可包括以下步骤:
根据所述第一缩放控制命令携带的第一缩放比例查找存储空间;
若所述存储空间中存储有与所述第一缩放比例对应的第一渲染像素密度,则使用所述第一渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一缩放比例对应的第一渲染像素密度,则根据所述第一缩放比例计算得到与所述第一缩放比例对应的第一渲染像素密度,使用所述第一渲染像素密度渲染当前页面,并将所述第一缩放比例与第一渲染像素密度之间的对应关系存储至所述存储空间。
在本公开一实施方式中,所述内容渲染方法还可包括以下步骤:
响应于接收到用户发出的目标页面跳转命令,跳转至目标页面,以所述目标页面对 应的第二默认缩放比例渲染所述目标页面,或者以接收到的第二缩放控制命令携带的第二缩放比例渲染所述目标页面,其中,所述第二缩放控制命令是用户通过所述目标页面显示的第二缩放控制组件发送的。
在该实施方式中,当接收到用户发出的目标页面跳转命令后,首先跳转至目标页面,当确认未接收到用户发出的缩放控制命令时,获取所述目标页面对应的默认缩放比例,使用所述目标页面对应的默认缩放比例来渲染所述目标页面;当确认接收到用户发出的缩放控制命令时,使用接收到的缩放控制命令携带的缩放比例来渲染所述目标页面。
类似地,无论是使用目标页面对应的默认缩放比例还是使用用户发送的缩放控制命令携带的缩放比例来渲染所述目标页面,为了节省渲染像素密度的计算时间,提高页面渲染效率,均可首先根据当前的缩放比例查找存储空间,若所述存储空间中存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,可直接取出渲染像素密度使用,若所述存储空间中不存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,再重新计算所述渲染像素密度,最后将此次计算得到的所述缩放比例与渲染像素密度之间的对应关系存储至所述存储空间,留备后续使用。
即,在本公开一实施方式中,所述渲染所述目标页面的步骤,可包括以下步骤:
根据所述第二缩放比例查找存储空间;
若所述存储空间中存储有与所述第二缩放比例对应的第二渲染像素密度,则使用所述第二渲染像素密度渲染所述目标页面;
若所述存储空间中未存储有与所述第二缩放比例对应的第二渲染像素密度,则根据所述第二缩放比例计算得到与所述第二缩放比例对应的第二渲染像素密度,使用所述第二渲染像素密度渲染所述目标页面,并将所述第二缩放比例与第二渲染像素密度之间的对应关系存储至所述存储空间。
在本公开一实施方式中,所述内容渲染方法还可包括以下步骤:
在预设页面显示长辈模式关闭提示。
上文提及,应用程序显示的内容是基于长辈模式显示出来的,为了方便用户切换回正常显示模式,在该实施方式中,还可以在预设页面上显示长辈模式关闭提示,比如“去关闭长辈模式”等等,如图2B所示,其中,所述预设页面可以为预先设置的一个或几个页面,也可以为当前页面。若用户对于所述长辈模式关闭提示进行确认,比如点击了“去关闭长辈模式”,则可认为用户发出了长辈模式关闭命令,即可直接关闭所述长辈 模式,切换回正常显示模式来显示目标位置附近预设范围内的内容。
即,在本公开一实施方式中,所述内容渲染方法还可包括以下步骤:
响应于接收到长辈模式关闭命令,关闭长辈模式。
在本公开另一实施方式中,在接收到长辈模式关闭命令后,并不直接关闭长辈模式,而是先跳转至长辈模式设置页面,再根据用户对于长辈模式的选择,来确定是否关闭所述长辈模式。
即,在本公开另一实施方式中,所述内容渲染方法还可包括以下步骤:
响应于接收到用户发送的长辈模式关闭命令,跳转至长辈模式设置页面;
在所述长辈模式设置页面中显示长辈模式选择信息;
响应于接收到长辈模式关闭确认命令,关闭长辈模式。
在一些示例中,所述长辈模式选择信息表现为点选条,当用户选择了长辈模式时,长辈模式点选条是绿色的,若用户点击了所述长辈模式点选条,则认为用户确认关闭了长辈模式,此时长辈模式点选条变回灰色。
下述为本公开装置实施例,可以用于执行本公开方法实施例。
图3示出根据本公开一实施方式的内容渲染装置的结构框图,该装置可以通过软件、硬件或者两者的结合实现成为电子设备的部分或者全部。如图3所示,所述内容渲染装置包括:
第一渲染模块301,被配置为响应于检测到用户客户端长辈模式被开启,以当前页面对应的第一默认缩放比例渲染当前页面,其中,页面的缩放比例与渲染像素密度相对应,所述渲染像素密度指的是渲染单位对象所使用的像素数量;
接收模块302,被配置为接收用户通过当前页面显示的第一缩放控制组件发送的第一缩放控制命令,其中,所述第一缩放控制命令携带有第一缩放比例;
第二渲染模块303,被配置为根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面。
在该实施方式中,提出一种内容渲染装置,该装置提供了一种适合老年人使用的操作模式,在该操作模式下能够灵活地调整显示内容的大小。该装置针对性强,能够方便老年人的信息查看和使用,实现简单,无需深入每个页面或者每个组件进行适配,也不 用重新开发一套页面数据和交互数据。这样,既不会增加应用程序数据包的大小,又不会增加系统稳定性风险,也不会增加后期应用程序的维护成本。
在本公开一实施方式中,所述内容渲染装置可实现为计算机、计算设备、电子设备、智能终端等客户端,尤其是老年用户的客户端。
在本公开一实施方式中,所述长辈模式指的是方便老年人进行信息查看、使用、操作的显示模式和操作模式。所述用户客户端长辈模式既可以指代普通用户客户端的区别于普通模式的长辈模式,也可以指代区别于普通用户客户端的长辈用户客户端。其中,开启长辈模式的用户有可能是长辈用户,也有可能不是长辈用户,本公开对于开启长辈模式的用户不作具体限定。
在一些示例中,考虑到老年人大多存在远视的情况,因此,在所述长辈模式中,显示字体会稍大一些,比如,所述显示字体的大小大于等于预设字体大小,其中,显示字体的大小可根据实际应用程序的需要进行设置,具体设置方法将在下文进行描述。考虑到老年人通常不太喜欢太多鲜艳、太过杂乱的配色,因此,在所述长辈模式中,显示内容所使用的颜色为预设数量以下的适于长辈观看的预设颜色,比如,使用红绿蓝三种基础颜色。考虑到老年人通常不太关注广告内容、不太愿意尝试新的或者价格较高的事物、更喜欢贴近日常生活的事物,因此,在所述长辈模式中,显示内容将会去除广告内容、浮窗显示内容,调整为老年人感兴趣的、经常查看的内容,比如,鸡蛋买一送一、新鲜白菜5折送上门、常用药8折优惠等等超市优惠信息、蔬菜水果肉类等日常食材购买信息、药品优惠信息、老年餐厅就餐信息等等。考虑到老年人通常只关注买菜、超市、药店、老年餐厅信息,偶尔会点个外卖,并不太关注饭店尤其是高档饭店的就餐信息,因此,在所述长辈模式中,显示组件可仅包括老年餐、逛超市、去买菜、去买药、点外卖、查天气等组件。考虑到老年人的理解能力和理解速度均在不同程度上受限,因此,在所述长辈模式中,显示图标尽量简洁易懂,使用功能动词+名词的表述形式,设置为预设的适于长辈查看的图标,比如,超市图标设置为“逛超市”而不是“超市便利”或“超市/便利店”,买菜图标设置为“去买菜”而不是“生鲜/菜市场”,买药图标设置为“去买药”而不是“药品超市”,外卖图标设置为“点外卖”而不是“美食外卖”。考虑到老年人对于页面上各组件的内容理解和操作经常遇到困难,因此,在所述长辈模式中,还设置有一键帮助功能按钮,当老年人用户点击了该一键帮助功能按钮,即可显示拨打服务电话页面,以便老年人就遇到的困难进行电话咨询。
即,在所述长辈模式中,显示字体的大小大于等于预设字体大小,显示内容为预设 的长辈感兴趣的内容,显示组件为预设的长辈感兴趣的组件,显示颜色为预设的适于长辈观看的颜色,显示图标为预设的适于长辈查看的图标,并且设置有一键帮助功能按钮,如图2A所示。
在本公开一实施方式中,所述缩放比例指的是页面显示的缩放比例,所述缩放比例决定了页面显示内容的尺寸。比如,当所述缩放比例大于100%时,页面显示内容的尺寸大于标准尺寸,当所述缩放比例小于100%时,页面显示内容的尺寸小于标准尺寸,当所述缩放比例等于100%时,页面显示内容的尺寸等于标准尺寸。其中,每个页面均可对应设置有一个默认缩放比例,不同页面对应的默认缩放比例可以相同也可以不相同,并且每个页面对应的缩放比例可被修改,以满足用户的需求,具体可见下文描述。
在本公开一实施方式中,所述渲染像素密度指的是渲染单位对象所使用的像素数量,其中,所述单位对象指的是待渲染的最小对象单位,比如一个汉字、一个外文字符等等。比如,假设所述单位对象为一个汉字,对于一个具有固定屏幕尺寸、具有固定分辨率的终端来说,在普通模式下,使用16×16像素点阵来渲染一个汉字,则所述渲染像素密度为16×16,在长辈模式下,所述渲染像素密度大于普通模式下的渲染像素密度,比如,长辈模式下的渲染像素密度可设置为普通模式下的渲染像素密度的1.3倍、1.5倍、2倍甚至3倍。上文提及,每个页面均可对应设置有一个默认缩放比例,不同页面对应的默认缩放比例可以相同也可以不相同,每个页面对应的缩放比例可被修改。由于缩放比例与渲染像素密度是对应的,因此每个页面也对应有一个默认渲染像素密度,不同页面对应的默认渲染像素密度可以相同也可以不相同,每个页面对应的默认渲染像素密度也可被修改。其中,不同页面对应的缩放比例和渲染像素密度可一直被存储在存储空间中,且所述缩放比例与渲染像素密度之间的对应关系不可被更改,以供后续页面显示时被调用。需要注意的是,长辈模式下每个页面对应的默认渲染像素密度均大于普通模式下的渲染像素密度,这样就可以在不深入每个页面或者每个组件进行适配,也不重新开发一套页面数据和交互数据的情况下,灵活地调整显示内容的大小,既不会增加应用程序数据包的大小,又不会增加系统稳定性风险,也不会增加后期应用程序的维护成本。
其中,所述存储空间可设置在客户端本地,也可设置在服务器端等远端。若所述存储空间设置在客户端本地,则可加快缩放比例和渲染像素密度及其对应关系的读取速度;若所述存储空间设置在服务器端等远端,则缩放比例和渲染像素密度及其对应关系可为多个客户端共享,相比存储在客户端本地来说,缩放比例和渲染像素密度及其对应关系的读取速度会稍慢一点,但可通过将缩放比例和渲染像素密度及其对应关系预先下载至 客户端本地来解决。
其中,所述缩放比例与渲染像素密度相对应,根据所述缩放比例能够计算得到对应的渲染像素密度。比如,可基于所述缩放比例、终端显示屏幕的尺寸以及终端显示屏幕的分辨率计算得到所述渲染像素密度。需要说明的是,基于所述缩放比例计算渲染像素密度的方法可根据实际应用的需要进行选择,本公开对其不作特别限定。
在本公开一实施方式中,缩放控制组件指的是可显示或加载在某一页面上,能够提供给用户以对缩放比例进行调整和控制的组件。所述缩放控制组件比如可以为拖动位置可表示不同缩放比例的拖动条、拖拉面积可表示不同缩放比例的拖动组件,还可以为缩放比例输入组件。用户可通过对所述缩放控制组件的操控,来发送缩放控制命令,以实现对所述缩放比例的调整,进而实现对于某一页面显示字体大小的控制。其中,所述缩放控制命令中至少携带有缩放比例值,后续才可根据所述缩放控制命令来修改当前页面的缩放比例。
在上述实施方式中,若检测到用户客户端长辈模式被开启,首先获取当前页面对应的默认缩放比例,其中,所述当前页面既可以是用户客户端长辈模式首页,也可以是用户客户端长辈模式的其他页面;然后以当前页面对应的默认缩放比例来渲染所述当前页面;若后续接收到用户通过当前页面显示的缩放控制组件发送的缩放控制命令,则可根据所述缩放控制命令携带的缩放比例修改当前页面的缩放比例;最后使用修改后的缩放比例渲染当前页面,以满足用户对于显示字体大小的控制需求。
在本公开一实施方式中,所述第一渲染模块301可被进一步配置为:
确定当前页面对应的第一默认缩放比例;
根据所述第一默认缩放比例查找存储空间;
若所述存储空间中存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则使用所述第一默认渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则根据所述第一默认缩放比例计算得到与所述第一默认缩放比例对应的第一默认渲染像素密度,使用所述第一默认渲染像素密度渲染当前页面,并将所述第一默认缩放比例与第一默认渲染像素密度之间的对应关系存储至所述存储空间。
上文提及,所述缩放比例与渲染像素密度相对应,不同页面对应的缩放比例和渲染像素密度可一直被存储在存储空间中,且所述缩放比例与渲染像素密度之间的对应关系 不可被更改,以供后续页面显示时被调用。因此,为了节省渲染像素密度的计算时间,提高页面渲染效率,在该实施方式中,在以当前页面对应的第一默认缩放比例渲染当前页面时,在确定当前页面对应的第一默认缩放比例后,首先根据所述第一默认缩放比例查找存储空间,确认所述存储空间中是否存在已经计算完成的缩放比例与渲染像素密度之间的对应关系;若所述存储空间中存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则可直接使用所述第一默认渲染像素密度渲染当前页面;若所述存储空间中还未存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,说明之前并未基于所述第一默认缩放比例计算对应的第一默认渲染像素密度,此时可根据所述第一默认缩放比例计算得到与其对应的第一默认渲染像素密度,再使用所述第一默认渲染像素密度渲染当前页面。同时,为了节省后续渲染像素密度的计算时间,还将此次计算得到的所述第一默认缩放比例与第一默认渲染像素密度之间的对应关系存储至所述存储空间中。
类似地,在后续用户通过缩放控制组件对缩放比例进行修改时,也可首先根据当前的缩放比例查找存储空间,若所述存储空间中存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,可直接取出渲染像素密度使用,若所述存储空间中不存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,再重新计算所述渲染像素密度。
即,在本公开一实施方式中,所述第二渲染模块303可被进一步配置为:
根据所述第一缩放控制命令携带的第一缩放比例查找存储空间;
若所述存储空间中存储有与所述第一缩放比例对应的第一渲染像素密度,则使用所述第一渲染像素密度渲染当前页面;
若所述存储空间中未存储有与所述第一缩放比例对应的第一渲染像素密度,则根据所述第一缩放比例计算得到与所述第一缩放比例对应的第一渲染像素密度,使用所述第一渲染像素密度渲染当前页面,并将所述第一缩放比例与第一渲染像素密度之间的对应关系存储至所述存储空间。
在本公开一实施方式中,所述内容渲染装置还可包括:
第三渲染模块,被配置为响应于接收到用户发出的目标页面跳转命令,跳转至目标页面,以所述目标页面对应的第二默认缩放比例渲染所述目标页面,或者以接收到的第二缩放控制命令携带的第二缩放比例渲染所述目标页面,其中,所述第二缩放控制命令是用户通过所述目标页面显示的第二缩放控制组件发送的。
在该实施方式中,当接收到用户发出的目标页面跳转命令后,首先跳转至目标页面,当确认未接收到用户发出的缩放控制命令时,获取所述目标页面对应的默认缩放比例,使用所述目标页面对应的默认缩放比例来渲染所述目标页面;当确认接收到用户发出的缩放控制命令时,使用接收到的缩放控制命令携带的缩放比例来渲染所述目标页面。
类似地,无论是使用目标页面对应的默认缩放比例还是使用用户发送的缩放控制命令携带的缩放比例来渲染所述目标页面,为了节省渲染像素密度的计算时间,提高页面渲染效率,均可首先根据当前的缩放比例查找存储空间,若所述存储空间中存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,可直接取出渲染像素密度使用,若所述存储空间中不存在已经计算完成的缩放比例与渲染像素密度之间的对应关系,再重新计算所述渲染像素密度,最后将此次计算得到的所述缩放比例与渲染像素密度之间的对应关系存储至所述存储空间,留备后续使用。
即,在本公开一实施方式中,所述第三渲染模块可被进一步配置为:
根据所述第二缩放比例查找存储空间;
若所述存储空间中存储有与所述第二缩放比例对应的第二渲染像素密度,则使用所述第二渲染像素密度渲染所述目标页面;
若所述存储空间中未存储有与所述第二缩放比例对应的第二渲染像素密度,则根据所述第二缩放比例计算得到与所述第二缩放比例对应的第二渲染像素密度,使用所述第二渲染像素密度渲染所述目标页面,并将所述第二缩放比例与第二渲染像素密度之间的对应关系存储至所述存储空间。
在本公开一实施方式中,所述内容渲染装置还可包括:
显示模块,被配置为在预设页面显示长辈模式关闭提示。
上文提及,应用程序显示的内容是基于长辈模式显示出来的,为了方便用户切换回正常显示模式,在该实施方式中,还可以在预设页面上显示长辈模式关闭提示,比如“去关闭长辈模式”等等,如图2B所示,其中,所述预设页面可以为预先设置的一个或几个页面,也可以为当前页面。若用户对于所述长辈模式关闭提示进行确认,比如点击了“去关闭长辈模式”,则可认为用户发出了长辈模式关闭命令,即可直接关闭所述长辈模式,切换回正常显示模式来显示目标位置附近预设范围内的内容。
即,在本公开一实施方式中,所述内容渲染装置还可包括:
关闭模块,被配置为响应于接收到长辈模式关闭命令,关闭长辈模式。
在本公开另一实施方式中,在接收到长辈模式关闭命令后,并不直接关闭长辈模式,而是先跳转至长辈模式设置页面,再根据用户对于长辈模式的选择,来确定是否关闭所述长辈模式。
即,在本公开另一实施方式中,所述内容渲染装置还可包括:
关闭模块,被配置为响应于接收到用户发送的长辈模式关闭命令,跳转至长辈模式设置页面;在所述长辈模式设置页面中显示长辈模式选择信息;响应于接收到长辈模式关闭确认命令,关闭长辈模式。
与上文示例类似,所述长辈模式选择信息表现为点选条,当用户选择了长辈模式时,长辈模式点选条是绿色的,若用户点击了所述长辈模式点选条,则认为用户确认关闭了长辈模式,此时长辈模式点选条变回灰色。
本公开还公开了一种电子设备。图4示出根据本公开一实施方式的电子设备的结构框图。如图4所示,所述电子设备400包括存储器401和处理器402。
所述存储器401用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器402执行以实现上述内容渲染方法。
图5是适于用来实现根据本公开一实施方式的内容渲染方法的计算机系统的结构示意图。
如图5所示,计算机系统500包括处理单元501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行上述实施方式中的各种处理。在RAM 503中,还存储有计算机系统500操作所需的各种程序和数据。处理单元501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
以下部件连接至I/O接口505:包括键盘、鼠标等的输入部分506;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507;包括硬盘等的存储部分508;以及包括诸如LAN(Local Area Network)卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器510上,以便于从其上读出的计算机程序根据需要被安装入存储部分508。其中,所述处理单元501可实现为CPU(Central Processing Unit)、 GPU(Graphics Processing Unit)、TPU(Tensor Processing Unit)、FPGA(Field Programmable Gate Array)、NPU(Neural-network Processing Unit)等处理单元。
特别地,根据本公开的实施方式,上文描述的内容渲染方法可以被实现为计算机软件程序。例如,本公开的实施方式包括一种计算机程序产品,其包括有形地包含在机器可读介质上的计算机程序,所述计算机程序包含用于执行所述内容渲染方法的程序代码。在这样的实施方式中,该计算机程序可以通过通信部分509从网络上被下载和安装,和/或从可拆卸介质511被安装。
附图中的流程图和框图,图示了按照本公开各种实施方式的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含用于实现规定的逻辑功能的一个或多个可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
本公开实施方式中所涉及到的单元或模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中,这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定。
作为另一方面,本公开还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施方式中所述装置中所包含的计算机可读存储介质;也可以是单独存在、未装配入设备中的计算机可读存储介质。计算机可读存储介质存储有一个或者一个以上程序,所述程序被一个或者一个以上的处理器用来执行描述于本公开的方法。
以上描述仅为本公开的一些实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的发明范围,并不限于上述技术特征的特定组合而成的实施例,同时也应涵盖在不脱离所述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它实施例,例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的实施例。

Claims (11)

  1. 一种内容渲染方法,包括:
    响应于检测到用户客户端长辈模式被开启,以当前页面对应的第一默认缩放比例渲染所述当前页面,其中,页面的缩放比例与渲染像素密度相对应,所述渲染像素密度指的是渲染单位对象所使用的像素数量;
    接收用户通过所述当前页面显示的第一缩放控制组件发送的第一缩放控制命令,其中,所述第一缩放控制命令携带有第一缩放比例;
    根据所述第一缩放控制命令携带的所述第一缩放比例渲染所述当前页面。
  2. 根据权利要求1所述的方法,其中,所述以当前页面对应的第一默认缩放比例渲染所述当前页面,包括:
    确定所述当前页面对应的所述第一默认缩放比例;
    根据所述第一默认缩放比例查找存储空间;
    若所述存储空间中存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则使用所述第一默认渲染像素密度渲染所述当前页面;
    若所述存储空间中未存储有与所述第一默认缩放比例对应的第一默认渲染像素密度,则根据所述第一默认缩放比例计算得到与所述第一默认缩放比例对应的第一默认渲染像素密度,使用所述第一默认渲染像素密度渲染所述当前页面,并将所述第一默认缩放比例与所述第一默认渲染像素密度之间的对应关系存储至所述存储空间。
  3. 根据权利要求1所述的方法,其中,所述根据所述第一缩放控制命令携带的所述第一缩放比例渲染所述当前页面,包括:
    根据所述第一缩放控制命令携带的所述第一缩放比例查找存储空间;
    若所述存储空间中存储有与所述第一缩放比例对应的第一渲染像素密度,则使用所述第一渲染像素密度渲染所述当前页面;
    若所述存储空间中未存储有与所述第一缩放比例对应的第一渲染像素密度,则根据所述第一缩放比例计算得到与所述第一缩放比例对应的第一渲染像素密度,使用所述第一渲染像素密度渲染所述当前页面,并将所述第一缩放比例与所述第一渲染像素密度之间的对应关系存储至所述存储空间。
  4. 根据权利要求1所述的方法,还包括:
    响应于接收到用户发出的目标页面跳转命令,跳转至目标页面,以所述目标页面对应的第二默认缩放比例渲染所述目标页面,或者以接收到的第二缩放控制命令携带的第二缩放比例渲染所述目标页面,其中,所述第二缩放控制命令是用户通过所述目标页面 显示的第二缩放控制组件发送的。
  5. 根据权利要求4所述的方法,其中,所述渲染所述目标页面,包括:
    根据所述第二缩放比例查找存储空间;
    若所述存储空间中存储有与所述第二缩放比例对应的第二渲染像素密度,则使用所述第二渲染像素密度渲染所述目标页面;
    若所述存储空间中未存储有与所述第二缩放比例对应的第二渲染像素密度,则根据所述第二缩放比例计算得到与所述第二缩放比例对应的第二渲染像素密度,使用所述第二渲染像素密度渲染所述目标页面,并将所述第二缩放比例与所述第二渲染像素密度之间的对应关系存储至所述存储空间。
  6. 根据权利要求1-5任一项所述的方法,还包括:
    在预设页面显示长辈模式关闭提示。
  7. 根据权利要求6所述的方法,还包括:
    响应于接收到长辈模式关闭命令,关闭长辈模式。
  8. 根据权利要求6所述的方法,还包括:
    响应于接收到长辈模式关闭命令,跳转至长辈模式设置页面;
    在所述长辈模式设置页面中显示长辈模式选择信息;
    响应于接收到长辈模式关闭确认命令,关闭长辈模式。
  9. 一种内容渲染装置,包括:
    第一渲染模块,被配置为响应于检测到用户客户端长辈模式被开启,以当前页面对应的第一默认缩放比例渲染当前页面,其中,页面的缩放比例与渲染像素密度相对应,所述渲染像素密度指的是渲染单位对象所使用的像素数量;
    接收模块,被配置为接收用户通过当前页面显示的第一缩放控制组件发送的第一缩放控制命令,其中,所述第一缩放控制命令携带有第一缩放比例;
    第二渲染模块,被配置为根据所述第一缩放控制命令携带的第一缩放比例渲染当前页面。
  10. 一种电子设备,包括存储器和至少一个处理器,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述至少一个处理器执行以实现权利要求1-8任一项所述的方法。
  11. 一种计算机可读存储介质,其上存储有计算机指令,其中,该计算机指令被处理器执行时实现权利要求1-8任一项所述的方法。
PCT/CN2022/135873 2021-12-08 2022-12-01 内容渲染方法、装置、电子设备及存储介质 WO2023103869A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111493945.8 2021-12-08
CN202111493945.8A CN113886744B (zh) 2021-12-08 2021-12-08 内容渲染方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
WO2023103869A1 true WO2023103869A1 (zh) 2023-06-15

Family

ID=79016630

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/135873 WO2023103869A1 (zh) 2021-12-08 2022-12-01 内容渲染方法、装置、电子设备及存储介质

Country Status (2)

Country Link
CN (1) CN113886744B (zh)
WO (1) WO2023103869A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113886744B (zh) * 2021-12-08 2022-05-06 浙江口碑网络技术有限公司 内容渲染方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080252662A1 (en) * 2007-04-11 2008-10-16 Edward Craig Hyatt Methods of Displaying Information at Different Zoom Settings and Related Devices and Computer Program Products
CN103685695A (zh) * 2012-09-12 2014-03-26 上海斐讯数据通信技术有限公司 一种基于老人模式的功能自定义的实现方法及移动终端
CN104598131A (zh) * 2015-01-15 2015-05-06 小米科技有限责任公司 调节页面显示方式的方法及装置
CN112083989A (zh) * 2020-08-10 2020-12-15 五八有限公司 一种界面的调节方法和装置
WO2021068331A1 (zh) * 2019-10-11 2021-04-15 平安科技(深圳)有限公司 一种网页自适应布局方法、服务器及计算机可读存储介质
CN113886744A (zh) * 2021-12-08 2022-01-04 浙江口碑网络技术有限公司 内容渲染方法、装置、电子设备及存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101615189A (zh) * 2009-07-20 2009-12-30 魏新成 在手机屏幕上增大字体缩放比例渲染显示网页文字内容
US20140184603A1 (en) * 2012-12-27 2014-07-03 Nvidia Corporation Method to improve usability of high pixel density displays
WO2015154004A1 (en) * 2014-04-05 2015-10-08 Sony Computer Entertainment America Llc Method for efficient re-rendering objects to vary viewports and under varying rendering and rasterization parameters
CN108419114A (zh) * 2018-01-18 2018-08-17 海尔优家智能科技(北京)有限公司 一种用于智能电视的ui界面显示方法、装置及存储介质
CN109582421A (zh) * 2018-11-29 2019-04-05 珠海豹趣科技有限公司 一种页面显示方法、装置和设备
CN113015014A (zh) * 2019-12-20 2021-06-22 海信电子科技(深圳)有限公司 缩放显示方法、显示终端及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080252662A1 (en) * 2007-04-11 2008-10-16 Edward Craig Hyatt Methods of Displaying Information at Different Zoom Settings and Related Devices and Computer Program Products
CN103685695A (zh) * 2012-09-12 2014-03-26 上海斐讯数据通信技术有限公司 一种基于老人模式的功能自定义的实现方法及移动终端
CN104598131A (zh) * 2015-01-15 2015-05-06 小米科技有限责任公司 调节页面显示方式的方法及装置
WO2021068331A1 (zh) * 2019-10-11 2021-04-15 平安科技(深圳)有限公司 一种网页自适应布局方法、服务器及计算机可读存储介质
CN112083989A (zh) * 2020-08-10 2020-12-15 五八有限公司 一种界面的调节方法和装置
CN113886744A (zh) * 2021-12-08 2022-01-04 浙江口碑网络技术有限公司 内容渲染方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN113886744B (zh) 2022-05-06
CN113886744A (zh) 2022-01-04

Similar Documents

Publication Publication Date Title
US10969944B2 (en) Application reporting in an application-selectable user interface
US10254955B2 (en) Progressively indicating new content in an application-selectable user interface
US7991646B2 (en) Systems and methods for marketplace listings using a camera enabled mobile device
US8933952B2 (en) Pre-rendering new content for an application-selectable user interface
WO2023088248A1 (zh) 长辈模式分享的方法、装置及电子设备
US9870578B2 (en) Scrolling interstitial advertisements
US9830388B2 (en) Modular search object framework
WO2023103869A1 (zh) 内容渲染方法、装置、电子设备及存储介质
CA2810365A1 (en) Branded browser frame
WO2023103933A1 (zh) 内容渲染方法、装置、电子设备、存储介质和程序产品
US10218660B2 (en) Detecting user gestures for dismissing electronic notifications
EP4351149A1 (en) Display control method and apparatus, and device and storage medium
US11755179B2 (en) Sentence builder system and method
CN113806672A (zh) 长辈模式选择方法、装置、设备、存储介质及程序产品
CN113961299A (zh) 内容显示方法、装置、电子设备、存储介质和程序产品
US20160117730A1 (en) System and method for user controlled interactive online advertisements
US10902479B2 (en) Programmatic generation and optimization of images for a computerized graphical advertisement display
CN114021579B (zh) 对象预测方法、装置、电子设备及计算机可读存储介质
Beccanulli et al. e-Tourism and gastronomic culture: How brands are making consumers' mouth water in digital experience
US20240176820A1 (en) Systems and methods for providing interactive summary of third-party video content
WO2021243507A1 (zh) 一种推荐行为的交互界面展示方法和系统
US20120130779A1 (en) Content-Aware Insertion of Advertisements within a Graphical Framebuffer or Present Surface
JP6945964B2 (ja) 生成装置、生成方法及び生成プログラム
Duy Hung et al. Switching intention to online channel in Vietnam–A case study of consumer electronics goods
KR20170031310A (ko) 아이템 제공 장치 및 방법

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: 22903291

Country of ref document: EP

Kind code of ref document: A1