WO2020243940A1

WO2020243940A1 - Transaction interface control method, electronic transaction device, and storage medium

Info

Publication number: WO2020243940A1
Application number: PCT/CN2019/090273
Authority: WO
Inventors: 刘贞平; 鲜丹; 柳彤; 朱大卫; 汤慧秀; 于方浦; 周诗松; 叶智星; 秦海珊; 马绍轩
Original assignee: 深圳海付移通科技有限公司
Priority date: 2019-06-06
Filing date: 2019-06-06
Publication date: 2020-12-10
Also published as: CN111801648A

Abstract

Provided are a transaction interface (20a, 20b, 20c, 20d, 20e) control method, an electronic transaction device (120, 130), and a storage medium (140); the transaction interface (20a, 20b, 20c, 20d, 20e) comprises a first region (21) and a second region (22); the first region (21) contains buttons for various transaction means; the second region (22) is used for displaying a graphic of the first transaction means among the various transaction means; said control method comprises: obtaining a slide operation in a set region; determining the direction of sliding of the slide operation; if the direction of sliding of the slide operation meets a first preset requirement, then switching the graphic of the first transaction means displayed in the second region (22) to the graphic of the second transaction means; the order of the button of the first transaction means the button of the second transaction means are associated with the direction of sliding of the slide operation. By the described means, it is possible to simplify a transaction means switching operation, improving the efficiency of electronic transactions.

Description

Method for controlling transaction interface, electronic transaction equipment and storage medium

【Technical Field】

This application relates to the technical field of electronic transactions, in particular to a method for controlling a transaction interface, an electronic transaction device, and a storage medium.

【Background technique】

At present, mobile payment is becoming more and more popular. Compared with the previous consumers carrying various bank cards and membership cards, consumers are more and more inclined to carry only one mobile transaction device, such as mobile phones, smart watches, etc. By installing a mobile payment application in the mobile phone, payment, collection, transfer, etc. can be completed through the application.

In the process of using mobile payment, users can use a variety of payment methods to conduct transactions, including scanning, QR code for payment, and QR code for payment. Generally, users can switch according to the transaction method required by the merchant. However, the current switching method is cumbersome and inconvenient for users to operate.

[Content of the invention]

The main problem to be solved by this application is to provide a method for controlling a transaction interface, an electronic transaction device, and a storage medium, which can simplify the switching operation of transaction methods and improve the efficiency of electronic transactions.

In order to solve the above technical problems, the technical solution adopted in this application is to provide a method for controlling a transaction interface. The transaction interface includes a first area and a second area. The first area is used to display buttons for multiple transaction methods, and the second area It is used to display the graph of the first transaction method among multiple transaction methods. The control method includes: acquiring the sliding operation in the set area; determining the sliding direction of the sliding operation; when the sliding direction of the sliding operation meets the first preset requirement, Switch the graphics of the first transaction method displayed in the second area to the graphics of the second transaction method; wherein the order of the buttons of the first transaction method and the buttons of the second transaction method is related to the sliding direction of the sliding operation .

Wherein, the step of obtaining the sliding operation in the set area includes: when the single-touch signal is obtained, recording the coordinates of the first touch point at that time; and continuously monitoring the single-touch signal until the single-touch signal At the end, the coordinates of the second touch point corresponding to the last single-touch signal are recorded; the step of determining the sliding direction of the sliding operation includes: calculating the sliding direction based on the coordinates of the first touch point and the coordinates of the second touch point The sliding direction of the operation.

Wherein, when the sliding direction of the sliding operation meets the first preset requirement, the step of switching the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode includes: determining whether the sliding direction of the sliding operation is Within the preset range; if yes, switch the graph corresponding to the first transaction method to the graph corresponding to the second transaction method.

Wherein, when the sliding direction of the sliding operation meets the first preset requirement, the step of switching the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode includes: based on a leftward sliding operation, Switch the graphic corresponding to the first transaction method to the graphic corresponding to the second transaction method; wherein the button of the second transaction method is located to the right of the button of the first transaction method.

Wherein, when the sliding direction of the sliding operation meets the first preset requirement, the step of switching the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode includes: based on the sliding operation to the right, Switch the graphic corresponding to the first transaction method to the graphic corresponding to the second transaction method; wherein the button of the second transaction method is located on the left side of the button of the first transaction method.

Wherein, the method further includes: when the second area does not display any graphics corresponding to the transaction method, obtaining the sliding operation in the set area; determining the sliding direction of the sliding operation; when the sliding direction of the sliding operation meets the second preset requirement , In the second area, a graph corresponding to one of the multiple trading methods is displayed.

Wherein, the method further includes: when the sliding direction of the sliding operation meets the third preset requirement, switching the graphic corresponding to the transaction method displayed in the second area to the setting function menu graphic.

Wherein, the method further includes: obtaining the click and touch operation in the first area; judging whether the click and touch operation corresponds to the set range of the button of the target transaction method; if so, the first transaction method displayed in the second area To switch to the target trading method.

Wherein, after the step of acquiring the click and touch operation in the first area, the method further includes: judging whether the click and touch operation corresponds to the set range of the buttons of the two target transaction methods; if so, the second area displayed in the second area The graph of a trading mode is switched to the graphs of two target trading modes, wherein the graphs of the two target trading modes are displayed in the second area.

Among them, the graphics of multiple transaction methods include at least two of the payment QR code graphics, the payment QR code graphics, and the scan code graphics.

Among them, a floating button is displayed on the trading interface; when the touch operation of clicking the floating button is obtained, the trading interface of the current application is exited, and the trading interface of another application corresponding to the floating button is jumped to.

In order to solve the above technical problems, another technical solution adopted by this application is to provide electronic transaction equipment, which includes: a display screen for displaying a transaction interface; a memory for storing program data; and a processor for executing programs Data to achieve the above-mentioned control method.

In order to solve the above technical problem, another technical solution adopted in this application is to provide a computer storage medium for storing program data, which when executed by a processor, is used to implement the above-mentioned control method.

In order to solve the above technical problems, another technical solution adopted in this application is to provide an electronic transaction device, which includes: a display module for displaying a transaction interface; wherein the transaction interface includes a first area and a second area, The first area is used to display the buttons of multiple transaction methods, the second area is used to display the graphics of the first transaction method among the multiple transaction methods; the acquisition module is used to acquire the sliding operation in the set area; the determination module uses To determine the sliding direction of the sliding operation; the switching module is used to switch the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode when the sliding direction of the sliding operation meets the first preset requirement; The sequence of the buttons of the first transaction method and the buttons of the second transaction method is related to the sliding direction of the sliding operation.

Through the above solution, the beneficial effect of this application is: different from the prior art, generally requires the user to click the corresponding transaction button to enter the corresponding transaction interface; the transaction graph is displayed in full screen, how to switch, you need to exit the transaction graph Display the interface, and then click the other trading method buttons. In the embodiment of the present application, by sliding left or right, it is convenient to switch the transaction mode. Moreover, since the transaction graph is only displayed in the second area, and the multiple buttons in the first area remain unchanged, the user can determine his sliding direction through the order of the buttons, which improves the convenience of operation and improves the efficiency of the transaction.

【Explanation of drawings】

In order to more clearly describe the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings needed in the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained from these drawings without creative work. among them:

FIG. 1 is a first flowchart of a method for controlling a transaction interface provided by an embodiment of the present application;

2 is a schematic diagram of a first operation interface provided by an embodiment of the present application;

FIG. 3 is a schematic diagram of touch coordinates provided by an embodiment of the present application;

4 is a schematic diagram of a second operation interface provided by an embodiment of the present application;

FIG. 5 is a schematic diagram of a second flow of a method for controlling a transaction interface provided by an embodiment of the present application;

Fig. 6 is a schematic diagram of a third operation interface provided by an embodiment of the present application;

FIG. 7 is a schematic diagram of a fourth operation interface provided by an embodiment of the present application;

FIG. 8 is a schematic diagram of a third process of a control method provided by an embodiment of the present application;

FIG. 9 is a schematic diagram of a fourth flow of a control method provided by an embodiment of the present application;

FIG. 10 is a schematic diagram of a fifth flow of a control method provided by an embodiment of the present application;

FIG. 11 is a schematic diagram of a fifth operation interface provided by an embodiment of the present application;

FIG. 12 is a first structural diagram of an electronic transaction device provided by an embodiment of the present application;

FIG. 13 is a schematic diagram of a second structure of an electronic transaction device provided by an embodiment of the present application;

FIG. 14 is a schematic structural diagram of a computer storage medium provided by an embodiment of the present application.

【Detailed ways】

The technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. It can be understood that the specific embodiments described here are only used to explain the application, but not to limit the application. In addition, it should be noted that, for ease of description, the drawings only show a part of the structure related to the present application instead of all of the structure. Based on the embodiments in this application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the protection scope of this application.

The terms "first", "second", etc. in this application are used to distinguish different objects, but not to describe a specific sequence. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product, or device that includes a series of steps or units is not limited to the listed steps or units, but optionally includes unlisted steps or units, or optionally also includes Other steps or units inherent to these processes, methods, products or equipment.

Reference to "embodiments" herein means that a specific feature, structure, or characteristic described in conjunction with the embodiments may be included in at least one embodiment of the present application. The appearance of the phrase in various places in the specification does not necessarily refer to the same embodiment, nor is it an independent or alternative embodiment mutually exclusive with other embodiments. Those skilled in the art clearly and implicitly understand that the embodiments described herein can be combined with other embodiments.

Referring to Fig. 1, Fig. 1 is a first flowchart of a method for controlling a transaction interface provided by an embodiment of the present application, and the method includes:

Step 11: When the graphics corresponding to any transaction method is not displayed in the second area, obtain the sliding operation in the set area.

As shown in FIG. 2, FIG. 2 is a schematic diagram of a first operation interface provided by an embodiment of the present application. Wherein, the first operation interface 20a includes a first area 21 and a second area 22, and the box in FIG. 2 represents a button icon.

Among them, the first area 21 is used to display buttons of multiple transaction methods, and the second area 22 is used to display function menus.

Optionally, the transaction method may include payment code (Pay), scan (Sacn), and collection code (Collect). The user clicks the corresponding button to display the corresponding transaction graphic in the second area 22, that is, The corresponding payment code graphic, scan interface or payment code graphic is displayed in the second area 22. The payment code and collection code can be QR codes, barcodes, etc., which are not required here.

Optionally, the function menu may include buttons related to financial transactions such as transactions, transfers, and red envelopes, buttons related to financial management such as periodical, fund, and stocks, and buttons related to life services such as mobile phone recharge and utility bill payment. In addition, some news, advertisements and other information may also be displayed in the second area 22.

Further, other buttons such as a search bar can be set above the first area 21.

Further, multiple interface switching buttons may be displayed at the bottom of the second area 22, which may include "Home", "Financial", "Find", and "Me".

Step 12: Determine the sliding direction of the sliding operation.

Wherein, step 11 can specifically be: when the single-point touch signal is acquired, record the coordinates of the first touch point at this time; continue to monitor the single-point touch signal until the single-point touch signal ends, record the last single point The coordinates of the second touch point corresponding to the touch signal.

Wherein, step 12 may specifically be: calculating the sliding direction of the sliding operation based on the coordinates of the first touch point and the coordinates of the second touch point.

As shown in FIG. 3, FIG. 3 is a schematic diagram of touch coordinates provided by an embodiment of the present application.

When a single-touch signal is obtained, record the coordinates (x1, y1) of the first touch point A at this time; continue to monitor the single-touch signal until the single-touch signal ends, record the last single-touch The coordinates (x2, y2) of the second touch point B corresponding to the signal.

In an embodiment, the direction of the sliding track on a certain coordinate can be calculated by subtracting the coordinates. For example, to determine whether the sliding trajectory is to the left or right, you can determine the positive and negative conditions of x2-x1. To determine whether the sliding trajectory is up or down, you can determine the positive and negative conditions of y2-y1. .

In another embodiment, if you want to monitor the sliding operations in the four directions at the same time, you can use the following method: establish an XAY rectangular coordinate system based on the first touch point A, where AX is parallel to the upper and lower sides of the display screen, and AY Parallel to the left and right sides of the display. The quadrants of the rectangular coordinate system are divided into eight areas as shown in FIG. 3, and the sliding direction is determined according to the area where the second touch point B is located. As shown in the following table:

区域area	滑动方向Sliding direction
②③②③	上on
④⑤④⑤	左left
⑥⑦⑥⑦	下under
⑧①⑧①	右right

Specifically, if the second touch point B is located in the area ②③, the sliding direction is determined to be upward, if the second touch point B is located in the area ④⑤, the sliding direction is determined to be the left, and if the second touch point B is located in the area ⑥⑦, It is determined that the sliding direction is down, and if the second touch point B is located in the area ⑧①, it is determined that the sliding direction is right.

In addition, the angle between the AB line and X or Y in the coordinate system can also be determined according to the coordinates of the first touch point A and the second touch point B, and the sliding direction can be determined according to the size of the angle.

Step 13: When the sliding direction of the sliding operation meets the second preset requirement, a graphic corresponding to one of the multiple transaction methods is displayed in the second area.

Optionally, the second preset requirement is to slide down.

As shown in FIG. 4, FIG. 4 is a schematic diagram of a second operation interface provided by an embodiment of the present application. Wherein, the second operation interface 20b includes a first area 21 and a second area 22.

Among them, the first area 21 is used to display buttons of multiple transaction methods, and the second area 22 is used to display graphics of the first transaction method among the multiple transaction methods. By comparing FIG. 2 and FIG. 4, the search bar on the first area 21 can be omitted on the second operation interface 20b, and the first area 21 can be moved up.

Optionally, the transaction method may include a payment code (Pay), a scan (Sacn), and a collection code (Collect), and the corresponding payment code graphic, scan interface or collection code graphic is displayed in the second area 22. The payment code and collection code can be QR codes, barcodes, etc., which are not required here.

Understandably, if you click the transaction method button in the first area 21 on the first operation interface 20a to enter the second operation interface 20b, the transaction graph displayed in the second area 22 on the second operation interface 20b corresponds to the clicked transaction method button . If you swipe down on the first operation interface 20a to enter the second operation interface 20b, the transaction graph displayed in the second area 22 on the second operation interface 20b can be a graph that randomly corresponds to any transaction method, or the default Set the graph of the trading method, or display the graph of the last used trading method based on the user's historical usage records, or display the graph of the most frequently used trading method.

Through the above method, a simple sliding operation can be used to conveniently enter the transaction interface and display related transaction graphics, which can improve transaction efficiency.

Referring to FIG. 5, FIG. 5 is a schematic diagram of a second flow of a method for controlling a transaction interface provided by an embodiment of the present application, and the method includes:

Step 51: Obtain the sliding operation in the set area.

Step 52: Determine the sliding direction of the sliding operation.

For the specific steps of determining the sliding direction in this embodiment, reference may be made to the foregoing embodiment, which will not be repeated here.

Step 53: When the sliding direction of the sliding operation meets the first preset requirement, switch the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode.

The sequence of the buttons of the first transaction method and the buttons of the second transaction method is related to the sliding direction of the sliding operation.

Optionally, in an embodiment, step 53 may specifically be: based on a leftward sliding operation, switch the graphic corresponding to the first transaction method to the graphic corresponding to the second transaction method; wherein, the button of the second transaction method Located to the right of the button of the first transaction method.

Refer to FIGS. 4 and 6 at the same time. FIG. 6 is a schematic diagram of a third operation interface provided by an embodiment of the present application. Wherein, the third operation interface 20c includes a first area 21 and a second area 22.

Among them, the first area 21 is used to display buttons of multiple transaction methods, and the second area 22 is used to display graphics of the first transaction method among the multiple transaction methods.

In this embodiment, the payment code (Pay), scan (Sacn) and collection code (Collect) in the first area 21 are arranged in order from left to right, and the second area 22 of the second operation interface 20b displays The graph corresponding to the payment code (Pay) (see Figure 4). When the leftward sliding operation is acquired, a graphic corresponding to a scan (Sacn) is displayed in the second area 22 of the second operation interface 20b (see FIG. 6).

Understandably, the graphic corresponding to the scan (Sacn) is the image preview interface collected by the camera. Specifically, a graphic collection frame can be displayed in the preview interface, and the user can align the graphic collection frame with the two-dimensional code or barcode to be scanned by moving the electronic transaction device to realize the transaction.

Refer to FIG. 6 and FIG. 7 at the same time. FIG. 7 is a schematic diagram of a fourth operation interface provided by an embodiment of the present application. Wherein, the fourth operation interface 20d includes a first area 21 and a second area 22.

In this embodiment, the payment code (Pay), scan (Sacn) and collection code (Collect) in the first area 21 are arranged in order from left to right, and the second area 22 of the second operation interface 20b displays Scan the corresponding graph (Sacn) (Figure 6). When the leftward sliding operation is acquired, the graph corresponding to the collection code (Collect) is displayed in the second area 22 of the second operation interface 20b (as shown in FIG. 7).

Optionally, in another embodiment, step 53 may specifically be: based on a sliding operation to the right, switch the graphic corresponding to the first transaction method to the graphic corresponding to the second transaction method; The button is located to the left of the button of the first transaction method.

Referring to FIGS. 6 and 7 at the same time, in this embodiment, the second area 22 displays the graph corresponding to the collection code (Collect) (as shown in FIG. 7). When the sliding operation to the right is acquired, the graphic corresponding to the scan (Sacn) is displayed in the second area 22 (as shown in FIG. 6).

Referring to FIGS. 4 and 6 at the same time, in this embodiment, the second area 22 displays a graphic corresponding to a scan (Sacn) (see FIG. 6). When the sliding operation to the right is acquired, a graphic corresponding to the payment code (Pay) is displayed in the second area 22 (as shown in FIG. 4).

In the prior art, the user generally needs to click the corresponding transaction method button to enter the corresponding transaction interface. The transaction graph is displayed on a full screen. To switch, it is necessary to exit the transaction graphic display interface and then click other transaction method buttons. In the embodiment of the present application, by sliding left or right, the transaction mode can be conveniently switched. Moreover, since the transaction graph is only displayed in the second area, and the multiple buttons in the first area remain unchanged, the user can determine his sliding direction through the order of the buttons, which improves the convenience of operation and improves the efficiency of the transaction.

Referring to FIG. 8, FIG. 8 is a schematic diagram of a third flow of a control method provided by an embodiment of the present application, and the method includes:

Step 81: Obtain the sliding operation in the set area.

Step 82: Determine the sliding direction of the sliding operation.

Step 83: When the sliding direction of the sliding operation meets the third preset requirement, switch the graphic corresponding to the transaction method displayed in the second area to the setting function menu graphic.

Wherein, the third preset requirement may be to slide upward.

Refer to Figure 2, Figure 4, Figure 6 and Figure 7 at the same time, on the second operating interface 20b, the third operating interface 20c and the fourth operating interface 20d slide upward operation (Figure 4, Figure 6 and Figure 7), enter the first The operation interface 20a (as shown in Fig. 2) is generally performed after the transaction is suspended or completed.

Optionally, a prompt of sliding upward may be displayed at the bottom of the second operation interface 20b, the third operation interface 20c, and the fourth operation interface 20d, such as "Go back to see more".

Referring to FIG. 9, FIG. 9 is a schematic diagram of a fourth flow of a control method provided by an embodiment of the present application, and the method includes:

Step 91: Obtain the click and touch operation in the first area.

Step 92: It is judged whether the click touch operation corresponds to the set range of the buttons of the two target transaction methods.

When the judgment result of step 92 is YES, step 93 is executed. If the click operation only corresponds to the setting range of the button of one target transaction method, the graphics of the first transaction method displayed in the second area are switched to the graphics of the target transaction method.

Step 93: Switch the graphics of the first transaction mode displayed in the second area to the graphics of the two target transaction modes, wherein the graphics of the two target transaction modes are displayed in the second area.

Referring to Figure 2, Figure 4, Figure 6 and Figure 7 at the same time, in any one of the first operating interface 20a, the second operating interface 20b, the third operating interface 20c, and the fourth operating interface 20d, if the user clicks the payment code ( Pay), switch to the second operation interface 20b; if the user clicks on the area corresponding to the scan (Sacn), switch to the third operation interface 20c; if the user clicks on the area corresponding to the collection code (Collect), Then switch to the fourth operation interface 20d.

In addition, if the user clicks the buttons corresponding to the two transaction methods at the same time, two graphics can be displayed in the second area 22 at the same time. For example, if the user clicks the payment code (Pay) and the collection code (Collect) at the same time, The area 22 displays two QR codes at the same time, which can be operated by multiple users at the same time, for example, to realize payment and collection at the same time.

Referring to FIG. 10, FIG. 10 is a schematic diagram of a fifth flow of a control method provided by an embodiment of the present application, and the method includes:

Step 101: Display a floating button on the transaction interface.

As shown in FIG. 11, FIG. 11 is a schematic diagram of a fifth operation interface provided by an embodiment of the present application. The fifth operation interface 20e is similar to the second operation interface 20b, and includes a first area 21 and a second area 22.

Optionally, the floating button 22a can be displayed in an area that does not block the QR code in the second area 22, wherein the pattern of the floating button 22a can be an application icon or a text prompt of the corresponding application name, for example The text "Z" displayed on the floating button 22a indicates that it is a floating button corresponding to the Z application.

Understandably, the number of floating buttons 22a in this embodiment may be multiple, corresponding to different applications.

Step 102: When the touch operation of clicking the floating button is acquired, exit the transaction interface of the current application and jump to the transaction interface of another application corresponding to the floating button.

Through the above method, it is possible to switch the transaction interface between different applications, avoiding the user from manually exiting the current application and then opening another application.

Referring to FIG. 12, FIG. 12 is a first structural diagram of an electronic transaction device provided by an embodiment of the present application. The electronic transaction device 120 includes a processor 121, a memory 122 and a display screen 123 connected to the processor 121 via a bus. In another embodiment, the camera may include a camera 124 and a communication module 125 connected to the processor 121 via a bus.

Among them, the display screen 123 is used to display the transaction interface, the camera 123 is used to collect two-dimensional code or bar code graphics, and the communication module 125 is used to transmit transaction data with the financial server.

The memory 122 is used to store program data, and the processor 121 is used to execute the program data to implement the following method steps:

The first area and the second area are displayed on the trading interface. The first area contains buttons for multiple trading methods, and the second area is used to display the graphics of the first trading method among the multiple trading methods; obtain the sliding operation in the set area ; Determine the sliding direction of the sliding operation; when the sliding direction of the sliding operation meets the first preset requirement, switch the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode; wherein, the first transaction The arrangement order of the buttons of the method and the buttons of the second transaction method is related to the sliding direction of the sliding operation.

Optionally, the processor 121 used to execute the program data is also used to implement the following method steps: based on a leftward sliding operation, switch the graphics corresponding to the first transaction mode to the graphics corresponding to the second transaction mode; wherein, The button of the second transaction method is located to the right of the button of the first transaction method.

Optionally, the processor 121 used to execute the program data is also used to implement the following method steps: based on a sliding operation to the right, switch the graphics corresponding to the first transaction mode to the graphics corresponding to the second transaction mode; wherein, The button of the second transaction method is located to the left of the button of the first transaction method.

Optionally, the processor 121 is configured to execute the program data to implement the following method steps: when the second area does not display any graphics corresponding to the transaction method, obtain the sliding operation in the set area; determine the sliding operation of the sliding operation Direction; when the sliding direction of the sliding operation meets the second preset requirement, a graphic corresponding to one of the multiple transaction methods is displayed in the second area.

Optionally, the processor 121 is configured to execute the program data to implement the following method steps: when the sliding direction of the sliding operation meets the third preset requirement, switch the graphics corresponding to the transaction mode displayed in the second area To set the function menu graphic.

Refer to FIG. 13, which is a second structural schematic diagram of an electronic transaction device provided by an embodiment of the present application. The electronic transaction device 130 includes a display module 131, an acquisition module 132, a determination module 133 and a switching module 134.

Among them, the display module 131 is used to display the transaction interface; wherein, the transaction interface includes a first area and a second area, the first area contains buttons for multiple transaction methods, and the second area is used to display the first transaction among the multiple transaction methods. The obtaining module 132 is used to obtain the sliding operation in the set area; the determining module 133 is used to determine the sliding direction of the sliding operation; the switching module 134 is used to change the sliding direction of the sliding operation to the first preset requirement. The graphics of the first transaction method displayed in the second area are switched to the graphics of the second transaction method; wherein the sequence of the buttons of the first transaction method and the buttons of the second transaction method is related to the sliding direction of the sliding operation.

Referring to FIG. 14, FIG. 14 is a schematic structural diagram of a computer storage medium provided by an embodiment of the present application. The computer storage medium 140 stores program data 141. The program data 141 is used to implement the following method steps when executed by a processor :

Optionally, when the program data 141 is executed by the processor, it is also used to implement the following method steps: based on a leftward sliding operation, switch the graphics corresponding to the first transaction mode to the graphics corresponding to the second transaction mode; Among them, the button of the second transaction method is located to the right of the button of the first transaction method.

Optionally, when the program data 141 is executed by the processor, it is also used to implement the following method steps: based on a sliding operation to the right, switch the graphics corresponding to the first transaction mode to the graphics corresponding to the second transaction mode; Among them, the button of the second transaction method is located to the left of the button of the first transaction method.

Optionally, when the program data 141 is executed by the processor, it is also used to implement the following method steps: when the second area does not display any graphics corresponding to the transaction method, obtain the sliding operation in the set area; determine the sliding operation When the sliding direction of the sliding operation meets the second preset requirement, a graphic corresponding to one of the multiple transaction methods is displayed in the second area.

Optionally, when the program data 141 is executed by the processor, it is also used to implement the following method steps: when the sliding direction of the sliding operation meets the third preset requirement, the graphic corresponding to the transaction method displayed in the second area To switch to the setting function menu graphic.

In the several implementation manners provided in this application, it should be understood that the disclosed method and device may be implemented in other ways. For example, the device implementation described above is merely illustrative. For example, the division of the modules or units is only a logical function division, and there may be other divisions in actual implementation, for example, multiple units or components may be Combined or can be integrated into another system, or some features can be ignored or not implemented.

The units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the objectives of the solutions of this embodiment.

In addition, the functional units in the various embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units may be integrated into one unit. The above-mentioned integrated unit can be implemented in the form of hardware or software functional unit.

If the integrated units in the other embodiments described above are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer readable storage medium. Based on this understanding, the technical solution of this application essentially or the part that contributes to the existing technology or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium , Including several instructions to make a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor execute all or part of the steps of the methods described in the various embodiments of the present application. The aforementioned storage media include: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), magnetic disk or optical disk and other media that can store program code .

The above are only examples of this application, and do not limit the scope of this application. Any equivalent structure or equivalent process transformation made by using the description and drawings of this application, or directly or indirectly applied to other related technical fields, The same reasoning is included in the scope of patent protection of this application.

Claims

A method for controlling a trading interface, characterized in that the trading interface includes a first area and a second area, the first area is used to display buttons for multiple trading methods, and the second area is used to display the The graph of the first transaction mode among the multiple transaction modes, the control method includes:

Get the sliding operation in the set area;

Determining the sliding direction of the sliding operation;

When the sliding direction of the sliding operation meets the first preset requirement, switching the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode;

Wherein, the sequence of the buttons of the first transaction method and the buttons of the second transaction method is associated with the sliding direction of the sliding operation.
The control method according to claim 1, wherein:

The step of obtaining the sliding operation in the set area includes:

When the single-point touch signal is acquired, record the coordinates of the first touch point at this time;

Continue to monitor the single-touch signal until the single-touch signal ends, and record the coordinates of the second touch point corresponding to the last single-touch signal;

The step of determining the sliding direction of the sliding operation includes:

Calculate the sliding direction of the sliding operation based on the coordinates of the first touch point and the coordinates of the second touch point.
The control method according to claim 1 or 2, characterized in that:

The step of switching the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode when the sliding direction of the sliding operation meets the first preset requirement includes:

Determine whether the sliding direction of the sliding operation is within a preset range;

If yes, switch the graphic corresponding to the first transaction mode to the graphic corresponding to the second transaction mode.
The control method according to claim 1, wherein:

The step of switching the graphics of the first transaction mode displayed in the second area to the graphics of the second transaction mode when the sliding direction of the sliding operation meets the first preset requirement includes:

Based on the leftward sliding operation, switch the graphic corresponding to the first transaction method to the graphic corresponding to the second transaction method;

Wherein, the button of the second transaction method is located to the right of the button of the first transaction method.
The control method according to claim 1, wherein:

The step of switching the graphic of the first transaction mode displayed in the second area to the graphic of the second transaction mode when the sliding direction of the sliding operation meets the first preset requirement includes:

Based on the sliding operation to the right, switch the graphic corresponding to the first transaction method to the graphic corresponding to the second transaction method;

Wherein, the button of the second transaction method is located on the left side of the button of the first transaction method.
The control method according to claim 1, wherein:

The method also includes:

When the graphics corresponding to any transaction method is not displayed in the second area, acquiring the sliding operation in the set area;

Determining the sliding direction of the sliding operation;

When the sliding direction of the sliding operation meets the second preset requirement, a graphic corresponding to one of the multiple transaction methods is displayed in the second area.
The control method according to claim 1, wherein:

The method also includes:

When the sliding direction of the sliding operation meets the third preset requirement, the graphic corresponding to the transaction method displayed in the second area is switched to the setting function menu graphic.
The control method according to claim 1, wherein:

The method also includes:

Acquiring a click and touch operation in the first area;

Judging whether the click and touch operation corresponds to the set range of the button of the target transaction mode;

If so, switch the graph of the first transaction method displayed in the second area to the graph of the target transaction method.
The control method according to claim 8, wherein:

After the step of acquiring the click and touch operation in the first area, the method further includes:

Judging whether the click and touch operation corresponds to the set range of the buttons of the two target transaction methods;

If yes, switch the graphics of the first transaction method displayed in the second area to the graphics of the two target transaction methods, wherein the graphics of the two target transaction methods are in the second area Middle partition display.
The control method according to any one of claims 1-9, wherein:

The graphics of the multiple transaction methods include at least two of the payment QR code graphics, the payment QR code graphics, and the scan code graphics.
The control method according to claim 1, wherein:

The method also includes:

Display a floating button on the transaction interface;

When the touch operation of clicking the floating button is acquired, the transaction interface of the current application is exited, and the transaction interface of another application corresponding to the floating button is jumped to.
An electronic transaction device, characterized in that it comprises:

Display screen, used to display the trading interface;

Memory, used to store program data;

The processor is configured to execute the program data to implement the control method according to any one of claims 1-11.
A computer storage medium for storing program data, wherein the program data is used to implement the control method according to any one of claims 1-11 when the program data is executed by a processor.
An electronic transaction device, characterized in that it comprises:

The display module is used to display the transaction interface; wherein, the transaction interface includes a first area and a second area, the first area is used to display buttons of multiple trading methods, and the second area is used to display the multiple The graph of the first transaction method among the various transaction methods;

The obtaining module is used to obtain the sliding operation in the set area;

A determining module for determining the sliding direction of the sliding operation;

The switching module is configured to switch the graphics of the first transaction mode displayed in the second area to the graphics of the second transaction mode when the sliding direction of the sliding operation meets the first preset requirement;

Wherein, the sequence of the buttons of the first transaction method and the buttons of the second transaction method is associated with the sliding direction of the sliding operation.