CN114938411A

CN114938411A - Interface adjustment method, device, electronic equipment, computer medium and program product

Info

Publication number: CN114938411A
Application number: CN202210545032.4A
Authority: CN
Inventors: 刘玉娇; 庞超
Original assignee: Beijing Jingdong Century Trading Co Ltd; Beijing Wodong Tianjun Information Technology Co Ltd
Current assignee: Beijing Jingdong Century Trading Co Ltd; Beijing Wodong Tianjun Information Technology Co Ltd
Priority date: 2022-05-19
Filing date: 2022-05-19
Publication date: 2022-08-23

Abstract

Embodiments of the present disclosure disclose an interface adjustment method, apparatus, electronic device, computer medium, and program product. One embodiment of the method comprises: in response to detecting that the user acts on the zooming operation of the target interface, converting the user touch width into a screen touch pixel width; determining the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface; and carrying out zoom adjustment processing on each sub-view displayed on the target interface according to the zoom scale. The implementation mode is related to digital marketing, the difficulty of operating the page of the application program in the mobile phone with one hand of a user is reduced, and the experience of operating the page of the application program in the mobile phone with one hand of the user is improved.

Description

Interface adjustment method, device, electronic equipment, computer medium and program product

Technical Field

Embodiments of the present disclosure relate to the field of computer technologies, and in particular, to an interface adjustment method, an interface adjustment apparatus, an electronic device, a computer medium, and a program product.

Background

With the development of modern science and technology, mobile phone screens are becoming larger and larger. Therefore, people usually need to hold a mobile phone in one hand and operate a page on an APP Application (Application) in the other hand during the Application process. In order to facilitate a user to operate a page of an application program with one hand, a general method is as follows: and vertically dividing the page to facilitate the operation of a user.

However, the following technical problems generally exist in the above manner: the length of the finger of the user is not considered, and when the screen of the mobile phone is wide, the user cannot accurately operate the page of the application program in the mobile phone by one hand.

The above information disclosed in this background section is only for enhancement of understanding of the background of the inventive concept and, therefore, it may contain information that does not form the prior art that is already known to a person of ordinary skill in the art.

Disclosure of Invention

This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

Some embodiments of the present disclosure propose interface adjustment methods, apparatuses, electronic devices, computer readable media and program products to solve one or more of the technical problems noted in the background section above.

In a first aspect, some embodiments of the present disclosure provide an interface adjustment method, including: in response to detecting that the user acts on the zooming operation of the target interface, converting the user touch width into a screen touch pixel width; determining the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface; and carrying out zoom adjustment processing on each sub-view displayed on the target interface according to the zoom scale.

Optionally, before the converting the user touch width into the screen touch pixel width, the method further includes: determining whether attribute information corresponding to the user exists; and determining the preset touch width as the user touch width in response to the fact that the attribute information corresponding to the user does not exist.

Optionally, after determining whether the attribute information corresponding to the user exists, the method further includes: and determining the touch width corresponding to the attribute information as the user touch width in response to determining that the attribute information corresponding to the user exists.

Optionally, the performing, according to the scaling, scaling adjustment processing on each sub-view displayed on the target interface includes: determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view; in response to the scaling operation representation, scaling the target interface in a first direction, and determining a product of a first direction coordinate value of each sub-view in each sub-view and the scaling ratio as a first direction offset value to obtain each first direction offset value, where the first direction coordinate value corresponds to the first direction; and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each first direction offset value.

Optionally, the performing, according to the scaling, scaling adjustment processing on each sub-view displayed on the target interface includes: determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view; in response to the scaling operation characterization, scaling the target interface in a second direction, and determining a product of a second direction coordinate value of each sub-view in each sub-view and the scaling ratio as a second direction offset value to obtain each second direction offset value, where the second direction coordinate value corresponds to the second direction; and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each second direction offset value.

Optionally, the performing scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each first direction offset value includes: for each of the above sub-views, performing the following zoom adjustment steps: scaling the width of the sub-view to a sub-view scaling width corresponding to the sub-view to generate a first scaled sub-view; and moving the first zooming sub-view to enable the first direction coordinate value of the first zooming sub-view to be moved to a first direction offset value corresponding to the sub-view.

Optionally, the method further includes: and in response to the detection of the selection operation of the user on the re-zooming control corresponding to the target interface, performing zooming adjustment processing on each sub-view after zooming adjustment according to the user touch width and a preset adjustment touch width.

Optionally, the method further includes: responding to a main interface corresponding to the target interface and comprising a suspension module, and determining whether the suspension module is in a screen touch pixel range, wherein the screen touch pixel range is a width range corresponding to the width of the screen touch pixel; and in response to determining that the floating module is not in the range of the screen touch pixels, adjusting the floating module according to the zooming operation.

Optionally, the adjusting the suspension module according to the scaling operation includes: zooming the target interface in a first direction in response to the zooming operation representation, and moving the suspension module; and in response to the fact that the moved suspension module is not in the range of the touch pixels of the screen, performing scaling processing on the moved suspension module.

Optionally, the adjusting the suspension module according to the scaling operation includes: zooming the target interface towards a second direction in response to the zooming operation representation, and moving the suspension module; and in response to the fact that the moved suspension module is not in the range of the screen touch pixels, performing scaling processing on the moved suspension module.

In a second aspect, some embodiments of the present disclosure provide an interface adjustment apparatus, the apparatus comprising: the conversion unit is configured to respond to the detected zoom operation of the user on the target interface, and convert the user touch width into the screen touch pixel width; the determining unit is configured to determine the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface; and the zooming unit is configured to perform zooming adjustment processing on each sub-view displayed on the target interface according to the zooming proportion.

Optionally, before converting the user touch width into the screen touch pixel width in the conversion unit, the apparatus further includes: a first determining unit configured to determine whether there is attribute information corresponding to the user; and the second determining unit is configured to determine a preset touch width as the user touch width in response to determining that the attribute information corresponding to the user does not exist.

Optionally, after the first determining unit, the apparatus further includes: and a third determining unit configured to determine, as the user touch width, a touch width corresponding to the attribute information in response to determining that the attribute information corresponding to the user exists.

Optionally, the scaling unit is further configured to: determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view; in response to the scaling operation representation, scaling the target interface in a first direction, and determining a product of a first direction coordinate value of each of the sub-views and the scaling as a first direction offset value to obtain each first direction offset value, wherein the first direction coordinate value corresponds to the first direction; and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each first direction offset value.

Optionally, the scaling unit is further configured to: determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view; in response to the scaling operation characterization, scaling the target interface in a second direction, and determining a product of a second direction coordinate value of each sub-view in each sub-view and the scaling ratio as a second direction offset value to obtain each second direction offset value, where the second direction coordinate value corresponds to the second direction; and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each second direction offset value.

Optionally, the scaling unit is further configured to: for each of the above sub-views, performing the following zoom adjustment steps: scaling the width of the sub-view to a sub-view scaling width corresponding to the sub-view to generate a first scaled sub-view; and performing moving processing on the first zooming sub-view, so that the first direction coordinate value of the first zooming sub-view is moved to be a first direction offset value corresponding to the sub-view.

Optionally, the apparatus further comprises: and the zooming adjusting unit is configured to respond to the detected selection operation of the user on the re-zooming control corresponding to the target interface, and perform zooming adjustment processing on each sub-view after zooming adjustment according to the user touch width and a preset adjustment touch width.

Optionally, the apparatus further comprises: the module determining unit is configured to determine whether the floating module is in a screen touch pixel range in response to that a main interface corresponding to the target interface comprises the floating module, wherein the screen touch pixel range is a width range corresponding to the width of the screen touch pixel; and the adjusting unit is configured to perform adjustment processing on the floating module according to the zooming operation in response to the fact that the floating module is determined not to be in the range of the screen touch pixels.

Optionally, the adjusting unit is further configured to: zooming the target interface in a first direction in response to the zooming operation representation, and moving the suspension module; and in response to the fact that the moved suspension module is not in the range of the screen touch pixels, performing scaling processing on the moved suspension module.

Optionally, the adjusting unit is further configured to: zooming the target interface towards a second direction in response to the zooming operation representation, and moving the suspension module; and in response to the fact that the moved suspension module is not in the range of the screen touch pixels, performing scaling processing on the moved suspension module.

In a third aspect, some embodiments of the present disclosure provide an electronic device, comprising: one or more processors; a storage device having one or more programs stored thereon, which when executed by one or more processors, cause the one or more processors to implement the method described in any of the implementations of the first aspect.

In a fourth aspect, some embodiments of the disclosure provide a computer readable medium on which a computer program is stored, wherein the program when executed by a processor implements the method described in any implementation of the first aspect.

In a fifth aspect, some embodiments of the present disclosure provide a computer program product comprising a computer program that, when executed by a processor, implements the method described in any of the implementations of the first aspect above.

The above embodiments of the present disclosure have the following beneficial effects: according to the interface adjusting method of some embodiments of the disclosure, the interface can be zoomed according to the finger length of the user, the difficulty of operating the page of the application program in the mobile phone with one hand of the user is reduced, and the experience of operating the page of the application program in the mobile phone with one hand of the user is improved. Specifically, the reason why it is difficult for a user to accurately operate a page of an application program in a mobile phone with one hand is that: the length of the finger of the user is not considered, and when the screen of the mobile phone is wide, the user cannot accurately operate the page of the application program in the mobile phone by one hand. Based on this, the interface adjusting method of some embodiments of the present disclosure first converts the user touch width into the screen touch pixel width in response to detecting the zoom operation of the user on the target interface. Therefore, the screen width (screen touch pixel width) which can be touched by the user can be determined according to the user touch width, and data support is provided for a subsequent zooming interface. And then, determining the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface. Therefore, the scaling of the interface can be determined according to the width of the screen which can be touched by a user, and the user can conveniently operate with one hand. And finally, carrying out zoom adjustment processing on each sub-view displayed on the target interface according to the zoom scale. Therefore, the target interface can be zoomed, the difficulty of operating the page of the application program in the mobile phone by one hand of a user is reduced, and the experience of operating the page of the application program in the mobile phone by one hand of the user is improved. And the difficulty of the user for operating the page in the mobile phone by one hand is reduced, and the time for operating the page by one hand is shortened.

Drawings

The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and components are not necessarily drawn to scale.

FIG. 1 is an architectural diagram of an exemplary system in which some embodiments of the present disclosure may be applied;

FIG. 2 is a flow diagram of some embodiments of an interface adjustment method according to the present disclosure;

FIG. 3 is a flow chart of further embodiments of an interface adjustment method according to the present disclosure;

FIG. 4 is a schematic diagram of an application scenario illustrating a zoom adjustment process performed on a target interface in the interface adjustment method according to the present disclosure;

FIG. 5 is a schematic structural diagram of some embodiments of an interface adjustment apparatus according to the present disclosure;

FIG. 6 is a schematic structural diagram of an electronic device suitable for use in implementing some embodiments of the present disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and the embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.

It should be noted that, for convenience of description, only the portions related to the related invention are shown in the drawings. The embodiments and features of the embodiments in the present disclosure may be combined with each other without conflict.

It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.

It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.

The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.

The present disclosure will be described in detail below with reference to the accompanying drawings in conjunction with embodiments.

Fig. 1 illustrates an exemplary system architecture 100 to which the interface adjustment method or interface adjustment apparatus of some embodiments of the present disclosure may be applied.

As shown in fig. 1, the system architecture 100 may include

terminal devices

101, 102, 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the

terminal devices

101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.

The user may use the

terminal devices

101, 102, 103 to interact with the server 105 via the network 104 to receive or send messages or the like. The

terminal devices

101, 102, 103 may have various communication client applications installed thereon, such as a web browser application, a search-type application, an instant messaging tool, a mailbox client, social platform software, and the like.

The

terminal apparatuses

101, 102, and 103 may be hardware or software. When the

terminal devices

101, 102, 103 are hardware, they may be various electronic devices having a display screen and supporting information presentation, including but not limited to smart phones, tablet computers, e-book readers, laptop portable computers, desktop computers, and the like. When the

terminal apparatuses

101, 102, 103 are software, they can be installed in the electronic apparatuses listed above. It may be implemented, for example, as multiple software or software modules to provide distributed services, or as a single software or software module. And is not particularly limited herein.

The server 105 may be a server providing various services, such as a backend server providing support for information displayed on the

terminal devices

101, 102, 103. The background server can analyze and process the received data such as the request and feed back the processing result to the terminal equipment.

It should be noted that the interface adjustment method provided in the embodiment of the present disclosure may be executed by the

terminal devices

101, 102, and 103, or may be executed by the server 105. Accordingly, the interface adjusting device may be provided in the

terminal apparatuses

101, 102, and 103, or may be provided in the server 105. And is not particularly limited herein.

The server may be hardware or software. When the server is hardware, it may be implemented as a distributed server cluster formed by multiple servers, or may be implemented as a single server. When the server is software, it may be implemented as multiple software or software modules, for example, to provide distributed services, or as a single software or software module. And is not particularly limited herein.

It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.

With continued reference to fig. 2, a flow 200 of some embodiments of an interface adjustment method according to the present disclosure is shown. The interface adjusting method comprises the following steps:

step 201, in response to detecting that the user acts on the zoom operation of the target interface, converting the user touch width into a screen touch pixel width.

In some embodiments, an executing body of the interface adjusting method (for example, the terminal device shown in fig. 1) may convert the user touch width into the screen touch pixel width in response to detecting the zoom operation of the user on the target interface. Here, the execution subject of the interface adjustment method may refer to a portable operation device having a display screen. For example, the execution subject of the interface adjustment method may refer to a mobile phone. Here, the target interface may refer to an application page to be zoomed that is currently displayed. The user touch width may be a preset maximum width of the screen that can be touched by the user, or may be a length of the finger of the user. The zoom operation may represent an operation of performing zoom processing on the target interface. The user may refer to a user touching the target interface, and may include but is not limited to: common users, technical developers.

In practice, in response to detecting a selection operation of the user on the zoom control, the product value of the user touch width and the unit length pixel amount is determined as the screen touch pixel width. Here, the zoom control may represent a control for zooming the target interface. The selection operation may include, but is not limited to: click, toggle, slide. The unit length pixel value may refer to the number of pixels included in the target interface within the unit length.

Optionally, before the converting the user touch width into the screen touch pixel width, the method further includes:

first, whether attribute information corresponding to the user exists is determined. In practice, it may be determined whether attribute information corresponding to the user is stored locally. The attribute information may indicate a gender of the user.

And step two, in response to the fact that the attribute information corresponding to the user does not exist, determining the preset touch width as the user touch width. Here, the preset touch width may refer to a preset screen width that a user can touch.

And thirdly, in response to the fact that the attribute information corresponding to the user exists, determining the touch width corresponding to the attribute information as the user touch width. For example, in response to the attribute information indicating that the gender of the user is male, a preset touch width corresponding to the male user is determined as the user touch width. And determining the preset touch width corresponding to the female user as the user touch width in response to the attribute information representing that the gender of the user is female.

The attribute information of the user used in the present application is information that is authorized and approved by the user. For example, the execution body may send a request for obtaining the attribute information of the user to the user side, and after receiving an instruction sent by the user side and indicating that the execution body allows the execution body to obtain the attribute information, the execution body may read the attribute information of the user.

Step 202, determining the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface.

In some embodiments, the execution subject may determine a scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface. In practice, the executing entity may determine a ratio of the width of the screen touch pixel to the lateral width of the root view as a scaling ratio of the target interface. Here, the lateral width may represent a product value of a lateral length of the root view and a unit length pixel amount.

Step 203, performing zoom adjustment processing on each sub-view displayed on the target interface according to the zoom scale.

In some embodiments, the execution subject may perform a zoom adjustment process on each sub-view displayed on the target interface according to the zoom ratio. Here, each child view includes a root graph.

In practice, according to the scaling, the executing entity may perform scaling adjustment processing on each sub-view displayed on the target interface through the following steps:

and step one, determining the product of the transverse width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain a sub-view scaling width group.

And secondly, for each sub-view in the sub-views, zooming the transverse width of the sub-view to a sub-view zooming width corresponding to the sub-view, so as to zoom and adjust the sub-views displayed on the target interface.

Optionally, in response to detecting that the user performs a selection operation on a re-zooming control corresponding to the target interface, performing zooming adjustment processing on each sub-view subjected to zooming adjustment according to the user touch width and a preset adjustment touch width.

In some embodiments, the executing body may perform, in response to detecting that the user performs a selection operation on a re-zooming control corresponding to the target interface, zooming adjustment processing on each of the sub-views after zooming adjustment according to the user touch width and a preset adjustment touch width. The re-zoom control may represent a control to re-zoom the zoomed target interface. The selection operation may include, but is not limited to: click, toggle, slide. The preset adjustment touch width may refer to a preset width for adjusting the user touch width. Here, the setting of the preset adjustment touch width is not limited. In practice, first, the sum of the user touch width and the preset adjustment touch width may be used as the updated user touch width. Then, the zoom adjustment process is performed on each sub-view after the zoom adjustment according to the implementation manner described in

step

201 and 203, which is not described herein again.

The above embodiments of the present disclosure have the following advantages: according to the interface adjusting method of some embodiments of the disclosure, the interface can be zoomed according to the finger length of the user, the difficulty of operating the page of the application program in the mobile phone with one hand of the user is reduced, and the experience of operating the page of the application program in the mobile phone with one hand of the user is improved. Specifically, the reason why it is difficult for a user to accurately operate a page of an application program in a mobile phone with one hand is that: the length of the finger of the user is not considered, and when the screen of the mobile phone is wide, the user cannot accurately operate the page of the application program in the mobile phone by one hand. Based on this, the interface adjusting method of some embodiments of the present disclosure first converts the user touch width into the screen touch pixel width in response to detecting the zoom operation of the user on the target interface. Therefore, the screen width (screen touch pixel width) which can be touched by the user can be determined according to the user touch width, and data support is provided for a subsequent zooming interface. And then, determining the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface. Therefore, the scaling of the interface can be determined according to the width of the screen which can be touched by the user, and the user can conveniently operate with one hand. And finally, carrying out zoom adjustment processing on each sub-view displayed on the target interface according to the zoom scale. Therefore, the target interface can be zoomed, the difficulty of operating the page of the application program in the mobile phone by one hand of the user is reduced, and the experience of operating the page of the application program in the mobile phone by one hand of the user is improved. And the difficulty of the user for operating the page in the mobile phone by one hand is reduced, and the time for operating the page by one hand is shortened.

With further reference to fig. 3, further embodiments of interface adjustment methods according to the present disclosure are illustrated. The interface adjusting method comprises the following steps:

step 301, in response to detecting a zoom operation performed by a user on a target interface, converting a user touch width into a screen touch pixel width.

Step 302, determining a scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface.

In some embodiments, the specific implementation and technical effects of

steps

301 and 302 may refer to

steps

201 and 202 in the embodiments corresponding to fig. 2, which are not described herein again.

And 303, performing zoom adjustment processing on each sub-view displayed on the target interface according to the zoom scale.

In some embodiments, according to the scaling, an execution subject of the interface adjustment method (for example, the terminal device shown in fig. 1) may perform scaling adjustment processing on each sub-view displayed by the target interface by:

firstly, determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view. Here, the width of the sub-view may refer to a lateral width of the sub-view in the target interface.

And secondly, in response to the scaling operation representation, scaling the target interface towards a first direction, and determining a product of a first direction coordinate value of each sub-view in each sub-view and the scaling ratio as a first direction offset value to obtain each first direction offset value. Wherein the first direction coordinate value corresponds to the first direction. Here, the first direction may refer to a lateral direction of the target interface. For example, the first direction may be a lateral left direction or a lateral right direction. Scaling the target interface in the first direction may refer to shifting and scaling the target interface in the first direction. The first direction coordinate values may refer to coordinate values of left/right boundaries of the sub-views in the target screen coordinate system. The target screen coordinate system may refer to a coordinate system constructed according to a screen displaying the target interface. For example, the origin of the target screen coordinate system may be the lower left or lower right corner of the screen on which the target interface is displayed.

It should be noted that, when the first direction represents a horizontal left direction, the origin of the target screen coordinate system is the lower left corner of the screen displaying the target interface; when the first direction represents a horizontal right direction, the origin of the target screen coordinate system is the lower right corner of the screen displaying the target interface.

And thirdly, carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each first direction deviation value.

In practice, for each of the above-mentioned sub-views, the following zoom adjustment steps are performed:

the first sub-step, scale the width of the above-mentioned sub-view to the correspondent sub-view of above-mentioned sub-view and zoom the width, in order to produce the first and zoom the sub-view.

And a second sub-step of performing a moving process on the first scaled sub-view so that the first direction coordinate value of the first scaled sub-view is moved to a first direction offset value corresponding to the sub-view. That is, first, a coordinate difference between the first direction coordinate value and the first direction offset value may be determined. The first zoomed sub-view may then be moved laterally along the first direction by the distance of the coordinate difference.

In some optional implementation manners of some embodiments, according to the scaling, the executing body may further perform scaling adjustment processing on each sub-view displayed by the target interface through the following steps:

and step one, determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view. Here, the width of the sub-view may refer to a lateral width of the sub-view in the target interface.

And secondly, in response to the scaling operation representation, scaling the target interface towards a second direction, and determining a product of a second direction coordinate value of each sub-view in each sub-view and the scaling ratio as a second direction deviation value to obtain each second direction deviation value. Wherein the second direction coordinate value corresponds to the second direction. Here, the second direction may refer to a lateral direction of the target interface described above. For example, the second direction may be a lateral left direction or a lateral right direction. The scaling of the target interface in the second direction may be performed by shifting and scaling the target interface in the second direction. The second direction coordinate value may refer to a coordinate value of a right/left boundary of the sub-view in the target screen coordinate system. The target screen coordinate system may refer to a coordinate system constructed according to a screen displaying the target interface. For example, the origin of the target screen coordinate system may be the lower left or lower right corner of the screen on which the target interface is displayed.

It should be noted that, when the second direction represents the horizontal left direction, the origin of the target screen coordinate system is the lower left corner of the screen displaying the target interface; when the second direction represents a horizontal-to-right direction, the origin of the target screen coordinate system is the lower right corner of the screen displaying the target interface.

And thirdly, carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each second direction deviation value. For concrete implementation of the third step and technical effects brought by the third step, reference may be made to the third step in the first embodiment corresponding to step 303, which is not described herein again.

Fig. 4 is a schematic diagram illustrating an application scenario for performing zoom adjustment processing on a target interface. The computing device shown in fig. 4 may represent a cell phone, among other things. The dashed box shown in fig. 4 may represent a target interface. "1, 2, 3, 4, 5, 6" illustrated in fig. 4 may all represent sub-views. FIG. 4 shows the zoom adjustment of the target interface to the left of the screen. The left-hand diagram in fig. 4 represents the target interface without zooming. The right-hand side of fig. 4 shows the zoom-adjusted target interface.

Step 304, in response to that the main interface corresponding to the target interface includes a floating module, determining whether the floating module is within a range of touch pixels of the screen.

In some embodiments, the execution subject may determine whether the hover module is within a range of screen touch pixels in response to the main interface corresponding to the target interface including the hover module. The screen touch pixel range is a width range corresponding to the width of the screen touch pixel. Here, the main interface corresponding to the target interface may refer to a page of a screen on which the target interface is displayed. The levitation module may be a levitation window or a levitation control. The width range corresponding to the width of the screen touch pixel may be a page width range in which a page of the screen displaying the target interface is divided according to the zoom direction (the first direction or the second direction) represented by the zoom operation, and the width is the width of the screen touch pixel. For example, when the zoom direction indicates the horizontal left direction, a page of the screen displaying the target interface is divided into pages with a width equal to the width of the screen touch pixel from left to right, and the width range of the divided pages is the screen touch pixel range. And when the zooming direction represents the horizontal right direction, dividing the page of the screen displaying the target interface from right to left into pages with the width of the touch pixel of the screen, wherein the width range of the divided pages is the range of the touch pixel of the screen.

Step 305, in response to determining that the floating module is not within the range of the screen touch pixels, performing adjustment processing on the floating module according to the zoom operation.

In some embodiments, the execution subject may perform an adjustment process on the hover module according to the zoom operation in response to determining that the hover module is not within the screen touch pixel range.

In practice, according to the zooming operation, the executing body may perform an adjustment process on the floating module through the following steps:

and in a first step, the target interface is zoomed and adjusted towards a first direction in response to the zoom operation representation, and the suspension module is moved. In practice, the levitation module may be moved a first unit distance along the first direction. Here, the setting of the first unit distance is not limited. For example, the first unit distance may be a left margin of the above-described levitation module. The left margin may refer to a distance from a left boundary line of the above-described levitation module to a left boundary of the screen.

And secondly, in response to the fact that the moved suspension module is not in the range of the touch pixels of the screen, zooming the moved suspension module. Here, for a specific implementation of the scaling process performed on the moved suspension module, reference may be made to the scaling adjustment process in step 301 and step 303, which is not described herein again.

In some optional implementation manners of some embodiments, according to the zoom operation, the executing body may further perform an adjustment process on the suspension module by:

and in a first step, the target interface is zoomed and adjusted towards a second direction in response to the zoom operation representation, and the suspension module is moved. In practice, the levitation module may be moved a second unit distance along the second direction. Here, the setting of the second unit distance is not limited. For example, the second unit distance may be a right distance of the above-described levitation module. The right margin may refer to a distance from a right boundary line of the above-described levitation module to a right boundary of the screen.

And secondly, in response to the fact that the moved suspension module is not in the range of the touch pixels of the screen, zooming the moved suspension module. Here, for a specific implementation of the scaling process performed on the moved suspension module, reference may be made to the scaling adjustment process in steps 301-303, which is not described herein again.

As can be seen from fig. 3, compared with the description of some embodiments corresponding to fig. 2, the flow 300 in some embodiments corresponding to fig. 3 represents a process of performing a horizontal scaling process on the interface and the hovering module according to the touch width of the user. In addition, the interface and the floating module are zoomed according to the zooming direction selected by the user. Such as a user selecting left zooming (characterizing a zoom adjustment of the target interface in a first direction) or right zooming (characterizing a zoom adjustment of the target interface in a second direction). Therefore, the user can operate the interface and the suspension module by one hand conveniently, and the operability of the user on the interface by one hand is improved.

With further reference to fig. 5, as an implementation of the methods shown in the above figures, the present disclosure provides some embodiments of an interface adjustment apparatus, which correspond to those of the method embodiments shown in fig. 2, and which may be applied in various electronic devices.

As shown in fig. 5, the interface adjustment apparatus 500 of some embodiments includes: a conversion unit 501, a determination unit 502 and a scaling unit 503. The conversion unit 501 is configured to convert the user touch width into a screen touch pixel width in response to detecting a zoom operation of the user on the target interface; a determining unit 502 configured to determine a scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface; the scaling unit 503 is configured to perform scaling adjustment processing on each sub-view displayed on the target interface according to the scaling.

Optionally, before converting the user touch width into the screen touch pixel width in the conversion unit 501, the apparatus 500 further includes: a first determining unit configured to determine whether there is attribute information corresponding to the user; and the second determining unit is configured to determine a preset touch width as the user touch width in response to determining that the attribute information corresponding to the user does not exist.

Optionally, after the first determining unit, the apparatus 500 further comprises: and a third determining unit configured to determine, as the user touch width, a touch width corresponding to the attribute information in response to determining that the attribute information corresponding to the user exists.

Optionally, the scaling unit 503 is further configured to: determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view; in response to the scaling operation representation, scaling the target interface in a first direction, and determining a product of a first direction coordinate value of each of the sub-views and the scaling as a first direction offset value to obtain each first direction offset value, wherein the first direction coordinate value corresponds to the first direction; and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each first direction offset value.

Optionally, the scaling unit 503 is further configured to: determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view; in response to the scaling operation characterization, scaling the target interface in a second direction, and determining a product of a second direction coordinate value of each sub-view in each sub-view and the scaling ratio as a second direction offset value to obtain each second direction offset value, where the second direction coordinate value corresponds to the second direction; and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each second direction deviation value.

Optionally, the scaling unit 503 is further configured to: for each of the above sub-views, performing the following zoom adjustment steps: scaling the width of the sub-view to a sub-view scaling width corresponding to the sub-view to generate a first scaled sub-view; and performing moving processing on the first zooming sub-view, so that the first direction coordinate value of the first zooming sub-view is moved to be a first direction offset value corresponding to the sub-view.

Optionally, the apparatus 500 further comprises: and the zooming adjusting unit is configured to respond to the detection of the selection operation of the user on the re-zooming control corresponding to the target interface, and perform zooming adjustment processing on each sub-view subjected to zooming adjustment according to the user touch width and a preset adjustment touch width.

Optionally, the apparatus 500 further comprises: the module determining unit is configured to determine whether the floating module is in a screen touch pixel range in response to that a main interface corresponding to the target interface comprises the floating module, wherein the screen touch pixel range is a width range corresponding to the width of the screen touch pixel; and the adjusting unit is configured to respond to the fact that the floating module is not in the range of the screen touch pixels, and adjust the floating module according to the zooming operation.

It will be understood that the elements described in the apparatus 500 correspond to various steps in the method described with reference to fig. 2. Thus, the operations, features and resulting advantages described above with respect to the method are also applicable to the apparatus 500 and the units included therein, and are not described herein again.

Referring now to fig. 6, a block diagram of an electronic device (e.g., the terminal device of fig. 1) 600 suitable for use in implementing some embodiments of the present disclosure is shown. The electronic devices in some embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and the like, and fixed terminals such as digital TVs, desktop computers, AR/VR/MR devices, and the like. The electronic device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.

As shown in fig. 6, electronic device 600 may include a processing means (e.g., central processing unit, graphics processor, etc.) 601 that may perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.

Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 illustrates an electronic device 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided. Each block shown in fig. 6 may represent one device or may represent multiple devices as desired.

In particular, according to some embodiments of the present disclosure, the processes described above with reference to the flow diagrams may be implemented as computer software programs. For example, some embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In some such embodiments, the computer program may be downloaded and installed from a network through the communication device 609, or installed from the storage device 608, or installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of some embodiments of the present disclosure.

It should be noted that the computer readable medium described in some embodiments of the present disclosure may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In some embodiments of the disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In some embodiments of the present disclosure, however, a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.

In some embodiments, the clients, servers may communicate using any currently known or future developed network Protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.

The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device. The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: in response to detecting that the user acts on the zooming operation of the target interface, converting the user touch width into a screen touch pixel width; determining the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface; and carrying out zoom adjustment processing on each sub-view displayed on the target interface according to the zoom scale.

Computer program code for carrying out operations for embodiments of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, 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 the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units described in some embodiments of the present disclosure may be implemented by software, and may also be implemented by hardware. The described units may also be provided in a processor, and may be described as: a processor includes a conversion unit, a determination unit, and a scaling unit. The names of the cells do not constitute a limitation on the cells themselves in some cases, and for example, the conversion cell may also be described as a "cell that converts a user touch width into a screen touch pixel width in response to detecting a zoom operation of a user on a target interface".

The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.

Some embodiments of the present disclosure also provide a computer program product comprising a computer program which, when executed by a processor, implements any of the interface adjustment methods described above.

The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the invention in the embodiments of the present disclosure is not limited to the specific combination of the above-mentioned features, but also encompasses other embodiments in which any combination of the above-mentioned features or their equivalents is made without departing from the inventive concept as defined above. For example, the above features and (but not limited to) technical features with similar functions disclosed in the embodiments of the present disclosure are mutually replaced to form the technical solution.

Claims

1. An interface adjustment method, comprising:

in response to detecting that the user acts on the zooming operation of the target interface, converting the user touch width into a screen touch pixel width;

determining the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface;

and carrying out zooming adjustment processing on each sub-view displayed on the target interface according to the zooming proportion.

2. The method of claim 1, wherein prior to said converting a user tap width to a screen tap pixel width, the method further comprises:

determining whether attribute information corresponding to the user exists;

and determining a preset touch width as the user touch width in response to determining that the attribute information corresponding to the user does not exist.

3. The method of claim 2, wherein after the determining whether attribute information corresponding to the user exists, the method further comprises:

and in response to determining that the attribute information corresponding to the user exists, determining the touch width corresponding to the attribute information as the user touch width.

4. The method according to claim 1, wherein the performing, according to the scaling ratio, a scaling adjustment process on each sub-view of the target interface display includes:

determining the product of the width of each sub-view in each sub-view and the scaling ratio as the scaling width of the sub-view to obtain the scaling width of each sub-view;

in response to the scaling operation representing that the target interface is scaled in a first direction, determining a product of a first direction coordinate value of each sub-view in the sub-views and the scaling ratio as a first direction offset value, and obtaining the first direction offset value, wherein the first direction coordinate value corresponds to the first direction;

and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each first direction deviation value.

5. The method according to claim 1, wherein the performing, according to the scaling ratio, a scaling adjustment process on each sub-view of the target interface display includes:

in response to the scaling operation representation, scaling the target interface in a second direction, and determining a product of a second direction coordinate value of each sub-view in each sub-view and the scaling ratio as a second direction offset value to obtain each second direction offset value, where the second direction coordinate value corresponds to the second direction;

and carrying out scaling adjustment processing on each sub-view according to the scaling width of each sub-view and each second direction deviation value.

6. The method according to claim 4, wherein the performing scaling adjustment processing on the respective sub-views according to the respective sub-view scaling widths and the respective first direction offset values includes:

for each of the sub-views, performing the following zoom adjustment steps:

scaling the width of the sub-view to a sub-view scaling width corresponding to the sub-view to generate a first scaled sub-view;

and moving the first zooming sub-view to enable the first direction coordinate value of the first zooming sub-view to move to a first direction offset value corresponding to the sub-view.

7. The method of claim 1, wherein the method further comprises:

and in response to the detection of the selection operation of the user on the re-zooming control corresponding to the target interface, carrying out zooming adjustment processing on each sub-view after zooming adjustment according to the user touch width and a preset adjustment touch width.

8. The method of claim 1, wherein the method further comprises:

responding to that a main interface corresponding to the target interface contains a suspension module, and determining whether the suspension module is in a screen touch pixel range, wherein the screen touch pixel range is a width range corresponding to the width of the screen touch pixel;

and responding to the fact that the suspension module is not in the range of the screen touch pixels, and adjusting the suspension module according to the zooming operation.

9. The method of claim 8, wherein the adjusting the hover module according to the zoom operation comprises:

in response to the zoom operation representation, zooming and adjusting the target interface to a first direction, and moving the suspension module;

and in response to the fact that the moved suspension module is not in the range of the screen touch pixels, performing zooming processing on the moved suspension module.

10. The method of claim 8, wherein the adjusting the hover module according to the zoom operation comprises:

performing a zoom adjustment on the target interface towards a second direction in response to the zoom operation representation, and performing a movement process on the suspension module;

11. An interface adjustment apparatus, comprising:

the conversion unit is configured to respond to the detected zoom operation of the user on the target interface, and convert the user touch width into the screen touch pixel width;

the determining unit is configured to determine the scaling of the target interface according to the width of the screen touch pixel and the root view of the target interface;

and the zooming unit is configured to perform zooming adjustment processing on each sub-view displayed by the target interface according to the zooming proportion.

12. An electronic device, comprising:

one or more processors;

a storage device having one or more programs stored thereon;

when executed by the one or more processors, cause the one or more processors to implement the method of any one of claims 1-10.

13. A computer-readable medium, on which a computer program is stored, wherein the program, when executed by a processor, implements the method of any one of claims 1-10.

14. A computer program product comprising a computer program which, when executed by a processor, implements the method according to any one of claims 1-10.