WO2015110001A1 - Method and apparatus for displaying application interface button - Google Patents

Method and apparatus for displaying application interface button Download PDF

Info

Publication number
WO2015110001A1
WO2015110001A1 PCT/CN2015/071174 CN2015071174W WO2015110001A1 WO 2015110001 A1 WO2015110001 A1 WO 2015110001A1 CN 2015071174 W CN2015071174 W CN 2015071174W WO 2015110001 A1 WO2015110001 A1 WO 2015110001A1
Authority
WO
WIPO (PCT)
Prior art keywords
button
collection container
buttons
application interface
button collection
Prior art date
Application number
PCT/CN2015/071174
Other languages
English (en)
French (fr)
Inventor
Yulong Wang
Original Assignee
Tencent Technology (Shenzhen) Company Limited
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology (Shenzhen) Company Limited filed Critical Tencent Technology (Shenzhen) Company Limited
Publication of WO2015110001A1 publication Critical patent/WO2015110001A1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus

Definitions

  • the present disclosure relates to the field of interface display technologies, and in particular, to a method and an apparatus for displaying an application interface button.
  • a button is a most commonly used and also a most common human-computer interaction control, and after intercepting a click event of the button, a program may perform various operations such as UI refreshing, page switching, and data pulling.
  • UI refreshing UI refreshing
  • page switching UI refreshing
  • data pulling data pulling
  • buttons are generally integrated, to be presented in a pop-up form, and when the buttons are not used, a button collection contracts in a very small area on the screen.
  • buttons to expand and contract is very small, and therefore if there are excessive buttons, a large screen space is needed after all the buttons are displayed, which covers another interface element.
  • Embodiments of the present invention provide a method and an apparatus for displaying an application interface button, which aims at reducing a screen space occupied by the button.
  • the embodiments of the present invention put forward a method for displaying an application interface button, including:
  • buttons in the button collection container are expanding, in a form of an arc area and on the application interface, the button collection container, and displaying, in the arc area, buttons in the button collection container.
  • the embodiments of the present invention further put forward an apparatus for displaying an application interface button, including:
  • a receiving module configured to receive, on an application interface, an externally triggered button display instruction
  • an obtaining module configured to obtain a preset expandable and contractible button collection container according to the button display instruction
  • an expansion and display module configured to expand, in a form of an arc area and on the application interface, the button collection container, and display, in the arc area, buttons in the button collection container.
  • the button collection container is expanded in a form of an arc area and on an application interface, and buttons are distributed in an arc area for display, so that when the buttons need to be used, the button collection container is expanded, and the buttons are presented; and when the buttons do not need to be used, the button collection container can be folded and contracted, to make the buttons invisible.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore it is not easy to cause a phenomenon that another element on the application interface is covered, and occupation of a screen space is reduced.
  • FIG. 1 is a schematic flowchart of a first embodiment of a method for displaying an application interface button of the present disclosure
  • FIG. 2a is a schematic diagram in which a sectorial button collection container is outside a tailoring area of a canvas on a screen according to an embodiment of the present invention
  • FIG. 2b is a schematic diagram of an expanded state of a sectorial button collection container according to an embodiment of the present invention.
  • FIG. 2c is a schematic diagram of a folded state of a sectorial button collection
  • FIG. 2d is a schematic diagram of setting, on an application interface, a triggering key according to an embodiment of the present invention
  • FIG. 2e is a schematic diagram of clicking, on an application interface, a triggering key to expand a button collection container according to an embodiment of the present invention
  • FIG. 2f is a schematic diagram of an effect obtained after a button is rotated in a reverse direction by a set angle according to an embodiment of the present invention
  • FIG. 2g is a schematic diagram of performing a correction on a rotation angle of a button according to an embodiment of the present invention
  • FIG. 3 is a schematic flowchart of a second embodiment of a method for displaying an application interface button of the present disclosure
  • FIG. 4 is a schematic flowchart of a third embodiment of a method for displaying an application interface button of the present disclosure
  • FIG. 5 is a schematic diagram of screen display obtained after a button collection container is folded according to an embodiment of the present invention.
  • FIG. 6 is a schematic diagram of functional modules of a first embodiment of an apparatus for displaying an application interface button of the present disclosure
  • FIG. 7 is a schematic diagram of functional modules of a second embodiment of an apparatus for displaying an application interface button of the present disclosure.
  • FIG. 8 is a schematic diagram of functional modules of a third embodiment of an apparatus for displaying an application interface button of the present disclosure.
  • a first embodiments of the present invention puts forward a method for displaying an application interface button, including the following steps:
  • Step S101 Receive, on an application interface, an externally triggered button display instruction.
  • Step S102 Obtain a preset expandable and contractible button collection container according to the button display instruction.
  • the application interface may be an application interface on various terminals, and in particular, refers to an application interface on a terminal with a small screen such as a mobile terminal.
  • the size of a terminal screen is limited, and therefore, for various buttons displayed on the application interface that are used as human-computer interaction controls, if the number of the buttons is large, display of main content in an application is affected.
  • buttons are placed in a collection form in a expandable and contractible container (that is, the button collection container mentioned in this embodiment) ; and when the buttons need to be used, the button collection container is expanded, and the buttons are visible and can be clicked, and when the buttons do not need to be used, the button collection container is contracted, and the buttons are invisible and cannot be clicked.
  • the button collection container has two states, which are an expanded state and a folded state; and for a shape of the button collection container in the expanded state, reference may be made to FIG. 2a and FIG. 2b, and for a shape of the button collection container in the folded state, reference may be made to FIG. 2c.
  • a shape of the expandable and contractible button collection container after expansion is set to an arc, for example, a sector, as shown in FIG. 2a and FIG. 2b.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore the occupation of the screen space is small, and it is not easy to cover another element on the application interface.
  • a user when needing to display the buttons, a user can trigger, on the application interface, the button display instruction.
  • a dedicated triggering key may be set on the application interface, which is shown as a triangle key in FIG. 2d, and after the user clicks the key, the terminal obtains the expandable and contractible button collection container according to a key instruction of the user, and can expand the button collection container, as shown in FIG. 2e.
  • Step S103 Expand, in a form of an arc area and on the application interface, the button collection container, and display, in the arc area, buttons in the button collection container.
  • buttons in the button collection container When the button collection container is expanded on the application interface to display the buttons in the button collection container, specifically the following manner may be used:
  • the button collection container rotating, by a set angle, the button collection container from a boundary of the application interface into a display area of the application interface, and expanding, in the display area and in the form of an arc area, the button collection container.
  • the display area of the application interface is a visible tailoring area of a canvas on a display screen of the application interface.
  • the button collection container is located outside the tailoring area of the canvas on the display screen of the application interface, and is invisible; as shown in FIG.
  • M and N are two button controls placed on a sectorial button collection container during initialization, an area in a dotted-line box indicates being outside the tailoring area of the canvas on the screen, and therefore the sectorial button collection container is invisible, and the two button controllers M and N are invisible; and after the sectorial button collection container is rotated by the set angle, the button collection container is rotated into the tailoring area of the application interface, and as shown in FIG. 2b, the sectorial button collection container is located in the tailoring area, and is visible.
  • buttons distributed in a sectorial area can be displayed, and can be clicked, and there is a transition animation about the sectorial button collection container changing from the folded state to the expanded state; and in this embodiment, rotation of an animation is used as an example, and in another embodiment, a process in which the sectorial button collection container changes from the folded state to the expanded state may also be implemented in another animation manner, which is not described in detail again herein.
  • a button click event is prohibited, and after the sectorial button collection container is completely expanded, a button click operation is allowed to be performed.
  • buttons in the button collection container are displayed, a corresponding display process needs to be used according to an initial placement situation of the buttons in the button collection container.
  • Positions of the buttons placed in the button collection container may be initialized when the button collection container is initialized, or be initialized before the button collection container is expanded.
  • buttons in the button collection container may be pre-arranged in the button collection container during initialization.
  • buttons in the button collection container may further be preplaced in an overlapping manner in the button collection container during initialization.
  • buttons may further be placed in an upright or upside down manner in the button collection container.
  • buttons can only take an initialized state of the sectorial button collection container as a reference, and therefore an initialized placement position of the buttons is shown in FIG. 2a.
  • the button collection container is expanded after being rotated, and the buttons also perform a rotation action along with the button collection container, which thereby causes the buttons not to correspond to an observation angle of human eyes after the button collection container is expanded, as shown in FIG. 2b, and therefore the buttons need to be rotated in a reverse direction. If the button collection container is rotated by an angle of ⁇ , rotation angles of the buttons M and N are – ⁇ .
  • FIG. 2a For the button collection container after the rotation, reference may be made to FIG.
  • buttons M and N in the reverse direction may be autorotation around the centers of rectangular areas of the buttons, and may also be rotation relative to a certain set pivot point on the button collection container, for example, a middle point of a connecting line between the buttons M and N, to ensure that the buttons after the rotation can be displayed in a set arc area.
  • buttons are pre-arranged in the button collection container, a process of displaying the buttons is as follows:
  • buttons arranged in the button collection container are rotated by the set angle in a rotation direction opposite to that of the button collection container, and then the rotated buttons are displayed in the arc area.
  • buttons are preplaced in an overlapping manner in the button collection container, a process of displaying the buttons is as follows:
  • buttons in the button collection container are successively expanded, and then the expanded buttons are rotated by the set angle in a rotation direction opposite to that of the button collection container; and the rotated buttons are displayed in the arc area.
  • buttons after the angle correction are displayed in the arc area.
  • L2 is a tangent at an intersection point between a straight line led out through the center of the rectangular area of the button M from the center of the sector and the circular arc
  • L1 is a straight line parallel to the tangent L2
  • the straight line L1 goes through the center of the rectangular area of the button M
  • an angle of ⁇ is an included angle between L1 and the horizontal straight line that goes through the center of the rectangular area of the button M.
  • Rotating the button M by ⁇ degrees in an anti-clockwise direction can make a central horizontal axis of M parallel to the tangent L2 of the circular arc, and the button N needs to be rotated by ⁇ degrees in a clockwise direction, where ⁇ is related to the distribution of the buttons in the sectorial area.
  • buttons are distributed in the trend that is the same as the trend of the arc of the sector, but not placed in the horizontal state, to improve a display effect of the buttons.
  • the foregoing button collection container may further be expanded in a transparent form on the application interface, that is, a background color of the button collection container is not displayed, and only the buttons in the button collection container are displayed.
  • the button collection container may further be expanded in the form of an arc area in a corner of the application interface, as shown in FIG. 2e, to reduce the occupation of the screen space.
  • a button collection container is expanded in a form of an arc area and on an application interface, and buttons are distributed in an arc area for display, so that when the buttons need to be used, the button collection container is expanded, and the buttons are presented; and when the buttons do not need to be used, the button collection container can be folded and contracted, to make the buttons invisible.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore it is not easy to cause a phenomenon that another element on the application interface is covered, and occupation of a screen space is reduced.
  • a second embodiment of the present invention puts forward a method for displaying an application interface button, and on the basis of the foregoing first embodiment, after the foregoing step S103, the method may further include the following steps:
  • Step S104 Receive an externally triggered click instruction for a button in the button collection container in the arc area.
  • Step S105 Perform a corresponding service operation corresponding to the button according to the button click instruction.
  • this embodiment further includes a solution in which a user clicks a button in the arc area.
  • the button click event is prohibited, and after the sectorial button collection container is completely expanded, the button click operation is allowed to be performed.
  • the user may click, as required, a corresponding button to perform a corresponding service operation.
  • a button collection container is expanded in a form of an arc area and on an application interface, and buttons are distributed in an arc area for display, so that when the buttons need to be used, the button collection container is expanded, and the buttons are presented; and when the buttons do not need to be used, the button collection container can be folded and contracted, to make the buttons invisible.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore it is not easy to cause a phenomenon that another element on the application interface is covered, and occupation of a screen space is reduced.
  • a user may click, in the arc area and as required, a corresponding button to perform a service operation, thereby meeting a requirement of the user, and providing convenience for the user.
  • a third embodiment of the present invention puts forward a method for displaying an application interface button, and on the basis of the foregoing second embodiment, after the foregoing step S105, the method may further include the following steps:
  • Step S106 Receive an externally triggered button contracting instruction.
  • Step S107 Fold and contract the button collection container from one end of the arc area to the other end according to the button contracting instruction till beyond a display area of the application interface.
  • this embodiment further includes a solution of folding the button collection container.
  • the user may fold and contract the button collection container, to reduce occupation of a screen space.
  • the button collection container When the button collection container is contracted, the button collection container may be rotated into the invisible area of the screen canvas, that is, beyond the tailoring area, in a direction opposite to that in which the button collection container is expanded.
  • the button collection container is contracted in the folded state, and boundary pictures of the sectorial area coincide. After the rotation, the pictures and the buttons in the sectorial area are rotated out of the tailoring area, and therefore, only the boundary pictures remain on the screen, and a portion that exceeds the upper boundary is not displayed. As shown in FIG. 5, the portion that exceeds the upper boundary needs to be tailored and therefore is not displayed.
  • a button collection container is expanded in a form of an arc area and on an application interface, and buttons are distributed in an arc area for display, so that when the buttons need to be used, the button collection container is expanded, and the buttons are presented, and can be clicked; and when the buttons do not need to be used, the button collection container can be folded and contracted, to make the buttons invisible.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore it is not easy to cause a phenomenon that another element on the application interface is covered, and occupation of a screen space is reduced.
  • buttons may further be presented and contracted by using a transversally and longitudinally expandable and contractible button collection container, where transversal and longitudinal expansion spans are large, and for a game application with many screen elements, another interface element is more easily covered for this case compared with the arc button collection container.
  • transversal and longitudinal expansion spans are effectively reduced.
  • the buttons are evenly distributed in the sectorial area; a sectorial apparatus is expanded when needed, and the buttons are displayed; and the sectorial expandable and contractible container is contracted when not needed, and the buttons are invisible, greatly reducing the occupation of the screen space.
  • a first embodiment of the present invention puts forward an apparatus for displaying an application interface button, including: a receiving module 201, an obtaining module 202, and an expansion and display module 203, where:
  • the receiving module 201 is configured to receive, on an application interface, an externally triggered button display instruction
  • the obtaining module 202 is configured to obtain a preset expandable and contractible button collection container according to the button display instruction;
  • the expansion and display module 203 is configured to expand, in a form of an arc area and on the application interface, the button collection container, and display, in the arc area, buttons in the button collection container.
  • the application interface may be an application interface on various terminals, and in particular, refers to an application interface on a terminal with a small screen such as a mobile terminal.
  • the size of a terminal screen is limited, and therefore, for various buttons displayed on the application interface that are used as human-computer interaction controls, if the number of the buttons is large, display of main content in an application is affected.
  • buttons are placed in a collection form in a expandable and contractible container (that is, the button collection container mentioned in this embodiment) ; and when the buttons need to be used, the button collection container is expanded, and the buttons are visible and can be clicked, and when the buttons do not need to be used, the button collection container is contracted, and the buttons are invisible and cannot be clicked.
  • the button collection container has two states, which are an expanded state and a folded state; and for a shape of the button collection container in the expanded state, reference may be made to FIG. 2a and FIG. 2b, and for a shape of the button collection container in the folded state, reference may be made to FIG. 2c.
  • a shape of the expandable and contractible button collection container after expansion is set to an arc, for example, a sector, as shown in FIG. 2a and FIG. 2b.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore the occupation of the screen space is small, and it is not easy to cover another element on the application interface.
  • a user when needing to display the buttons, a user can trigger, on the application interface, the button display instruction.
  • a dedicated triggering key may be set on the application interface, which is shown as a triangle key in FIG. 2d, and after the user clicks the key, the terminal receives, on an application interface, an externally triggered button display instruction by using the receiving module 201, obtains the expandable and contractible button collection container according to the key instruction of the user by using the obtaining module 202, and can expand, by using the expansion and display module 203, the button collection container, as shown in FIG. 2e.
  • buttons in the button collection container When the button collection container is expanded on the application interface to display the buttons in the button collection container, specifically the following manner may be used:
  • the button collection container rotating, by a set angle, the button collection container from a boundary of the application interface into a display area of the application interface, and expanding, in the display area and in the form of an arc area, the button collection container.
  • the display area of the application interface is a visible tailoring area of a canvas on a display screen of the application interface.
  • the button collection container is located outside the tailoring area of the canvas on the display screen of the application interface, and is invisible; as shown in FIG.
  • M and N are two button controls placed on a sectorial button collection container during initialization, an area in a dotted-line box indicates being outside the tailoring area of the canvas on the screen, and therefore the sectorial button collection container is invisible, and the two button controllers M and N are invisible; and after the sectorial button collection container is rotated by the set angle, the button collection container is rotated into the tailoring area of the application interface, and as shown in FIG. 2b, the sectorial button collection container is located in the tailoring area, and is visible.
  • buttons distributed in a sectorial area can be displayed, and can be clicked, and there is a transition animation about the sectorial button collection container changing from the folded state to the expanded state; and in this embodiment, rotation of an animation is used as an example, and in another embodiment, a process in which the sectorial button collection container changes from the folded state to the expanded state may also be implemented in another animation manner, which is not described in detail again herein.
  • a button click event is prohibited, and after the sectorial button collection container is completely expanded, a button click operation is allowed to be performed.
  • buttons in the button collection container are displayed, a corresponding display process needs to be used according to an initial placement situation of the buttons in the button collection container.
  • Positions of the buttons placed in the button collection container may be initialized when the button collection container is initialized, or be initialized before the button collection container is expanded.
  • buttons in the button collection container may be pre-arranged in the button collection container during initialization.
  • buttons in the button collection container may further be preplaced in an overlapping manner in the button collection container during initialization.
  • buttons may further be placed in an upright or upside down manner in the button collection container.
  • buttons can only take an initialized state of the sectorial button collection container as a reference, and therefore an initialized placement position of the buttons is shown in FIG. 2a.
  • the button collection container is expanded after being rotated, and the buttons also perform a rotation action along with the button collection container, which thereby causes the buttons not to correspond to an observation angle of human eyes after the button collection container is expanded, as shown in FIG. 2b, and therefore the buttons need to be rotated in a reverse direction. If the button collection container is rotated by an angle of ⁇ , rotation angles of the buttons M and N are – ⁇ .
  • FIG. 2a For the button collection container after the rotation, reference may be made to FIG.
  • buttons M and N in the reverse direction may be autorotation around the centers of rectangular areas of the buttons, and may also be rotation relative to a certain set pivot point on the button collection container, for example, a middle point of a connecting line between the buttons M and N, to ensure that the buttons after the rotation can be displayed in a set arc area.
  • buttons are pre-arranged in the button collection container, a process of displaying the buttons is as follows:
  • buttons arranged in the button collection container are rotated by the set angle in a rotation direction opposite to that of the button collection container, and then the rotated buttons are displayed in the arc area.
  • buttons are preplaced in an overlapping manner in the button collection container, a process of displaying the buttons is as follows:
  • buttons in the button collection container are successively expanded, and then the expanded buttons are rotated by the set angle in a rotation direction opposite to that of the button collection container; and the rotated buttons are displayed in the arc area.
  • buttons after the angle correction are displayed in the arc area.
  • L2 is a tangent at an intersection point between a straight line led out through the center of the rectangular area of the button M from the center of the sector and the circular arc
  • L1 is a straight line parallel to the tangent L2
  • the straight line L1 goes through the center of the rectangular area of the button M
  • an angle of ⁇ is an included angle between L1 and the horizontal straight line that goes through the center of the rectangular area of the button M.
  • Rotating the button M by ⁇ degrees in an anti-clockwise direction can make a central horizontal axis of M parallel to the tangent L2 of the circular arc, and the button N needs to be rotated by ⁇ degrees in a clockwise direction, where ⁇ is related to the distribution of the buttons in the sectorial area.
  • buttons are distributed in the trend that is the same as the trend of the arc of the sector, but not placed in the horizontal state, to improve a display effect of the buttons.
  • the foregoing button collection container may further be expanded in a transparent form on the application interface, that is, a background color of the button collection container is not displayed, and only the buttons in the button collection container are displayed.
  • the button collection container may further be expanded in the form of an arc area in a corner of the application interface, as shown in FIG. 2e, to reduce the occupation of the screen space.
  • a button collection container is expanded in a form of an arc area and on an application interface, and buttons are distributed in an arc area for display, so that when the buttons need to be used, the button collection container is expanded, and the buttons are presented; and when the buttons do not need to be used, the button collection container can be folded and contracted, to make the buttons invisible.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore it is not easy to cause a phenomenon that another element on the application interface is covered, and occupation of a screen space is reduced.
  • a second embodiment of the present invention puts forward an apparatus for displaying an application interface button, and on the basis of the foregoing first embodiment shown in FIG. 6, the apparatus may further include: a service operation module 204.
  • the receiving module 201 is further configured to receive an externally triggered click instruction for a button in the button collection container in the arc area;
  • the service operation module 204 is configured to perform a corresponding service operation corresponding to the button according to the button click instruction.
  • this embodiment further includes a solution in which a user clicks a button in the arc area.
  • the button click event is prohibited, and after the sectorial button collection container is completely expanded, the button click operation is allowed to be performed.
  • the user may click, as required, a corresponding button to perform a corresponding service operation.
  • a button collection container is expanded in a form of an arc area and on an application interface, and buttons are distributed in an arc area for display, so that when the buttons need to be used, the button collection container is expanded, and the buttons are presented; and when the buttons do not need to be used, the button collection container can be folded and contracted, to make the buttons invisible.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore it is not easy to cause a phenomenon that another element on the application interface is covered, and occupation of a screen space is reduced.
  • a user may click, in the arc area and as required, a corresponding button to perform aservice operation, thereby meeting a requirement of the user, and providing convenience for the user.
  • a third embodiment of the present invention further puts forward an apparatus for displaying an application interface button, and on the basis of the foregoing second embodiment shown in FIG. 7, the apparatus may further include: a folding and contracting module 205.
  • the receiving module 201 is further configured to receive an externally triggered button contracting instruction
  • the folding and contracting module 205 is configured to fold and contract the button collection container from one end of the arc area to the other end according to the button contracting instruction till beyond a display area of the application interface.
  • this embodiment further includes a solution of folding the button collection container.
  • the user may fold and contract the button collection container, to reduce occupation of a screen space.
  • the button collection container When the button collection container is contracted, the button collection container may be rotated into the invisible area of the screen canvas, that is, beyond the tailoring area, in a direction opposite to that in which the button collection container is expanded.
  • the button collection container is contracted in the folded state, and boundary pictures of the sectorial area coincide. After the rotation, the pictures and the buttons in the sectorial area are rotated out of the tailoring area, and therefore, only the boundary pictures remain on the screen, and a portion that exceeds the upper boundary is not displayed. As shown in FIG. 5, the portion that exceeds the upper boundary needs to be tailored and therefore is not displayed.
  • a button collection container is expanded in a form of an arc area and on an application interface, and buttons are distributed in an arc area for display, so that when the buttons need to be used, the button collection container is expanded, and the buttons are presented, and can be clicked; and when the buttons do not need to be used, the button collection container can be folded and contracted, to make the buttons invisible.
  • the arc area can effectively reduce transversal and longitudinal expansion spans, and therefore it is not easy to cause a phenomenon that another element on the application interface is covered, and occupation of a screen space is reduced.
  • buttons may further be presented and contracted by using a transversally and longitudinally expandable and contractible button collection container, where transversal and longitudinal expansion spans are large, and for a game application with many screen elements, another interface element is more easily covered for this case compared with the arc button collection container.
  • transversal and longitudinal expansion spans are effectively reduced.
  • the buttons are evenly distributed in the sectorial area; a sectorial apparatus is expanded when needed, and the buttons are displayed; and the sectorial expandable and contractible container is contracted when not needed, and the buttons are invisible, greatly reducing the occupation of the screen space.
  • the computer software product is stored in a storage medium (such as a ROM/RAM, a magnetic disk, or an optical disc) and includes several instructions for instructing a terminal device (which may be a mobile phone, a computer, a server, a network device, or the like) to perform the methods described in the embodiments of the present disclosure.
  • a storage medium such as a ROM/RAM, a magnetic disk, or an optical disc

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
PCT/CN2015/071174 2014-01-21 2015-01-21 Method and apparatus for displaying application interface button WO2015110001A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410028424.9 2014-01-21
CN201410028424.9A CN104793876B (zh) 2014-01-21 2014-01-21 应用界面按钮显示方法及装置

Publications (1)

Publication Number Publication Date
WO2015110001A1 true WO2015110001A1 (en) 2015-07-30

Family

ID=53558704

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/071174 WO2015110001A1 (en) 2014-01-21 2015-01-21 Method and apparatus for displaying application interface button

Country Status (2)

Country Link
CN (1) CN104793876B (zh)
WO (1) WO2015110001A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107734164A (zh) * 2017-10-10 2018-02-23 广东欧珀移动通信有限公司 参数设置窗口处理方法和装置

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105611374B (zh) * 2015-12-23 2019-09-17 北京奇虎科技有限公司 视频播放控制方法和装置
CN107977126A (zh) * 2016-10-25 2018-05-01 阿里巴巴集团控股有限公司 一种功能选项的展现方法、装置、设备和展现界面
CN109343773B (zh) * 2018-10-11 2021-07-09 广州要玩娱乐网络技术股份有限公司 便携式触控设备的操控方法、装置、存储介质和终端

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103092508A (zh) * 2012-12-07 2013-05-08 北京傲游天下科技有限公司 一种触控界面的实现方法及装置
CN103365547A (zh) * 2012-03-28 2013-10-23 喜讯无限(北京)科技有限责任公司 军刀式菜单

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102402375A (zh) * 2010-09-15 2012-04-04 联想(北京)有限公司 显示终端和显示方法
CN102591577A (zh) * 2011-12-28 2012-07-18 华为技术有限公司 一种弧形菜单索引显示方法及相关装置
CN103257805A (zh) * 2012-02-16 2013-08-21 腾讯科技（深圳）有限公司 快捷面板提供方法及装置
CN102799347B (zh) * 2012-06-05 2017-01-04 北京小米科技有限责任公司 应用于触屏设备的用户界面交互方法、装置及触屏设备
CN103226446B (zh) * 2013-05-16 2016-08-03 上海欧拉网络技术有限公司 用于移动设备的用户界面的事件响应方法及移动设备

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103365547A (zh) * 2012-03-28 2013-10-23 喜讯无限(北京)科技有限责任公司 军刀式菜单
CN103092508A (zh) * 2012-12-07 2013-05-08 北京傲游天下科技有限公司 一种触控界面的实现方法及装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107734164A (zh) * 2017-10-10 2018-02-23 广东欧珀移动通信有限公司 参数设置窗口处理方法和装置

Also Published As

Publication number Publication date
CN104793876A (zh) 2015-07-22
CN104793876B (zh) 2020-05-12

Similar Documents

Publication Publication Date Title
JP6453406B2 (ja) タイルの配列
WO2015110001A1 (en) Method and apparatus for displaying application interface button
CN107728901B (zh) 界面显示方法、装置及终端
US20190012058A1 (en) Experience Mode Transition
US20130047118A1 (en) Method for managing non-overlapping windows
KR20160055646A (ko) 이동 단말기 및 그것의 제어방법
EP2332041A2 (en) System and method for window resizing
US10109035B2 (en) Method for displaying a picture on a terminal, and the terminal
CN103577082A (zh) 图标响应方法、装置及电子设备
CN110064197B (zh) 游戏控制方法、装置、设备和存储介质
US10078411B2 (en) Organization mode support mechanisms
EP2998845A1 (en) User interface based interaction method and related apparatus
US20170003837A1 (en) Systems and Methods for Generating, Presenting, and Adjusting Adjustable Virtual Keyboards
CN114296595A (zh) 一种显示方法、装置和电子设备
JP7085650B2 (ja) モバイル端末のシステムインターフェースを設定する方法、装置、媒体及びデバイス
JPWO2008139551A1 (ja) 情報提示装置及び情報提示方法
CN106201228B (zh) 一种状态栏的布局方法和装置
US9001061B2 (en) Object movement on small display screens
CN111448534B (zh) 终端设备及其图形用户界面以及图形用户界面的控制方法
CN106371781B (zh) 基于形变可控显示屏的显示方法、显示装置及用户设备
KR101714662B1 (ko) 게임을 수행하는 전자 장치 및 그 제어방법
CN111124246B (zh) 界面交互方法、设备及存储介质
CN104951223B (zh) 一种触摸屏实现放大镜的方法、装置及主机
US10514834B2 (en) Method and system for selecting objects on a computer screen
CN111208924A (zh) 终端的导航处理方法及装置、存储介质和处理器

Legal Events

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

Ref document number: 15739992

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC , EPO FORM 1205A DATED 13.01.17.

122 Ep: pct application non-entry in european phase

Ref document number: 15739992

Country of ref document: EP

Kind code of ref document: A1