CN116382552A

CN116382552A - View display method and device, electronic equipment and storage medium

Info

Publication number: CN116382552A
Application number: CN202310324027.5A
Authority: CN
Inventors: 王宁; 谭培; 尹屹凡; 吴林
Original assignee: Beijing Youzhuju Network Technology Co Ltd
Current assignee: Beijing Youzhuju Network Technology Co Ltd
Priority date: 2023-03-29
Filing date: 2023-03-29
Publication date: 2023-07-04

Abstract

The present disclosure provides a view display method, a device, an electronic apparatus, and a storage medium, where the method includes: acquiring a background view and a whiteboard view, wherein the whiteboard view is used for being covered on the background view for display; the size of the whiteboard view is larger than the screen size of the electronic device and smaller than the size of the background view; initializing the background view to enable the background view to be in a preset relative position relative to the screen, and initializing the whiteboard view to enable the whiteboard view to be centrally displayed relative to the screen; in the case that a sliding operation for the screen is detected, controlling the background view and the whiteboard view to scroll synchronously with respect to the screen; and responding to the end of the sliding operation, controlling the whiteboard view to be restored to the initialized state, and carrying out content weight drawing on the whiteboard view restored to the initialized state to obtain a display picture after the corresponding sliding operation is ended. According to the embodiment of the application, the occupation of the memory can be reduced, and the drawing performance of the whiteboard view can be improved.

Description

View display method and device, electronic equipment and storage medium

Technical Field

The disclosure relates to the field of computer technology, and in particular, to a view display method, a device, an electronic device and a storage medium.

Background

With the development of internet technology, various application programs gradually appear in daily life of people, and cover various aspects of work, entertainment, study and the like. Taking a tutorial-like application as an example, such an application typically needs to support a user's write operation to record the relevant content while the content is displayed.

Current implementations typically employ a background view for displaying teaching content, overlay whiteboard views on the background view to support user input, and present the final display based on the content of the background view and the written content of the whiteboard views.

In this way, when the size of the background view is larger than the size of the screen, the background view needs to scroll on the screen to completely display the content of the background view, and in order to ensure that the corresponding whiteboard view can be displayed and support the writing operation of the whiteboard view when the background view scrolls to different positions, the size of the whiteboard view needs to be matched with the size of the background view. However, as the size of the background view increases, the size of the whiteboard view also increases, and the size of data corresponding to the whiteboard view also increases, so that memory occupation increases and drawing time consumption increases in operation.

Disclosure of Invention

The embodiment of the disclosure provides at least a view display method, a view display device, electronic equipment and a storage medium, which can improve drawing performance of whiteboard views.

The embodiment of the disclosure provides a view display method, which comprises the following steps:

acquiring a background view and a whiteboard view, wherein the whiteboard view is used for being covered on the background view for display; the size of the whiteboard view is larger than the screen size of the electronic device and smaller than the size of the background view;

initializing the background view to enable the background view to be in a preset relative position relative to the screen, and initializing the whiteboard view to enable the whiteboard view to be centrally displayed relative to the screen;

controlling the background view and the whiteboard view to scroll synchronously with respect to the screen in a case where a sliding operation with respect to the screen is detected;

and controlling the whiteboard view to restore to an initialized state in response to the end of the sliding operation, and carrying out content weight drawing on the whiteboard view restored to the initialized state based on the position of the background view relative to the screen after the sliding operation, so as to obtain a display picture corresponding to the end of the sliding operation.

In the embodiment of the disclosure, since the size of the whiteboard view is larger than the screen size of the electronic device and smaller than the size of the background view, the size of the whiteboard view is not increased along with the increase of the size of the background view, so that the memory occupied by the drawing content on the whiteboard view can be reduced, the drawing time consumption is reduced, and further the smooth operation of the application program can be ensured. In addition, in the sliding state, the whiteboard view can synchronously scroll with the background view, so that the whiteboard view content can be ensured to be correctly displayed relative to the background view content in the sliding state; after the sliding is finished, the whiteboard view can be ensured to be always displayed in the screen display area by resetting the whiteboard view and carrying out content redrawing operation, so that the content of the whiteboard view can be correctly displayed when the background view rolls to different positions.

In a possible implementation manner, in a case that a sliding operation for the screen is not detected, the whiteboard view is in a drawing state, and the method further includes:

in the drawing state, in response to a drawing operation for the screen, drawing content matching the drawing operation is drawn based on the whiteboard view, and the drawing content is stored.

In the embodiment of the disclosure, in the drawing state, a writing operation can be realized based on the whiteboard view, drawing the drawing content matched with the drawing operation, and storing the drawing content so as to execute subsequent content redrawing.

In one possible implementation manner, the drawing content matched with the drawing operation based on the whiteboard view in response to the drawing operation for the screen, and storing the drawing content includes:

responding to the drawing operation of the screen, determining screen coordinates corresponding to touch points corresponding to the drawing operation, and respectively converting the screen coordinates of the touch points into background view coordinates corresponding to the background view and whiteboard view coordinates corresponding to the whiteboard view;

and drawing the whiteboard view based on the whiteboard view coordinates corresponding to the touch points, obtaining drawing content matched with the drawing operation, and storing the background view coordinates corresponding to the touch points and the drawing content.

In the embodiment of the disclosure, the screen coordinates of the touch point are respectively converted into the background view coordinates corresponding to the background view and the whiteboard view coordinates corresponding to the whiteboard view, so that the accuracy of the position of the drawing content can be improved, the relative position of the drawing content relative to the background view can be recorded, and further the accuracy of the subsequent content redrawing can be improved.

In a possible implementation manner, the converting the screen coordinates of the touch point into the background view coordinates corresponding to the background view and the whiteboard view coordinates corresponding to the whiteboard view respectively includes:

and determining a background view coordinate corresponding to the touch point based on the screen coordinate of the touch point and the background coordinate offset of the background view relative to the screen, and determining a whiteboard view coordinate corresponding to the touch point based on the screen coordinate of the touch point and the whiteboard view coordinate offset relative to the screen.

In the embodiment of the disclosure, the background view coordinates and the whiteboard view coordinates can be determined by respectively shifting the screen coordinates and the coordinates of the background view and the whiteboard view in the current state relative to the screen, and in this way, the efficiency of coordinate conversion can be improved.

In a possible implementation manner, the controlling the background view and the whiteboard view to scroll synchronously with respect to the screen in a case that a sliding operation for the screen is detected includes:

in a case where a sliding operation for the screen is detected, determining an amount of offset of the sliding operation on the screen;

Synchronously updating a background coordinate offset of the background view relative to the screen and a whiteboard coordinate offset of the whiteboard view relative to the screen based on an offset of the sliding operation on the screen;

and respectively controlling the background view and the whiteboard view to scroll relative to the screen based on the updated background coordinate offset and the updated whiteboard coordinate offset.

In the embodiment of the disclosure, the offset of the sliding operation on the screen is used for updating the background coordinate offset and the whiteboard coordinate offset respectively, so that the synchronous rolling precision of the background view and the whiteboard view in the sliding process can be improved.

In one possible implementation manner, the controlling the whiteboard view to restore to an initialized state in response to the end of the sliding operation, and performing content redrawing on the whiteboard view restored to the initialized state based on the position of the background view relative to the screen after the sliding operation includes:

controlling the whiteboard view to be restored to an initialized state in response to the end of the sliding operation, so that the whiteboard view is centrally displayed relative to the screen;

acquiring target drawing content on the whiteboard view and background view coordinates corresponding to the target drawing content, and converting the background view coordinates corresponding to the target drawing content into whiteboard view updating coordinates corresponding to the whiteboard view after reset;

And redrawing the target drawing content based on the reset whiteboard view and the whiteboard view updating coordinates.

In the embodiment of the disclosure, in order to ensure the integrity of the display of the whiteboard view during the subsequent sliding, after the sliding operation is finished, a resetting operation needs to be performed on the whiteboard view, so that the whiteboard view is centrally displayed relative to the screen. In addition, in order that the contents of the whiteboard view are not separated from the contents of the background view, the drawing contents need to be redrawn based on the whiteboard view after reset.

In one possible implementation manner, the step of controlling the whiteboard view to be restored to the initialized state and the step of performing content weight drawing on the whiteboard view restored to the initialized state are performed under the same frame of picture.

In the embodiment of the disclosure, since the reset operation of the whiteboard view and the content redrawing operation of the whiteboard view are performed under the same frame of picture, the probability of flicker generated by the whiteboard view when the sliding is finished can be reduced, and further the visual experience of a user can be improved.

The embodiment of the disclosure provides a view display device, comprising:

the view acquisition module is used for acquiring a background view and a whiteboard view, wherein the whiteboard view is used for being covered on the background view for display; the size of the whiteboard view is larger than the screen size of the electronic device and smaller than the size of the background view;

The view setting module is used for initializing the background view to enable the background view to be in a preset relative position relative to the screen, and initializing the whiteboard view to enable the whiteboard view to be centrally displayed relative to the screen;

a view scroll module for controlling the background view and the whiteboard view to scroll synchronously with respect to the screen in a case that a sliding operation with respect to the screen is detected;

and the content drawing module is used for responding to the end of the sliding operation, controlling the whiteboard view to restore to an initialized state, and carrying out content weight drawing on the whiteboard view restored to the initialized state based on the position of the background view relative to the screen after the sliding operation, so as to obtain a display picture corresponding to the end of the sliding operation.

In one possible implementation, the content rendering module is further configured to:

In a possible implementation manner, the content drawing module is further specifically configured to:

In one possible implementation, the view scrolling module is specifically configured to:

In one possible implementation manner, the content drawing module is specifically configured to:

The embodiment of the disclosure provides an electronic device, comprising: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory in communication via the bus when the electronic device is running, the machine-readable instructions when executed by the processor performing the method of view display as described in any of the embodiments above.

The disclosed embodiments provide a computer readable storage medium having a computer program stored thereon, which when executed by a processor performs the view display method described in any of the above embodiments.

The foregoing objects, features and advantages of the disclosure will be more readily apparent from the following detailed description of the preferred embodiments taken in conjunction with the accompanying drawings.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required for the embodiments are briefly described below, which are incorporated in and constitute a part of the specification, these drawings showing embodiments consistent with the present disclosure and together with the description serve to illustrate the technical solutions of the present disclosure. It is to be understood that the following drawings illustrate only certain embodiments of the present disclosure and are therefore not to be considered limiting of its scope, for the person of ordinary skill in the art may admit to other equally relevant drawings without inventive effort.

FIG. 1 illustrates a flow chart of a view display method provided by some embodiments of the present disclosure;

FIG. 2 illustrates a schematic diagram of the positional relationship of a background view and a whiteboard view provided by some embodiments of the present disclosure;

FIG. 3 illustrates a schematic diagram of the coordinate relationship between a background view, a whiteboard view, and a screen provided by some embodiments of the present disclosure;

FIG. 4 illustrates a schematic diagram of state switching of a whiteboard view provided by some embodiments of the present disclosure;

FIG. 5 illustrates a schematic diagram of a sliding process of a whiteboard view provided by some embodiments of the present disclosure;

FIG. 6 illustrates a schematic diagram of a whiteboard view resetting process provided by some embodiments of the present disclosure

FIG. 7 illustrates a schematic diagram of a view display device provided by some embodiments of the present disclosure;

fig. 8 illustrates a schematic diagram of an electronic device provided by some embodiments of the present disclosure.

Detailed Description

For the purposes of making the objects, technical solutions and advantages of the embodiments of the present disclosure more apparent, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the drawings in the embodiments of the present disclosure, and it is apparent that the described embodiments are only some embodiments of the present disclosure, but not all embodiments. The components of the embodiments of the present disclosure, which are generally described and illustrated in the figures herein, may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present disclosure provided in the accompanying drawings is not intended to limit the scope of the disclosure, as claimed, but is merely representative of selected embodiments of the disclosure. All other embodiments, which can be made by those skilled in the art based on the embodiments of this disclosure without making any inventive effort, are intended to be within the scope of this disclosure.

It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures.

The term "and/or" is used herein to describe only one relationship, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist together, and B exists alone. In addition, the term "at least one" herein means any one of a plurality or any combination of at least two of a plurality, for example, including at least one of A, B, C, and may mean including any one or more elements selected from the group consisting of A, B and C.

Some applications at present, such as applications capable of editing and modifying picture content or educational applications, typically implement a writing operation of display content in the form of a background view (also called a base view) and a whiteboard view (also called a whiteboard) overlay, where the writing operation includes operations of adding content, modifying content, deleting content, and the like. The whiteboard view refers to a tool for dynamically drawing image information in a gesture, a brush, or the like. In practical applications, the whiteboard view needs to be overlaid on the background view, the heights of the background view and the screen of the electronic device for installing the application program may be inconsistent, and when the height of the background view is greater than that of the screen, the background view needs to support scrolling on the screen so as to completely display the content of the background view, and the content of the corresponding whiteboard view also needs to support scrolling display on the screen. The scrolling of the background View as well as the whiteboard View may be implemented by a Scroll View, for example.

As one implementation, the whiteboard view is switchable between a drawing state in which the whiteboard view can generate drawing contents (such as target patterns) corresponding to drawing operations in response to the drawing operations of the user, and a sliding state in which the whiteboard view can scroll synchronously with respect to the background view in response to the sliding operations of the user.

It has been found that in order to ensure that the background view can be presented with the corresponding whiteboard view when scrolled to different positions and to support a write operation to the whiteboard view, it is necessary that the size of the whiteboard view matches the size of the background view. However, as the size of the background view increases, the size of the whiteboard view also increases, and the size of data corresponding to the whiteboard view also increases, so that memory occupation increases and drawing time consumption increases in operation. For example, in some cases, in a scene where the height of the background view exceeds a certain height (such as 6 times of the screen height), a phenomenon that the electronic device is jammed may occur, which seriously affects the user experience.

Based on the above-mentioned study, an embodiment of the present disclosure provides a view display method, in which a background view and a whiteboard view are first acquired, where the whiteboard view is used to cover the background view for display; the size of the whiteboard view is larger than the screen size of the electronic device and smaller than the size of the background view; initializing the background view to enable the background view to be in a preset relative position relative to the screen, and initializing the whiteboard view to enable the whiteboard view to be centrally displayed relative to the screen; then controlling the background view and the whiteboard view to scroll synchronously relative to the screen in the case that a sliding operation for the screen is detected; and finally, responding to the end of the sliding operation, controlling the whiteboard view to restore to an initialized state, and carrying out content weight drawing on the whiteboard view restored to the initialized state based on the position of the background view relative to the screen after the sliding operation, so as to obtain a display picture corresponding to the end of the sliding operation.

For the convenience of understanding the embodiments of the present disclosure, a detailed description will be first made of an execution body of the view display method provided by the embodiments of the present disclosure. The execution subject of the view display method provided by the embodiment of the disclosure is an electronic device. The electronic device may be a terminal device or a server, or an implementation environment formed by the terminal device and the server together. The terminal device may be a mobile device, a user terminal, a handheld device, a computing device, a vehicle-mounted device, a wearable device, or the like. The server can be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, and a cloud server for providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud storage, big data, artificial intelligent platforms and the like.

In other embodiments, the view display method may also be implemented by way of a processor invoking computer readable instructions stored in a memory.

The view display method provided by the embodiment of the application is described in detail below with reference to the accompanying drawings. Referring to fig. 1, a flowchart of a view display method according to an embodiment of the present disclosure is shown, where the view display method includes the following steps S101 to S104:

s101, acquiring a background view and a whiteboard view, wherein the whiteboard view is used for being covered on the background view for display; the whiteboard view has a size that is larger than a screen size of the electronic device and smaller than a size of the background view.

Wherein the dimension includes a height and/or a width. Specifically, when the size includes a height, the whiteboard view and the background view may slide up and down relative to the screen of the electronic device; when the dimensions include a width, the whiteboard view and the background view may slide left and right relative to a screen of the electronic device; when the dimensions include height and width, the whiteboard view and the background view can slide up and down relative to the screen of the electronic device, or can slide left and right relative to the screen of the electronic device. In the various embodiments of the present disclosure, dimensions are illustrated by way of example as heights, and widths are similar to heights, provided that the heights below are replaced with widths.

By way of example, a background view refers to a view for displaying target background content, which may be any content for presentation to a user. The target background content is also different in different application scenarios. For example, in educational applications, the target background content may be text, questions, etc. for teaching; in entertainment (e.g., painting) applications, the target background content may also be a picture for reference by the user.

In addition, the format of the background content may also be different in different application scenarios. Alternatively, in the context of image modification, the format of the background content may be a picture format, and thus, modification of the picture may be accomplished by overlaying the whiteboard view over the background view, including but not limited to mosaic, marking, drawing lines, etc. In the answer scene, the format of the background content can be a question component format, for example, different questions can be displayed through different question components, and then operations such as calibration and answer of the questions can be realized through a whiteboard view.

Referring to (1) in fig. 2, the whiteboard view is used to cover the background view, the whiteboard view is transparent and can display the drawing content of the user, so that the effect of modifying and editing the content in the background view can be presented through the superposition display of the whiteboard view and the background view. In addition, the whiteboard view can realize functions of drawing, erasing and the like, and can extract whiteboard view contents, for example, in an educational scene, note contents recorded through the whiteboard view in the teaching process can be extracted and stored independently.

It should be understood that, as shown in fig. 2 (2), the whiteboard view is overlaid on the background view and is disposed near the screen, and the contents of the background view can be displayed through the whiteboard view and through the screen, so that the contents of the background view can be overlapped with the contents of the whiteboard view (such as oval white contents in fig. 2) and jointly displayed through the screen, and further, the effect of modifying the contents of the background view can be achieved through the drawing operation of the whiteboard view.

In some embodiments, when the background view reaches a certain height (e.g., greater than the screen height), it is necessary to display the content at different positions by scrolling, that is, both the background view and the whiteboard view need to be placed in the scrolling view to achieve the scrolling effect.

Optionally, the height of the whiteboard view is 3 times the height of the screen, and the height of the background view is greater than 3 times the height of the screen. Therefore, under the condition of reducing the memory occupied by the content of the whiteboard view, the edge of the whiteboard view cannot slide into the display area of the screen no matter the whiteboard view slides upwards or downwards, so that the complete whiteboard view is always displayed on the screen, and the visual experience of a user is improved.

It will be appreciated that in the case where the height of the background view is greater than the screen height and not more than 3 times the screen height, the height of the whiteboard view may be the same as or less than the height of the background view, but in the case where the height of the background view is greater than 3 times the screen height, the height of the whiteboard view is less than the height of the background view and is most preferably 3 times the screen height.

In addition, under the condition that the height of the whiteboard view is larger than the screen height, the height of the whiteboard view can be any multiple of the screen height, and the specific value of the multiple is not limited in the disclosure.

S102, initializing the background view to enable the background view to be in a preset relative position relative to the screen, and initializing the whiteboard view to enable the whiteboard view to be centrally displayed relative to the screen.

Specifically, referring to fig. 3, after the background view and the whiteboard view are acquired, the background view and the whiteboard view may be initialized respectively, so that the background view is in a preset relative position with respect to the screen, and the whiteboard view is centrally displayed with respect to the screen.

Wherein, the whiteboard view is centrally displayed relative to the screen, namely, the height of the whiteboard view beyond the top end of the screen is the same as the height of the whiteboard view beyond the bottom end of the screen.

By way of example, the height of the screen may be defined as h-screen, the height of the whiteboard view as h-board, and the height of the background view as h-back. In this embodiment, the height hscreen of the background view is greater than 3 times the screen height hscreen, and the height hscreen of the whiteboard view is 3 times the screen height, so that after initialization, the whiteboard view is centrally displayed with respect to the screen, i.e. the top of the whiteboard view is 1 time higher than the screen height of the top of the screen, and the lower end of the whiteboard view is 1 time lower than the screen height of the bottom of the screen. Wherein the screen height h screen is based on the height of the screen area visible to the user.

It should be understood that the preset relative position of the background view with respect to the screen may be set according to practical requirements, for example, the top end of the background view may be aligned with the top end of the screen, or the top end of the background view may be a preset distance from the top end of the screen.

It will be appreciated that, for convenience in describing the relationships among the screen, background view and whiteboard view, the screen coordinates, background view coordinates and whiteboard view coordinates are defined in the embodiments of the present disclosure, respectively, and the definition of each coordinate is described below.

Screen coordinates: coordinates with the upper left corner of the screen as the origin;

background view coordinates: coordinates with the upper left corner of the background view as the origin;

whiteboard view coordinates: coordinates with the upper left corner of the whiteboard view as the origin;

background initial coordinate offset: offset of the upper left corner of the screen relative to the upper left corner of the background view;

whiteboard initial coordinate offset: offset of the upper left corner of the screen relative to the upper left corner of the whiteboard view;

based on the above concept, for the above embodiment, after initialization, if the top end of the background view is aligned with the top end of the screen, the initial coordinate offset of the background view is 0; if the top end of the background view is a preset distance from the top end of the screen, the initial coordinate of the background view is shifted to be a preset distance; if the whiteboard view is displayed centrally with respect to the screen, the initial coordinate of the whiteboard view is shifted to-h screen.

The azimuth terms in the above concept are described by taking the relative positions shown in fig. 3 as examples.

And S103, controlling the background view and the whiteboard view to synchronously scroll relative to the screen in the case that the sliding operation of the screen is detected.

It will be understood that the sliding operation is an up-and-down sliding operation in the case of the explanation taking the height as an example, and the sliding operation is a left-and-right sliding operation in the case of the width as an example.

For example, referring to fig. 4, the state of the whiteboard view is divided into two states, i.e., the drawing state and the sliding state, i.e., the whiteboard view can be switched between the drawing state and the sliding state. By way of example, the swipe state refers to a state in which a user applies a swipe gesture to a screen such that a whiteboard view is in motion, the swipe state corresponding to a state between the swipe gesture from pressing to lifting, and the other time being a drawing state.

Illustratively, in the event that a sliding operation is not detected for the screen, the whiteboard view is in a drawn state, and therefore, in some embodiments, the method further comprises: in the drawing state, in response to a drawing operation for the screen, drawing content matching the drawing operation is drawn based on the whiteboard view, and the drawing content is stored. That is, in a drawing state, the whiteboard view is kept centered with respect to the screen, and when a user performs an operation on the screen through a gesture or a brush, the whiteboard view draws drawing contents matched with the drawing operation and stores the drawing contents so as to facilitate a subsequent content redrawing operation based on the drawing contents.

Specifically, in the drawing state, the electronic device may monitor the screen coordinates corresponding to the touch points corresponding to the drawing operation, and in order to correctly draw the drawing content on the whiteboard view and store the drawing content, the screen coordinates of the touch points need to be converted into the background view coordinates and the whiteboard view coordinates respectively. Thus, in some embodiments, when drawing a drawing content matching the drawing operation based on the whiteboard view in response to the drawing operation for the screen, and storing the drawing content, the following (I) to (II) may be included:

(I) Responding to the drawing operation of the screen, determining screen coordinates corresponding to touch points corresponding to the drawing operation, and respectively converting the screen coordinates of the touch points into background view coordinates corresponding to the background view and whiteboard view coordinates corresponding to the whiteboard view;

and (II) drawing the whiteboard view based on the whiteboard view coordinates corresponding to the touch points, obtaining drawing contents matched with the drawing operation, and storing the background view coordinates corresponding to the touch points and the drawing contents.

It can be understood that, because the drawing content needs to be drawn on the whiteboard view in real time, the drawing of the whiteboard view depends on the whiteboard view coordinates, and further, the screen coordinates corresponding to the touch points need to be converted to obtain the corresponding whiteboard view coordinates. For example, whiteboard view coordinates corresponding to the touch points may be determined based on screen coordinates of the touch points and a whiteboard coordinate offset of the whiteboard view with respect to the screen.

In the drawing state, since the whiteboard view is displayed centered on the screen, when the height of the whiteboard view is 3 times the screen height, the whiteboard coordinate shift of the whiteboard view with respect to the screen is-h screen in the drawing state, regardless of the drawing before or after the sliding.

In addition, in order to improve accuracy in the subsequent content redrawing, when the drawing content is stored, a relative position of the drawing content relative to the background view needs to be recorded, so in some embodiments, screen coordinates corresponding to the touch point are also required to be converted into background view coordinates, and further, storage of the drawing content based on the background view coordinates can be achieved while dynamic drawing is performed.

Specifically, the background view coordinates corresponding to the touch point may be determined based on the screen coordinates of the touch point and the background coordinate offset of the background view with respect to the screen. The background coordinate offset is a background initial coordinate offset for a scene drawn for the first time after initialization; and drawing the content after at least one sliding operation, wherein the background coordinate offset comprises a background initial coordinate offset and a sliding coordinate offset corresponding to the at least one sliding operation.

In one possible implementation manner, for the step of controlling the background view and the whiteboard view to scroll synchronously with respect to the screen in the case that the sliding operation with respect to the screen is detected, the following steps (a) to (c) may be specifically included:

(a) In a case where a sliding operation for the screen is detected, determining an amount of offset of the sliding operation on the screen;

(b) Synchronously updating a background coordinate offset of the background view relative to the screen and a whiteboard coordinate offset of the whiteboard view relative to the screen based on an offset of the sliding operation on the screen;

(c) And respectively controlling the background view and the whiteboard view to scroll relative to the screen based on the updated background coordinate offset and the updated whiteboard coordinate offset.

The offset is a longitudinal offset in the up-and-down sliding operation, and is a lateral offset in the left-and-right sliding operation.

For example, referring to fig. 5, taking an up-and-down sliding operation as an example, for a sliding state, a shift of a whiteboard view and a background view with respect to a screen is actually made, and a longitudinal shift of the sliding operation on the screen may be regarded as a sliding coordinate shift of the sliding operation on the screen.

For the first sliding after initialization, the updated whiteboard coordinate offset is the sum of the whiteboard initial coordinate offset and the sliding coordinate offset, and the updated background coordinate offset is the sum of the background initial coordinate offset and the sliding coordinate offset, and the whiteboard coordinate offset and the background coordinate offset are consistent in variation, so that synchronous rolling of the whiteboard view and the background view can be ensured, and the situation that the whiteboard view content and the background view content are separated is avoided.

For the initialized non-first sliding, the updated whiteboard coordinate offset is the sum of the whiteboard initial coordinate offset and the current sliding coordinate offset, wherein the resetting process of the whiteboard view after sliding is referred to as the details of the whiteboard view after sliding are described later; and the updated background coordinate offset is the sum of the background coordinate offset before the current sliding and the sliding coordinate offset of the current sliding.

As shown in fig. 5, with the screen as a reference, if the sliding gesture slides upwards for a certain distance, the whiteboard view and the background view are also shifted upwards for the same distance relative to the screen, so that the background view and the whiteboard view are shifted upwards synchronously, so that the content of the whiteboard view can be accurately covered on the background view in the sliding process, and the accuracy of displaying the drawing content of the whiteboard view in the sliding process can be ensured.

And S104, controlling the whiteboard view to restore to an initialized state in response to the end of the sliding operation, and carrying out content weight drawing on the whiteboard view restored to the initialized state based on the position of the background view relative to the screen after the sliding operation, so as to obtain a display picture corresponding to the end of the sliding operation.

It will be appreciated that after the sliding operation is completed, the whiteboard view will switch from the sliding state back to the drawing state. However, due to the sliding operation, the position (initialization position) of the whiteboard view relative to the screen is changed, so that in order to ensure that the whiteboard view still leaves a 1-time area of the screen height at the top and bottom ends of the screen when the next sliding operation is started, so as to ensure that the whiteboard view always covers the screen in each sliding operation, and the whiteboard view needs to be restored to the initialization state (also called reset) after the sliding operation is finished.

Referring to fig. 6, after the whiteboard view is restored to the initialized state (shown in (2) of fig. 6) at the end of the sliding, the relative position (with respect to the screen and the background view) of the whiteboard view is changed compared with that before the end of the sliding (shown in (1) of fig. 6), and if the content weight drawing is not performed, the drawing content of the whiteboard view is shifted with respect to the background view, thereby generating a content dislocation situation. Therefore, in order to ensure that the drawing content of the whiteboard view is accurately displayed relative to the background view, the content weight drawing is required to be performed on the drawing content of the whiteboard view after the resetting, so as to obtain a display picture corresponding to the end of the sliding operation.

Thus, in one possible implementation manner, when the controlling the whiteboard view to be restored to the initialized state in response to the end of the sliding operation and performing the content redrawing on the whiteboard view restored to the initialized state based on the position of the background view with respect to the screen after the sliding operation, the following (1) to (3) may be included:

(1) Controlling the whiteboard view to be restored to an initialized state in response to the end of the sliding operation, so that the whiteboard view is centrally displayed relative to the screen;

(2) Acquiring target drawing content on the whiteboard view and background view coordinates corresponding to the target drawing content, and converting the background view coordinates corresponding to the target drawing content into whiteboard view updating coordinates corresponding to the whiteboard view after reset;

(3) And redrawing the target drawing content based on the reset whiteboard view and the whiteboard view updating coordinates.

It should be noted that, when the content is redrawn, the drawing content needs to be performed based on whiteboard view coordinates, and when the drawing content is stored in a form of background view coordinates, so that the background view coordinates corresponding to the target drawing content need to be converted into whiteboard view update coordinates corresponding to the whiteboard view after reset.

The target drawing content refers to the drawing content presented on the whiteboard view before the content is redrawn. Specifically, the background coordinate offset (including the background initial coordinate offset and the sliding coordinate offset) after sliding can be subtracted from the background view coordinate corresponding to the target drawing content to obtain the screen coordinate corresponding to the target drawing content, then the whiteboard view updating coordinate is obtained based on the screen coordinate corresponding to the target drawing content and the whiteboard coordinate offset of the whiteboard view after resetting, and finally the target drawing content is redrawn based on the whiteboard view updating coordinate.

In addition, in order to avoid flicker, the step of controlling the whiteboard view to be restored to the initialized state and the step of performing the content weight drawing on the whiteboard view restored to the initialized state need to be performed under the same frame of picture, that is, the step of performing the content weight drawing on the whiteboard view restored to the initialized state is performed immediately after the step of controlling the whiteboard view to be restored to the initialized state is performed, thereby being beneficial to improving the visual experience of the user.

In the embodiment of the disclosure, since the size of the whiteboard view is larger than the screen size of the electronic device and smaller than the size of the background view, the size of the whiteboard view is not increased along with the increase of the height of the background view, so that the memory occupation and the drawing time consumption of an application program in running are within a preset range, the size of the whiteboard view is not increased limitlessly, and the smooth running of the application program can be ensured. In addition, through the movement of the position of the whiteboard view in the sliding state and the operation of resetting and redrawing the whiteboard view after the sliding state is finished, the whiteboard view can be ensured to be always displayed in a screen display area, and when the background view is rolled to different positions, the content of the whiteboard view can be correctly displayed, and the operation for the whiteboard view can be normally used.

It will be appreciated by those skilled in the art that in the above-described method of the specific embodiments, the written order of steps is not meant to imply a strict order of execution but rather should be construed according to the function and possibly inherent logic of the steps.

Based on the same technical concept, the embodiment of the disclosure further provides a view display device corresponding to the view display method, and since the principle of solving the problem by the device in the embodiment of the disclosure is similar to that of the view display method in the embodiment of the disclosure, the implementation of the device may refer to the implementation of the method, and the repetition is omitted.

Referring to fig. 7, a schematic diagram of a view display device 700 according to an embodiment of the disclosure is provided, where the device includes:

a view acquisition module 701, configured to acquire a background view and a whiteboard view, where the whiteboard view is used to be displayed to be overlaid on the background view; the size of the whiteboard view is larger than the screen size of the electronic device and smaller than the size of the background view;

a view setting module 702, configured to initialize the background view so that the background view presents a preset relative position with respect to the screen, and initialize the whiteboard view so that the whiteboard view is centrally displayed with respect to the screen;

A view scroll module 703 for controlling the background view and the whiteboard view to scroll synchronously with respect to the screen in the case that a sliding operation with respect to the screen is detected;

and the content drawing module 704 is configured to control the whiteboard view to restore to an initialized state in response to the end of the sliding operation, and perform content weight drawing on the whiteboard view restored to the initialized state based on the position of the background view relative to the screen after the sliding operation, so as to obtain a display screen corresponding to the end of the sliding operation.

In one possible implementation, the content rendering module 704 is further configured to:

In one possible implementation, the content rendering module 704 is further specifically configured to:

In one possible implementation, the view scrolling module 703 is specifically configured to:

In one possible implementation, the content rendering module 704 is specifically configured to:

The process flow of each module in the apparatus and the interaction flow between the modules may be described with reference to the related descriptions in the above method embodiments, which are not described in detail herein.

Based on the same technical concept, the embodiment of the disclosure also provides electronic equipment. Referring to fig. 8, a schematic structural diagram of an electronic device 800 according to an embodiment of the disclosure includes a processor 801, a memory 802, and a bus 803. The memory 802 is used for storing execution instructions, including a memory 8021 and an external memory 8022; the memory 8021 is also referred to as an internal memory, and is used for temporarily storing operation data in the processor 801 and data exchanged with an external memory 8022 such as a hard disk, and the processor 801 exchanges data with the external memory 8022 via the memory 8021.

In the embodiment of the present application, the memory 802 is specifically configured to store application program codes for executing the solution of the present application, and the processor 801 controls the execution. That is, when the electronic device 800 is operating, communication between the processor 801 and the memory 802 via the bus 803 causes the processor 801 to execute the application code stored in the memory 802, thereby performing the methods described in any of the preceding embodiments.

The Memory 802 may be, but is not limited to, a random access Memory (Random Access Memory, RAM), a Read Only Memory (ROM), a programmable Read Only Memory (Programmable Read-Only Memory, PROM), an erasable Read Only Memory (Erasable Programmable Read-Only Memory, EPROM), an electrically erasable Read Only Memory (Electric Erasable Programmable Read-Only Memory, EEPROM), etc.

The processor 801 may be an integrated circuit chip with signal processing capabilities. The processor may be a general-purpose processor, including a central processing unit (Central Processing Unit, CPU), a network processor (Network Processor, NP), etc.; but may also be a digital signal processor (DSP, digital Signal Processing), an application specific integrated circuit (ASIC, application Specific Integrated Circuit), a field programmable gate array (FPGA, field Programmable Gate Array) or other programmable logic device, discrete gate or transistor logic device, discrete hardware components. The disclosed methods, steps, and logic blocks in the embodiments of the present invention may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.

It is to be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device 800. In other embodiments of the present application, electronic device 800 may include more or fewer components than shown, or certain components may be combined, or certain components may be split, or different arrangements of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

The disclosed embodiments also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the view display method in the method embodiments described above. Wherein the storage medium may be a volatile or nonvolatile computer readable storage medium.

The embodiments of the present disclosure further provide a computer program product, where the computer program product carries program code, and instructions included in the program code may be used to perform the steps of the view display method in the foregoing method embodiments, and specifically reference the foregoing method embodiments will not be described herein.

Wherein the above-mentioned computer program product may be realized in particular by means of hardware, software or a combination thereof. In an alternative embodiment, the computer program product is embodied as a computer storage medium, and in another alternative embodiment, the computer program product is embodied as a software product, such as a software development kit (Software Development Kit, SDK), or the like.

It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described system and apparatus may refer to corresponding procedures in the foregoing method embodiments, which are not described herein again. In the several embodiments provided in the present disclosure, it should be understood that the disclosed systems, devices, and methods may be implemented in other manners. The above-described apparatus embodiments are merely illustrative, for example, the division of the units is merely a logical function division, and there may be other manners of division in actual implementation, and for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be through some communication interface, device or unit indirect coupling or communication connection, which may be in electrical, mechanical or other form.

The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, each functional unit in each embodiment of the present disclosure may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit.

The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer readable storage medium executable by a processor. Based on such understanding, the technical solution of the present disclosure may be embodied in essence or a part contributing to the prior art or a part of the technical solution, or in the form of a software product stored in a storage medium, including several instructions to cause a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in the embodiments of the present disclosure. And the aforementioned storage medium includes: various media capable of storing program codes, such as a U disk, a mobile hard disk, a read-only memory, a random access memory, a magnetic disk or an optical disk.

Finally, it should be noted that: the foregoing examples are merely specific embodiments of the present disclosure, and are not intended to limit the scope of the disclosure, but the present disclosure is not limited thereto, and those skilled in the art will appreciate that while the foregoing examples are described in detail, it is not limited to the disclosure: any person skilled in the art, within the technical scope of the disclosure of the present disclosure, may modify or easily conceive changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features thereof; such modifications, changes or substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the disclosure, and are intended to be included within the scope of the present disclosure. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.

Claims

1. A view display method, comprising:

2. The method of claim 1, wherein the whiteboard view is in a drawn state if a sliding operation for the screen is not detected, the method further comprising:

3. The method according to claim 2, wherein the drawing, in response to the drawing operation for the screen, drawing the drawing content matching the drawing operation based on the whiteboard view, and storing the drawing content, includes:

4. A method according to claim 3, wherein converting the screen coordinates of the touch point into background view coordinates corresponding to the background view and whiteboard view coordinates corresponding to the whiteboard view, respectively, comprises:

5. The method according to any one of claims 1-4, wherein controlling the background view and the whiteboard view to scroll synchronously with respect to the screen in case a sliding operation for the screen is detected, comprises:

6. The method of any one of claims 1-5, wherein controlling the whiteboard view to resume to an initialized state in response to the end of the sliding operation, and performing content redrawing on the whiteboard view restored to the initialized state based on the position of the background view relative to the screen after the sliding operation, comprises:

7. The method according to any one of claims 1-6, wherein the step of controlling the restoration of the whiteboard view to an initialized state and the step of content redrawing the whiteboard view restored to the initialized state are performed under the same frame of picture.

8. A view display device, comprising:

9. An electronic device, comprising: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory in communication via the bus when the electronic device is running, the machine-readable instructions when executed by the processor performing the view display method of any of claims 1-7.

10. A computer readable storage medium, characterized in that the computer readable storage medium has stored thereon a computer program which, when executed by a processor, performs the view display method according to any of claims 1-7.