KR20110013997A - Graphic user interface apparatus and method thereof - Google Patents

Abstract

PURPOSE: A graphic user interface apparatus and a method thereof are provided to combine and integrate a plurality of slide buttons, thereby adjusting several values by one time touch. CONSTITUTION: A graphic unit(10) displays a combined slide button in which slide buttons are integrated with a touch screen and displays a state changed by manipulation of a user. A memory(20) stores a variable corresponding to the slide buttons. A touch sensing unit(30) senses a button touch. A button control input sensing unit(40) senses button control input. A selection variable checking unit checks a variable that the user selects according to a sensing result of the button control input and the button touch. A controller(60) performs control corresponding to the variable.

Description

GRAPHIC USER INTERFACE APPARATUS AND METHOD THEREOF

TECHNICAL FIELD The present invention relates to a graphical user interface apparatus and method, and is particularly convenient when two or more values need to be adjusted and verified. A graphical user interface device and method.

An example of a user interface (UI) is a slide button that allows you to adjust a value and immediately see the value.

In touch screen-based user interface devices, the slide button consists of one axis and one switch, and you can adjust any one value by dragging the switch along the axis, and you can see the adjustment value immediately. have.

However, the conventional slide button can display and manipulate only one value at a time, so that two or more slide buttons are required to adjust and display two or more values. In other words, in order to perform various operations, it is inconvenient to have a slide button for each operation and to operate the slide buttons one by one.

Accordingly, the present invention provides a graphical user interface device and method incorporating a plurality of slide buttons into one.

The present invention also provides a graphical user interface device and method that enables multiple slide buttons to be manipulated with a single touch.

According to the first aspect of the present invention, a graphic user interface displays a combined slide button in which a plurality of slide buttons are integrated on a touch screen and displays a changed state according to a user's operation, and stores a variable corresponding to each slide button. A memory, a touch sensing unit for sensing button touches by the user, a button adjusting input sensing unit for sensing button adjustment inputs by the user, and an optional variable for confirming a variable selected by the user according to a sensing result of the touch and adjusting inputs And a control unit for performing control corresponding to the identified variable.

According to the second aspect of the present invention, a graphic user interface displays a combined slide button including two or more axes and one switch shared by the axes on a touch screen, and a graphic unit for displaying the changed state according to a user's operation. A memory for storing a corresponding variable, a touch sensing unit for detecting button touches by the user, a button adjusting input sensing unit for detecting button adjustment inputs by the user, and a user selected according to a sensing result of the touch and adjustment inputs It characterized in that it comprises a selection variable confirmation unit for confirming the variable, and a control unit for controlling the corresponding variable.

According to a third aspect of the present invention, there is provided a method of displaying a combined slide button in which a plurality of slide buttons are integrated on a touch screen, a process of detecting whether a button is touched while a combined slide button is displayed, and a button touch is detected. If a button adjustment input is detected, and if the button adjustment input is detected, checking the variable selected by the user according to the detection result of the touch and adjustment input, and the control corresponding to the confirmed variable, The variable may be a processing value for a function corresponding to the corresponding slide button.

As described above, according to the present invention, a plurality of slide buttons are combined to be integrated to adjust various desired values with a single touch. In addition, input such as three-dimensional coordinates can be conveniently input by using a drag. In addition, the screen space can be used efficiently, and the number of times of input is reduced.

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the drawings, the same reference numerals are used for the same reference numerals even though they are shown in different drawings. In the following description, specific details such as the number of slide buttons, an operation direction, an input frequency, and the like are shown. This is provided to help a more general understanding of the present invention, and the present invention may be practiced without these specific details. Will be apparent to those of ordinary skill in the art. In the following description of the present invention, detailed description of known functions and configurations incorporated herein will be omitted when it may make the subject matter of the present invention rather unclear.

Preferred embodiments of the present invention provide a configuration in which two or more slide buttons are combined to be able to operate two or more slide buttons without releasing one touch after one touch. That is, the combined slide button according to the preferred embodiment of the present invention may be composed of a number of axes and one switch from 2 to N (N is a natural number greater than 2).

1 is a diagram illustrating a relationship between a switch and axes when two input values exist according to a preferred embodiment of the present invention.

In (1a), reference numeral SW denotes a switch and reference numeral AX denotes an axis.

The switch may be displayed in the form of a square such as (1a), in the form of a square with a corner like (1b), or as a circle such as (1c) or (1d).

The axis may be marked as having an arrow like (1a) or a rod like (1b). Also, as shown in (1c), the two axes may be displayed to have a diagonal shape, and as shown in (1d), one axis may be displayed to have a parabolic shape.

As such, the forms in which the slide button according to the preferred embodiment of the present invention can be actually displayed on the touch screen are various as illustrated in (1a) to (1d), and other examples are of course possible.

2 is a diagram illustrating a relationship between a switch and axes when three input values exist according to a preferred embodiment of the present invention.

(2a) has the form as shown in (1a) of FIG. 1, except that there is one more input value. For example, if "up" corresponds to the maximum volume on the up and down axis, "down" corresponds to the minimum volume.

2b shows the axis in the form of a unidirectional arrow. This may be used for on / off operations. For example, if "phase" corresponds to an on-axis in the upward direction, the opposite side, that is, the center with the switch, corresponds to an off state.

3 is a diagram illustrating a relationship between switches and axes when four input values exist according to a preferred embodiment of the present invention.

When four input values exist, it can be said that the combination of the above-described form (2a) and (2b) of FIG. That is, the axis indicated in the form of a unidirectional arrow and the axis indicated in the form of a bidirectional arrow coexist.

4 is a diagram illustrating a user interface capable of simultaneously displaying and operating zoom and brightness adjustments in a camera user interface according to an exemplary embodiment of the present invention.

Assuming that the axis in the up-down direction corresponds to the zoom function, when the user drags the slide button in the "up" direction to move it "zoom in" and moves the "down" direction to "zoom out" Could be.

In addition, assuming that the axis in the left and right directions corresponds to the brightness function, when the user drags the slide button in the "left" direction to move, it becomes "dark", and when the user moves the drag button in the "right" direction to make it "bright". Could be.

According to a preferred embodiment of the present invention, when the user drags while touching the switch, the direction of the axis in the most similar direction is manipulated by recognizing the direction. The unmanaged shaft is then fixed to the switch and moves together along the switch. When the drag direction is changed, the value of the most similar axis is manipulated according to the changed input. In addition, when the user directly touches the axis, the switch moves one step in the direction of the touched axis. In addition, when there is an input, the user may give a visual feedback on the input by using an effect such as highlighting an axis of a value corresponding to the input or blurring an axis without an input. Taking the user interface of the camera as an example for clarity, it will be described in detail with reference to FIGS. 5 and 6 as follows.

5 is a diagram illustrating an example of using a user interface capable of simultaneously adjusting zoom and brightness in a camera user interface according to an exemplary embodiment of the present invention.

Assuming that the user operates in the order of (5a) to (5f), the operation or state performed at this time will be described.

5A shows a state where the zoom and brightness adjustment slide buttons are displayed on the touch screen.

(5b) shows the case where the user moves the switch up and down in the state of (5a). When up and down motion is detected, the zoom area is activated and the zoom function is operated. Here, the border of the upward arrow shown in bold indicates an active zoom area. The reason why the zoom area is activated is for the accuracy of sensing the touch.

5c shows a state in which the zoom region activation is released when the finger movement is stopped in the state of 5b. That is, it can be seen that the border of the upward arrow, which is displayed in bold when (5b), is displayed as normal.

(5d) shows a case in which the user moves the switch from side to side in the state of (5c). When the left and right movements are detected, the brightness area is activated and the brightness function is operated. Here, the border of the right arrow shown in bold indicates the active brightness area. The reason for the activation of the brightness range is for the accuracy of detection of the touch.

(5e) shows that when tapping a certain area, the value of the tapped area is adjusted by one step.

(5f) shows a state in which the value is adjusted in the state of (5e), and shows the case where the user no longer performs the slide button driving.

6 is a diagram illustrating an example of using a user interface in connection with input of three-dimensional coordinates according to a preferred embodiment of the present invention.

Assume that you move by 3 on the y-axis, 3 on the z-axis, and 4 on the x-axis.

Assuming that the user operates in the order of (6a) to (6d), the operation or state performed at this time will be described.

6a shows a state where the slide button is displayed on the touch screen. It can be seen that the drag by the current user is made in the upward direction on the y-axis.

(6b) represents the state moved by "3" in the y-axis direction in the state of (6a), and it can be seen that the drag is changed to be in the z-axis direction in that state. In this case, moving “3” in the y-axis direction means that the x-axis and z-axis move “3” in the y-axis direction along the finger dragging while touching the switch. That is, as shown, the y axis remains the same and only the x and z axes are moved.

(6c) represents the state moved by "3" in the z-axis direction in the state of (6b), it can be seen that the drag has been changed to be made in the y-axis right direction in that state. Here, moving "3" in the z-axis right direction means that the x-axis and y-axis move by "3" in the z-axis direction along the finger that touches the switch. That is, as shown, the z axis remains the same and only the x axis and the y axis are moved.

(6d) shows the state moved by "3" in the x-axis direction in the state of (6c). Here, moving by 3 in the x-axis right direction means that the y-axis and z-axis move by 3 on the x-axis along the drag finger while touching the switch. That is, as shown, the x axis remains the same and only the y and z axes are moved.

(6e) shows the coordinate position of the switch completed through the processing of (6a) to (6d).

In each case, the value to be manipulated can be easily identified using the position of the switch relative to the axis.

7 is a diagram illustrating an example of using a user interface capable of simultaneously adjusting a channel and a volume in a television user interface according to another exemplary embodiment of the present invention.

It is assumed that the volume axis represents the current value and the channel axis does not represent the current value, but can be adjusted by touching or dragging. That is, it is assumed that the volume axis has an absolute value corresponding to the corresponding point, and the channel axis operates only for the time remaining at the corresponding point.

It is assumed that the user operates in the order of (7a) to (7e), and the operation or state performed at this time will be described.

7a shows a state where a channel and a volume adjustment slide button are displayed on the touch screen. In addition, it can be seen that the drag by the user is made in the right direction of the volume axis.

(7b) shows that the channel axis has moved along the finger as the drag by the user is made in the right direction of the volume axis in the state of (7a).

(7c) shows that dragging by the user is made in the upward direction of the channel axis in the state of (7b). At this time, the channel axis does not move, and the volume axis moves along the finger.

(7d) shows a case where the channel goes up when the user touches the switch in the state of (7c).

(7e) shows the case where the switch returns to its original state when the user releases the touch of the switch in the state of (7d).

8 is a diagram showing the configuration of a graphical user interface according to another exemplary embodiment of the present invention.

The graphic unit 10 displays a combined slide button in which a plurality of slide buttons are integrated on the touch screen and displays the changed state according to a user's operation. The memory 20 stores variables corresponding to each slide button. The variable here is the processing value for a function corresponding to that slide button. The touch detector 30 detects a button touch by a user. The button adjustment input detector 40 detects a button adjustment input by a user. The selection variable checking unit 50 checks the variable selected by the user according to the detection result of the touch and adjustment input. The controller 60 performs control corresponding to the identified variable.

The engaging slide button consists of two or more axes and a switch shared between them. For example, if the combined slide button is a combination of five slide buttons, it can be configured to have five axes corresponding to the existing slide button but only one switch so that the five axes share. Therefore, the variable corresponding to each slide button stored in the memory 20 is a variable corresponding to each axis.

The button adjustment input is a drag, wherein the drag is generated by moving the switch along an axis selected by the user, and the other axes except the axis where the button adjustment input occurs are fixed to the switch and configured to move together. As another example, the button adjustment input may be a tap, and each time a tap occurs, the variable corresponding to the axis where the tap is occurring may be adjusted by one step.

The selection variable checking unit 50 may be configured to detect the coordinates according to the touch and adjustment input to confirm the variable selected by the user.

The graphic unit 10 may be configured to display the highlight of the axis where the button adjustment input occurs or the blur of the remaining axes.

9 is a flowchart illustrating a graphical user interface method according to another preferred embodiment of the present invention.

In operation 9a, a combined slide button in which a plurality of slide buttons are integrated is displayed on the touch screen. With the combined slide button displayed, go to step 9b to check whether the button is touched. If a button touch is detected, in step 9c, it is checked whether a button adjustment is input. When the button adjustment input is detected, the user selects a variable according to the detection result of the touch and adjustment input in step 9d. Control corresponding to the variable identified in step 9e.

The variable here is the processing value for a function corresponding to that slide button.

The process of checking whether a button adjustment is input may include a process of checking whether a drag operation occurs or a process of checking whether a tap operation occurs. The process of checking whether the tap operation occurs may be configured to adjust the variable corresponding to the slide button in which the tab is generated by one step among the slide buttons constituting the combined slide button each time the tap occurs.

Meanwhile, in the detailed description of the present invention, specific embodiments have been described, but various modifications are possible without departing from the scope of the present invention. As in the preferred embodiment of the present invention, there will be a wide variety of cases in which inputs of different characteristics are mixed in addition to the television channel and the volume. In addition, the position, color, and shape of each slide button axis may vary according to the characteristics of the value. In addition, the size, shape and the like of the switch can be modified as appropriate. Therefore, the scope of the present invention should not be limited to the described embodiments, but should be determined not only by the scope of the following claims, but also by the equivalents of the claims.

1 is a diagram showing a relationship between a switch and axes when two input values exist according to a preferred embodiment of the present invention.

2 is a diagram illustrating a relationship between a switch and axes when three input values exist according to a preferred embodiment of the present invention.

3 is a diagram illustrating a relationship between a switch and axes when four input values exist according to a preferred embodiment of the present invention.

4 illustrates a user interface capable of simultaneously displaying and operating zoom and brightness adjustments in a camera user interface according to a preferred embodiment of the present invention.

5 is a diagram illustrating an example of using a user interface capable of simultaneously adjusting zoom and brightness in a camera user interface according to an exemplary embodiment of the present invention.

6 illustrates an example of the use of a user interface in connection with input of three-dimensional coordinates according to a preferred embodiment of the present invention.

FIG. 7 is a view showing an example of using a user interface capable of simultaneously adjusting a channel and a volume in a television user interface according to another exemplary embodiment of the present invention.

8 is a diagram showing the configuration of a graphical user interface device according to another preferred embodiment of the present invention.

9 is a flowchart illustrating a graphical user interface method according to another preferred embodiment of the present invention.

Claims (10)

A graphic unit for displaying a combined slide button in which a plurality of slide buttons are integrated on a touch screen and displaying a changed state according to a user's operation; A memory for storing a variable corresponding to each slide button; A touch sensor for detecting a touch of a button by the user; A button adjustment input detector for detecting a button adjustment input by the user; A selection variable checking unit for checking a variable selected by the user according to a detection result of the touch and adjustment input; And a control unit for controlling the corresponding variable. A graphic unit for displaying a combined slide button composed of two or more axes and one switch shared by the axes on the touch screen and displaying the changed state according to a user's operation; A memory for storing a variable corresponding to each axis; A touch sensor for detecting a touch of a button by the user; A button adjustment input detector for detecting a button adjustment input by the user; A selection variable checking unit for checking a variable selected by the user according to a detection result of the touch and adjustment input; And a control unit for controlling the corresponding variable. The method according to claim 1 or 2, The variable is a graphical user interface, characterized in that the processing value for a function corresponding to the slide button. The method of claim 2, The button adjustment input is drag, And the drag is generated by moving the switch along an axis selected by the user, and the remaining axes except for the axis where the button adjustment input occurs are fixed to the switch and configured to move together. The method of claim 2, The button adjustment input is a tab, Graphical user interface, characterized in that each time the tap occurs, the variable corresponding to the axis on which the tap is occurring is adjusted by one step. The method of claim 5, The selection variable checking unit detects the coordinates according to the touch and adjustment input to confirm the variable selected by the user. The method of claim 3, And wherein the graphic unit is configured to display highlights of the axis where the button adjustment input occurs or blur of the remaining axes. In the graphical user interface method, Displaying a combined slide button in which a plurality of slide buttons are integrated on a touch screen; Detecting whether the button is touched while the combined slide button is displayed; Checking whether a button adjustment is input when the button touch is detected; Checking a variable selected by a user according to a detection result of the touch and adjustment input when a button adjustment input is detected; And performing a control corresponding to the identified variable, And wherein said variable is a processing value for a function corresponding to a corresponding slide button. The method of claim 8, And checking whether or not a button adjustment is input by checking whether a drag operation has occurred. 10. The method of claim 9, The process of checking whether the button adjustment is input is a process of checking whether a tap operation occurs. Each time the tap occurs, the step of adjusting the variable corresponding to the slide button is generated, the tab of the slide button constituting the combined slide button by one step.

Images