KR101466211B1 - A method and apparatus for aligning windows in a user interface screen - Google Patents

A method and apparatus for aligning windows in a user interface screen Download PDF

Info

Publication number
KR101466211B1
KR101466211B1 KR1020130024215A KR20130024215A KR101466211B1 KR 101466211 B1 KR101466211 B1 KR 101466211B1 KR 1020130024215 A KR1020130024215 A KR 1020130024215A KR 20130024215 A KR20130024215 A KR 20130024215A KR 101466211 B1 KR101466211 B1 KR 101466211B1
Authority
KR
South Korea
Prior art keywords
window
target
object window
windows
user interface
Prior art date
Application number
KR1020130024215A
Other languages
Korean (ko)
Other versions
KR20140110237A (en
Inventor
신기루
Original Assignee
에스피테크놀러지 주식회사
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 에스피테크놀러지 주식회사 filed Critical 에스피테크놀러지 주식회사
Priority to KR1020130024215A priority Critical patent/KR101466211B1/en
Publication of KR20140110237A publication Critical patent/KR20140110237A/en
Application granted granted Critical
Publication of KR101466211B1 publication Critical patent/KR101466211B1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명은 사용자 인터페이스 화면에 표시된 다중 윈도우들의 이동이나 배치에 관련된 정보를 사용자에게 직관적으로 안내해주는 내비게이터 및 상기 다중 윈도우들을 이동시킬 경우에 예상되는 레이아웃 구성을 미리 보여주는 맵을 표시할 수 있도록 하며, 상기 내비게이터를 이용하여 원하는 위치로 간편하게 배치할 수 있도록 하고, 또한 상기 배치되는 다중 윈도우들의 사이즈를 자동으로 조절하여 모자이크 형태의 레이아웃으로 자동 정렬시킬 수 있도록 함으로써 사용자의 편의성을 향상시키는 효과가 있는 사용자 인터페이스 화면에서 윈도우 정렬 방법 및 그 장치에 관한 것이다.The present invention allows a user to intuitively guide information related to movement or arrangement of multiple windows displayed on a user interface screen and to display a map showing a layout configuration expected when moving the multiple windows, A user interface screen having an effect of improving the convenience of the user by allowing the user to easily arrange the window in a desired position using the navigator and automatically aligning the sizes of the multiple windows to be arranged in a mosaic- And more particularly to a method and apparatus for aligning windows in a window.

Description

사용자 인터페이스 화면에서 윈도우 정렬 방법 및 그 장치{A METHOD AND APPARATUS FOR ALIGNING WINDOWS IN A USER INTERFACE SCREEN}TECHNICAL FIELD [0001] The present invention relates to a method of arranging a window on a user interface screen,

본 발명은 사용자 인터페이스 화면에서 윈도우 정렬 방법 및 그 장치에 관한 것으로, 더욱 상세하게는 임의의 어플리케이션 프로그램의 사용자 인터페이스 화면에 표시된 다중 윈도우들을 사용자가 원하는 위치로 간편하게 이동시켜 재배치하며, 그 재배치되는 윈도우들의 사이즈를 자동으로 조절하고 정렬시킬 수 있도록 하는 윈도우 정렬 방법 및 그 장치에 관한 것이다.
The present invention relates to a method of arranging windows on a user interface screen, and more particularly, to a method and apparatus for conveniently arranging and rearranging multiple windows displayed on a user interface screen of an arbitrary application program, And a device for automatically aligning and aligning windows.

일반적으로 대부분의 어플리케이션 프로그램들(예 : PC용 어플리케이션, 모바일 단말기용 어플리케이션, 웹 어플리케이션, 특정 장치 전용 어플리케이션 등)은 그 어플리케이션의 사용 목적에 따라 다양한 기능(또는 도구)들을 모아놓은 메뉴들을 포함하고 있으며, 그 메뉴들 중 사용자가 자주 사용하는 특정 기능들은 별도의 윈도우를 생성하여 사용자 인터페이스 화면에 표시할 수 있도록 구성되어 있다. In general, most application programs (e.g., PC applications, mobile terminal applications, web applications, specific device applications, etc.) contain menus containing various functions (or tools) , And specific functions frequently used by the user among the menus can be created and displayed on the user interface screen.

다시 말해, 일반적인 어플리케이션 프로그램의 사용자 인터페이스 화면은 다중 윈도우들을 표시할 수 있도록 구성되어 있다. 예컨대 그림을 편집할 수 있는 어플리케이션(예 : 포토샵)의 경우, 그림판이나 도화지 역할을 하는 메인 윈도우, 상기 그림들의 레이어를 편집하는 레이어 윈도우, 또는 브러쉬 도구의 특성을 편집하는 브러쉬 윈도우 등 적어도 하나 이상의 윈도우들(즉, 다중 윈도우들)을 표시할 수 있도록 구성되어 있는 것이다.In other words, the user interface screen of a typical application program is configured to display multiple windows. For example, in the case of an application capable of editing a picture (for example, Photoshop), at least one window, such as a main window serving as a paint board or a drawing sheet, a layer window for editing the layers of the pictures, or a brush window for editing properties of the brush tool (I.e., multiple windows).

이때 상기 다중 윈도우들은 각각의 사이즈 조절이 가능할 뿐만 아니라, 사용자 인터페이스 화면에서 사용자가 원하는 위치로 자유롭게 이동시키는 것이 가능하다. 이때 상기 이동된 다중 윈도우들이 너무 어지러워 보이지 않도록 하고, 다른 윈도우에 겹치거나 가려지지 않도록 하기 위하여 자석(또는 도킹)기능(임의의 윈도우를 선택하여 다른 윈도우의 경계 부분으로 드래그하면 자동으로 그 윈도우의 경계면에 달라붙게 해주는 기능)을 포함하는 경우도 있다.At this time, not only the size of each of the multiple windows can be adjusted but also it is possible to freely move the user window to a desired position on the user interface screen. (Or a docking function) (when a certain window is selected and dragged to a boundary portion of another window, the window is automatically moved to the boundary of the window so that the moved windows do not appear too dizzy, (I.e., a function of sticking to the surface of the substrate).

그러나 통상적으로 상기 다중 윈도우들의 사이즈가 모두 다르기 때문에 사용자들은 윈도우를 이동시킨 후 각 윈도우들의 사이즈를 개별적으로 조절함으로써 원하는 레이아웃으로 재구성해야 하는 번거로움이 있었다. However, since the sizes of the multiple windows are different from each other, users have to reconfigure into a desired layout by individually adjusting the size of each window after moving the window.

다시 말해 종래에는 사용자 인터페이스 화면에서 다중 윈도우들을 원하는 위치로 이동시킬 때 자석기능을 이용하여 각 윈도우들의 경계면을 붙이더라도 각 윈도우의 사이즈가 달라서 그 외곽 경계면이 계단 모양처럼 울퉁불퉁하게 되어 어지러워 보이는 문제점이 있기 때문에 사용자는 각 윈도우의 사이즈를 조절하여 직사각형이나 정사각형의 액자에 구성된 모자이크처럼 아귀가 맞는 레이아웃으로 정렬해줘야 하는 번거로움이 있었다.
In other words, conventionally, when moving multiple windows to a desired position on a user interface screen, even if a boundary of each window is attached using a magnet function, the size of each window is different, and the boundary surface of the window is rugged like a staircase Therefore, the user had to adjust the size of each window to arrange them in a matching layout such as a mosaic formed on a rectangular or square picture frame.

본 발명은 상기와 같은 문제점을 해결하기 위해 창작된 것으로서, 사용자 인터페이스 화면에 표시된 다중 윈도우들을 내비게이터를 이용하여 원하는 위치로 간편하게 배치할 수 있는 윈도우 정렬 방법 및 그 장치를 제공하는데 목적이 있다.It is an object of the present invention to provide a window alignment method and apparatus capable of easily arranging multiple windows displayed on a user interface screen to a desired position using a navigator.

또한 본 발명은 사용자 인터페이스 화면에 배치되는 다중 윈도우들의 사이즈를 자동으로 조절하여 모자이크 형태의 레이아웃으로 정렬시킬 수 있도록 하는 윈도우 정렬 방법 및 그 장치를 제공하는데 목적이 있다.It is another object of the present invention to provide a window alignment method and apparatus for automatically aligning sizes of multiple windows arranged on a user interface screen to arrange them into a mosaic-like layout.

또한 본 발명은 사용자 인터페이스 화면에 표시된 다중 윈도우들의 이동이나 배치에 관련된 정보를 사용자에게 직관적으로 안내해주는 내비게이터를 표시할 수 있도록 하는 윈도우 정렬 방법 및 그 장치를 제공하는데 목적이 있다.It is another object of the present invention to provide a window sorting method and apparatus for displaying a navigator for intuitively guiding information related to movement and arrangement of multiple windows displayed on a user interface screen to a user.

또한 본 발명은 사용자 인터페이스 화면에 표시된 다중 윈도우들의 전체적인 레이아웃 구성을 축소시켜 표시하는 매퍼를 통해서 상기 다중 윈도우들을 이동시킬 경우에 예상되는 레이아웃 구성을 미리 보여주는 맵을 표시할 수 있도록 하는 윈도우 정렬 방법 및 그 장치를 제공하는데 목적이 있다.According to another aspect of the present invention, there is provided a window sorting method for displaying a map showing a predicted layout structure in a case where the multiple windows are moved through a mapper displaying a reduced overall layout configuration of multiple windows displayed on a user interface screen, Device. ≪ / RTI >

또한 본 발명은 사용자 인터페이스 화면에 표시된 다중 윈도우들을 이동시킬 때 상기 윈도우의 배치가 가능한 위치인지 여부를 내비게이터나 맵 상에 시각적으로 표시해줄 수 있도록 하는 윈도우 정렬 방법 및 그 장치를 제공하는데 목적이 있다.
It is another object of the present invention to provide a window sorting method and apparatus for visually displaying, on a map, a navigator or a map, whether or not a window can be arranged when moving multiple windows displayed on a user interface screen.

본 발명의 일 측면에 따른 사용자 인터페이스 화면에서 윈도우 정렬 방법은 사용자 인터페이스 화면에 포함된 다중 윈도우들의 정렬 방법에 있어서, 상기 다중 윈도우들 중 선택되는 어느 하나의 윈도우를 오브젝트 윈도우로서 검출하는 제1 단계; 상기 오브젝트 윈도우의 드래그, 드래그 위치나 방향 및 드롭 동작을 검출하는 제2 단계; 상기 검출된 각 동작에 따라 상기 오브젝트 윈도우의 배치에 관련된 부가정보를 출력하는 제3 단계; 상기 부가정보를 이용하여 상기 오브젝트 윈도우를 배치할 위치를 타겟 윈도우를 기준으로 지정하는 제4 단계; 및 상기 지정된 타겟 윈도우의 일 측면에 상기 오브젝트 윈도우를 배치하는 제5 단계;를 포함하고, 상기 부가정보는, 상기 오브젝트 윈도우를 배치할 위치 또는 방향을 지정하는 내비게이터, 상기 다중 윈도우들의 레이아웃 구성을 축소하여 표시하는 맵, 오브젝트의 윈도우를 배치할 수 없는 위치에 드래그&드롭 될 경우에는 오브젝트의 윈도우의 배치가 불가한 위치임을 나타내는 안내 메시지, 또는 그들의 조합 중 어느 하나를 포함하며, 상기 제4 단계는, 상기 타겟 윈도우의 상, 하, 좌, 우 경계면, 또는 중앙부 중 어느 일 측면을 지정하는 것이며, 상기 오브젝트 윈도우를 배치할 위치가 지정되면, 상기 지정된 위치에 오브젝트 윈도우를 배치할 영역을 생성하기 위하여, 상기 타겟 윈도우의 길이나 폭을 축소하는 제6 단계;를 더 포함하고, 상기 지정된 위치에 배치된 오브젝트 윈도우와 접하고 있는 타겟 윈도우의 경계면의 길이를 동일하게 하기 위하여, 상기 오브젝트 윈도우의 해당 경계면의 길이나 폭을 조절하는 제7 단계;를 더 포함하며, 상기 오브젝트 윈도우가 배치된 후, 상기 드래그와 드롭 이전에 그 오브젝트 윈도우가 배치되어 있던 위치에 접하고 있던 소스 윈도우의 사이즈를 증가시키는 제8 단계;를 더 포함하고, 상기 제5 단계는, 상기 오브젝트 윈도우가 타겟 윈도우 영역에 겹치지 않고, 또한 상기 타겟 윈도우와의 경계면에 빈 공간이 발생되지 않도록 밀착시켜 배치하는 것을 특징으로 하며, 상기 타겟 윈도우는, 미리 설정된 타겟 윈도우의 축소 비율이나 배치 비율에 따라, 상기 타겟 윈도우만 표시되던 영역의 길이나 폭을 축소 또는 분할하여, 상기 오브젝트 윈도우를 표시하기 위한 영역을 생성하는 것을 특징으로 하고, 상기 오브젝트 윈도우는, 그 오브젝트 윈도우의 제목 표시줄 및 그 오브젝트 윈도우의 텍스트 영역과 정보입력 영역을 제외한 나머지 모든 영역에서 윈도우를 선택하여 드래그 할 수 있으며, 상기 부가정보는, 상기 선택된 오브젝트 윈도우 영역 중 마우스 커서에 접하거나 그 마우스 커서로부터 기 설정된 특정거리 이내로 가깝게 표시하며, 상기 오브젝트 윈도우의 이동에 따라 사용자 인터페이스 화면의 밖으로 벗어나지 않는 범위에서 유동적으로 그 위치를 변경하여 표시하고, 상기 내비게이터는 오브젝트 윈도우의 위치를 지정할 수 방향의 화살표를 활성화시켜 선택 가능하게 표시하고, 상기 맵은 오브젝트 윈도우의 위치를 지정할 수 있는 타겟 윈도우의 색상, 명암, 또는 외곽선 모양을 다른 윈도우와 구별되게 표시하는 것을 특징으로 한다.
According to an aspect of the present invention, there is provided a method of aligning multiple windows included in a user interface screen, the method comprising: a first step of detecting any one of the multiple windows as an object window; A second step of detecting a drag, a drag position, a direction and a drop operation of the object window; A third step of outputting additional information related to the arrangement of the object windows according to each of the detected operations; A fourth step of designating a position of the object window based on the target window using the additional information; And arranging the object window on one side of the designated target window, wherein the side information includes a navigator for designating a position or a direction for arranging the object window, a layout configuration of the multiple windows is reduced A guidance message indicating that the window of the object can not be arranged when the window of the object is dragged and dropped to a position where the window can not be arranged, or a combination thereof, and the fourth step includes: , The upper, lower, left, right, or center of the target window, and when a position to place the object window is designated, an area for placing the object window at the designated position is created And a sixth step of reducing the length or width of the target window, Further comprising a seventh step of adjusting a length or a width of a corresponding interface of the object window in order to make the lengths of the interface between the object window and the target window adjacent to each other equal to each other, And increasing the size of the source window that was in contact with the position where the object window was located before the drag and drop, and wherein the fifth step further comprises: And the target window is disposed in close contact with the target window so as not to generate an empty space. The target window may include a target window, A method for reducing or dividing a road or a width to display the object window The object window can be selected by dragging the window from the title bar of the object window and all the regions except the text region and the information input region of the object window, And displays the object window in a range that is not out of the user interface screen according to the movement of the object window, Wherein the navigator is operable to select and display an arrow in a direction that can specify the position of the object window, the map being configured to distinguish the color, contrast, or outline shape of the target window from the other windows Be .

본 발명의 일 측면에 따른 사용자 인터페이스 화면에서 윈도우 정렬 장치는 다중 윈도우들이 포함된 사용자 인터페이스 화면에서 사용자에 의해 선택되는 윈도우를 오브젝트 윈도우로서 검출하는 오브젝트 윈도우 검출부; 상기 오브젝트 윈도우의 이동에 따라 상기 오브젝트 윈도우의 배치에 관련된 부가정보를 출력하는 부가정보 출력부; 상기 오브젝트 윈도우의 배치를 지정할 기준이 되는 타겟 윈도우를 검출하는 타겟 윈도우 검출부; 상기 오브젝트 윈도우를 상기 타겟 윈도우를 기준으로 지정된 위치에 배치시키는 오브젝트 윈도우 배치부; 및 상기 오브젝트 윈도우를 지정된 위치에 배치하고 정렬시키기 위하여 상기 타겟 윈도우 및 오브젝트 윈도우의 사이즈를 조절하는 윈도우 사이즈 조절부;를 포함하고, 상기 오브젝트 윈도우 검출부는, 상기 선택된 오브젝트 윈도우의 드래그, 드래그 위치나 방향 및 드롭 동작을 검출하며, 상기 부가정보 출력부는, 상기 오브젝트 윈도우를 배치할 위치 또는 방향을 지정하는 내비게이터, 상기 다중 윈도우들의 레이아웃 구성을 축소하여 표시하는 맵, 오브젝트의 윈도우를 배치할 수 없는 위치에 드래그&드롭 될 경우에는 오브젝트의 윈도우의 배치가 불가한 위치임을 나타내는 안내 메시지, 또는 그들의 조합 중 어느 하나를 포함하는 부가정보를 출력하며, 상기 윈도우 사이즈 조절부는, 상기 오브젝트 윈도우가 배치된 후, 상기 타겟 윈도우와 접하고 있는 오브젝트 윈도우의 경계면의 길이 또는 폭을 상기 타겟 윈도우와 동일하게 조절하고, 또한 그 이전에 상기 오브젝트 윈도우가 배치되어 있던 위치에 접하고 있던 소스 윈도우의 길이 또는 폭을 증가시켜 조절하고, 상기 타겟 윈도우와 소스 윈도우는, 오브젝트 윈도우와 접하거나 공유하고 있는 윈도우의 경계면 길이 또는 폭이 동일한 것으로서, 오브젝트 윈도우가 이전에 배치되어 있던 위치에서 경계면에 접하고 있던 윈도우가 소스 윈도우이고, 오브젝트 윈도우가 새로 배치될 위치에서 경계면에 접하게 될 윈도우가 타겟 윈도우인 것을 특징으로 한다.
According to an aspect of the present invention, there is provided a window arrangement apparatus comprising: an object window detection unit for detecting, as an object window, a window selected by a user on a user interface screen including multiple windows; An additional information output unit for outputting additional information related to the arrangement of the object window according to the movement of the object window; A target window detection unit for detecting a target window to which a placement of the object window is to be designated; An object window arrangement unit for arranging the object window at a designated position with respect to the target window; And a window size adjuster for adjusting the size of the target window and the object window in order to arrange and arrange the object window at a specified position, wherein the object window detector detects a drag and drag position of the selected object window, Wherein the additional information output unit includes a navigator for specifying a position or direction of the object window, a map for reducing the layout of the multiple windows, a window for displaying the object window, When the object window is dragged and dropped, a guide message indicating that the window of the object is not positionable, or a combination thereof, and the window size adjuster further comprises: It touches the target window Adjusts the length or width of the boundary of the object window to be the same as the target window and adjusts the length or width of the source window that was previously in contact with the position of the object window, The source window is a window in which the object window is in contact with or sharing the same boundary plane or width, and the window in which the object window was previously located was the source window, And a window to be brought into contact with the interface is a target window.

본 발명은 사용자 인터페이스 화면에 표시된 다중 윈도우들의 이동이나 배치에 관련된 정보를 사용자에게 직관적으로 안내해주는 내비게이터 및 상기 다중 윈도우들을 이동시킬 경우에 예상되는 레이아웃 구성을 미리 보여주는 맵을 표시할 수 있도록 하며, 상기 내비게이터를 이용하여 원하는 위치로 간편하게 배치할 수 있도록 하고, 또한 상기 배치되는 다중 윈도우들의 사이즈를 자동으로 조절하여 모자이크 형태의 레이아웃으로 자동 정렬시킬 수 있도록 함으로써 사용자의 편의성을 향상시키는 효과가 있다.
The present invention allows a user to intuitively guide information related to movement or arrangement of multiple windows displayed on a user interface screen and to display a map showing a layout configuration expected when moving the multiple windows, It is possible to easily arrange the window in a desired position by using a navigator and automatically adjust the sizes of the multiple windows to be arranged in a mosaic-like layout, thereby improving user convenience.

도 1은 본 발명의 일 실시예에 관련된 윈도우 정렬 방법을 설명하기 위한 다중 윈도우를 갖는 어플리케이션 프로그램의 사용자 인터페이스 화면을 보인 예시도.
도 2는 본 발명의 일 실시예에 관련된 사용자 인터페이스 화면에서 다중 윈도우를 배치하는 과정을 설명하기 위한 예시도.
도 3은 본 발명의 일 실시예에 관련된 사용자 인터페이스 화면에서 맵을 이용하여 다중 윈도우를 배치하는 과정을 설명하기 위한 예시도.
도 4는 본 발명의 일 실시예에 따른 사용자 인터페이스 화면에서 윈도우 정렬 장치의 구성을 보인 예시도.
도 5는 본 발명의 일 실시예에 따른 사용자 인터페이스 화면에서 윈도우 정렬 방법을 설명하기 위한 흐름도.BRIEF DESCRIPTION OF THE DRAWINGS FIG. 1 is an exemplary view showing a user interface screen of an application program having multiple windows for explaining a window sorting method according to an embodiment of the present invention; FIG.
2 is an exemplary diagram illustrating a process of arranging multiple windows on a user interface screen according to an embodiment of the present invention;
3 is an exemplary diagram illustrating a process of arranging multiple windows using a map in a user interface screen according to an embodiment of the present invention;
FIG. 4 is a diagram illustrating a configuration of a window sorting apparatus in a user interface screen according to an embodiment of the present invention; FIG.
5 is a flowchart illustrating a window sorting method in a user interface screen according to an embodiment of the present invention.

이하, 첨부된 도면을 참조하여 본 발명에 따른 사용자 인터페이스 화면에서 윈도우 정렬 방법 및 그 장치의 일 실시예를 설명한다. Hereinafter, a method of arranging windows on a user interface screen according to the present invention and an embodiment of the apparatus will be described with reference to the accompanying drawings.

도 1은 본 발명의 일 실시예에 관련된 윈도우 정렬 방법을 설명하기 위한 다중 윈도우를 갖는 어플리케이션 프로그램의 사용자 인터페이스 화면을 보인 예시도이다. 이에 도시된 바와 같이 상기 어플리케이션 프로그램은 웹 어플리케이션 제작을 위한 저작도구이며, 상기 어플리케이션 프로그램의 사용자 인터페이스 화면(100)에는 다중 윈도우들(110 ~ 170)이 표시되어 있다고 가정한다. FIG. 1 is a diagram illustrating an example of a user interface screen of an application program having multiple windows for explaining a window sorting method according to an exemplary embodiment of the present invention. Referring to FIG. As shown in the figure, it is assumed that the application program is a authoring tool for creating a web application, and multiple windows 110 to 170 are displayed on the user interface screen 100 of the application program.

또한 상기 사용자 인터페이스 화면(100)에 표시된 다중 윈도우들은 각기 사이즈(예 : 길이, 폭)가 다르며, 상기 각 윈도우들(110 ~ 170)이 직사각형의 액자 내에 아귀를 맞춘 모자이크 형태의 레이아웃으로 정렬되어 있다고 가정한다.In addition, the multiple windows displayed on the user interface screen 100 are different in size (e.g., length and width), and each of the windows 110 to 170 is arranged in a mosaic-like layout in which a rectangular frame is aligned I suppose.

그리고 상기 다중 윈도우들 중 어느 하나의 윈도우(170)를 선택하여 사용자가 원하는 위치로 이동시킨다고 가정한다. 이하 상기 선택된 윈도우(170)를 편의상 오브젝트 윈도우라고 기재하고, 상기 오브젝트 윈도우가 본래 있던 위치를 소스 위치, 상기 오브젝트 윈도우가 새로 이동할 위치를 타겟 위치라고 기재한다. It is assumed that one of the multiple windows 170 is selected and moved to a desired position by the user. Hereinafter, the selected window 170 is referred to as an object window for the sake of convenience, and a position where the object window originally exists is referred to as a source position and a position where the object window moves to a new position is referred to as a target position.

여기서 상기 오브젝트 윈도우(170)를 선택하는 방법은 마우스, 리모컨, 키보드, 터치, 또는 음성 등 상기 사용자 인터페이스 화면(100)이 표시되는 장치의 특성이나 종류에 따라 다양한 입력 수단을 이용하여 윈도우를 선택할 수 있다. Here, the method for selecting the object window 170 may be a method of selecting a window using various input means according to the characteristics or the type of the apparatus on which the user interface screen 100 is displayed, such as a mouse, a remote control, a keyboard, a touch, have.

예컨대 본 실시예와 같이 마우스를 이용하여 오브젝트 윈도우를 선택한다고 가정할 경우, 상기 사용자 인터페이스 화면에 표시된 마우스 커서(210)를 이동시키고 싶은 오브젝트 윈도우(170)에 위치시키고, 마우스의 선택버튼(예 : 마우스의 좌측 버튼)을 클릭하여 그 상태를 유지한 후, 마우스를 움직여 상기 선택된 오브젝트 윈도우(170)를 이동시키고자 하는 타겟 위치(예 : 상기 다중 윈도우들 중 어느 하나의 윈도우, 또는 그 윈도우들의 경계부)로 드래그 한다. For example, assuming that an object window is selected using the mouse as in the present embodiment, the mouse cursor 210 displayed on the user interface screen is positioned in the object window 170 to be moved, (E.g., the left button of the mouse), and then moves the mouse to move the selected object window 170 to a target position (for example, any one of the multiple windows, ).

본 실시예에서는 상기 오브젝트 윈도우(170)를 다른 윈도우(150) 상으로 이동시킨다고 가정한다. In the present embodiment, it is assumed that the object window 170 is moved onto another window 150. [

이때 상기 이동시키고 싶은 오브젝트 윈도우(170)를 선택하기 위해서는 통상적으로 마우스 커서(210)를 그 오브젝트 윈도우의 제목 표시줄에 위치시키지만, 본 발명에서는 그에 한정하지 않고, 오브젝트 윈도우의 텍스트 영역과 정보입력 영역을 제외한 나머지 모든 영역에서 윈도우 선택이 가능하도록 함에 유의한다.At this time, in order to select the object window 170 to be moved, the mouse cursor 210 is usually positioned on the title bar of the object window. However, the present invention is not limited to this, It is possible to select a window in all the remaining areas except the area.

한편 상기와 같이 이동시키고 싶은 오브젝트 윈도우(170)를 선택한 후 드래그를 시작할 경우, 본 발명에서는 상기 선택된 윈도우(170)의 이동이나 배치에 관련된 정보를 사용자에게 직관적으로 안내하고 지시할 수 있는 내비게이터(220)를 표시한다. 이때 상기 내비게이터(220)는 상기 선택된 오브젝트 윈도우(170)의 임의의 영역에 한정되지 않고 표시될 수 있지만, 마우스 커서(210)에 접하거나 기 설정된 특정거리 이내의 위치에 가깝게 표시하는 것이 바람직하다. Meanwhile, in the present invention, when the object window 170 to be moved is selected and dragging is started, a navigator 220 (e.g., a navigator) 220 for intuitively guiding and instructing information related to the movement or arrangement of the selected window 170 ). At this time, the navigator 220 is not limited to an arbitrary area of the selected object window 170, but may be displayed in proximity to the mouse cursor 210 or within a predetermined distance.

그리고 상기 오브젝트 윈도우(170)의 이동에 따라 내비게이터(220)가 사용자 인터페이스 화면(100)의 밖으로 벗어나지 않도록 유동적으로 그 위치를 변경할 수 있다.The navigator 220 may change its position flexibly such that the navigator 220 does not deviate out of the user interface screen 100 according to the movement of the object window 170.

상기 내비게이터(220)는 그 형상에서 보는 바와 같이, 상기 선택된 오브젝트 윈도우(170)를 배치하기 위한 적어도 5개의 위치(예 : 상, 하, 좌, 우, 중앙)(또는 방향) 중 하나를 지정할 수 있다. The navigator 220 can specify one of at least five positions (e.g., up, down, left, right, center) (or direction) for positioning the selected object window 170 have.

예컨대 상기 내비게이터(220)에 부착된 상방향 화살표(221)를 클릭할 경우, 그 선택된 오브젝트 윈도우(170)를 현재 드래그 되어 있는 타겟 윈도우(150)의 상측에 배치하고, 하방향 화살표(222)를 클릭할 경우, 그 선택된 오브젝트 윈도우(170)를 현재 드래그 되어 있는 타겟 윈도우(150)의 하측에 배치하며, 좌(또는 우)방향 화살표(223, 224)를 클릭할 경우, 그 선택된 오브젝트 윈도우(170)를 현재 드래그 되어 있는 타겟 윈도우(150)의 좌(또는 우)측에 배치하는 것이다. For example, when the upward arrow 221 attached to the navigator 220 is clicked, the selected object window 170 is placed on the upper side of the currently-dragged target window 150, and the downward arrow 222 The selected object window 170 is placed below the currently-dragged target window 150 and when the left (or right) directional arrows 223 and 224 are clicked, the selected object window 170 Is disposed on the left (or right) side of the currently dragged target window 150.

만약 상기 선택된 오브젝트 윈도우(170)가 다른 타겟 윈도우(예 : 윈도우3, 130)에 드래그 되어 있는 상태(실질적으로는 내비게이터의 화살표를 클릭하기 위해서 마우스의 선택버튼이 해제되어 상기 오브젝트 윈도우가 상기 타겟 윈도우 상의 임의의 위치에 드롭된 상태)에서 상기 내비게이터(220)에 부착된 화살표를 클릭할 경우에는 그 화살표의 방향에 따라 타겟 윈도우(예 : 윈도우3, 130)의 상, 하, 좌, 우, 또는 중앙에 상기 선택된 오브젝트 윈도우(170)를 배치하는 것이다. If the selected object window 170 is dragged to another target window (e.g., window 3 or 130) (in reality, the mouse is released in order to click the arrow of the navigator, Left, right, or right side of a target window (e.g., window 3, 130) along the direction of the arrow when clicking the arrow attached to the navigator 220 in a state And places the selected object window 170 in the center.

이상으로 사용자 인터페이스 화면에 표시된 다중 윈도우들 중에서 위치를 이동시킬 어느 하나의 오브젝트 윈도우를 선택할 경우 내비게이터를 표시하는 과정에 대해서 설명하였다. 이하 상기 내비게이터를 이용해 상기 선택된 오브젝트 윈도우를 타겟 윈도우의 일 측면에 배치하는 과정에 대해서 설명한다.The process of displaying the navigator when selecting an object window to move the position among the multiple windows displayed on the user interface screen has been described above. Hereinafter, a process of arranging the selected object window on one side of the target window using the navigator will be described.

도 2는 본 발명의 일 실시예에 관련된 사용자 인터페이스 화면에서 다중 윈도우를 배치하는 과정을 설명하기 위한 예시도이다. FIG. 2 is a diagram illustrating a process of arranging multiple windows on a UI screen according to an exemplary embodiment of the present invention. Referring to FIG.

이에 도시된 바와 같이 본 발명에 따른 오브젝트 윈도우의 배치는 기존 위치에 있던 타겟 윈도우(즉, 오브젝트 윈도우를 이동시키기 위한 타겟 위치에 있던 타겟 윈도우)를 기준으로 배치된다. 상기 기준이 되는 타겟 윈도우는 다중 윈도우들 중 하나 이거나, 그 다중 윈도우들로 구성된 메인 프레임일 수 있다.As shown in the figure, the arrangement of the object window according to the present invention is arranged based on the target window (i.e., the target window at the target position for moving the object window) existing at the existing position. The reference target window may be one of multiple windows or a main frame composed of the multiple windows.

상술한 바와 같이 어느 하나의 오브젝트 윈도우(170)를 선택하여 이동시킬 경우 내비게이터(220)가 표시되며, 상기 선택된 오브젝트 윈도우(170)를 다른 임의의 타겟 윈도우(150) 상으로 드래그 한 후, 마우스의 선택버튼(예 : 마우스의 좌측 버튼) 클릭을 해제할 경우, 상기 오브젝트 윈도우(170)는 그 상태로 그대로 이동을 멈추고(즉, 타겟 윈도우 상에 드롭되어) 마우스 커서(210)만 이동시킬 수 있다. The navigator 220 is displayed when one of the object windows 170 is selected and moved as described above and the selected object window 170 is dragged onto another arbitrary target window 150, When releasing a click of a selection button (e.g., a left button of a mouse), the object window 170 may stop moving in that state (i.e., dropped on the target window) and move only the mouse cursor 210 .

이에 따라 상기 마우스 커서(210)를 내비게이터(220) 상으로 이동시킨 후, 상기 오브젝트 윈도우(170)를 배치시키기 위한 위치(또는 방향)를 지정한다. 즉 상기 내비게이터(220)에서 기존 타겟 윈도우(150)를 기준으로 상기 오브젝트 윈도우(170)를 배치시키기 위한 상대적인 위치(또는 방향)를 나타내는 화살표(221 ~ 225)를 마우스 커서를 이용하여 선택하고 클릭한다. Accordingly, after the mouse cursor 210 is moved on the navigator 220, a position (or direction) for positioning the object window 170 is designated. That is, in the navigator 220, arrows 221 to 225 indicating relative positions (or directions) for disposing the object window 170 on the basis of the existing target window 150 are selected using a mouse cursor and clicked .

이때 상기 내비게이터(220)의 화살표는 마우스 커서(210)가 위치하거나 클릭될 경우 다른 화살표들의 색상(또는 명암, 모양 등)과 다르게 표시할 수 있으며, 만약 상기 타겟 윈도우(150)의 상, 하, 좌, 우, 또는 중앙 부분 중, 상기 오브젝트 윈도우(170)를 배치할 수 없는 부분을 가리키는 화살표는 비활성화 시킬 수 있다. 이때에는 마우스 커서(210)가 이동하더라도 해당 화살표의 색상이 변하지 않는다. At this time, the arrow of the navigator 220 may be displayed differently from the color (or the contrast, shape, etc.) of the other arrows when the mouse cursor 210 is positioned or clicked, Of the left, right, or center portions, the arrow indicating the portion where the object window 170 can not be placed can be deactivated. At this time, even if the mouse cursor 210 moves, the color of the corresponding arrow does not change.

예컨대 상기 오브젝트 윈도우(170)가 정확히 다중 윈도우의 경계면(예 : 윈도우3과 윈도우5의 경계면)에 위치할 경우 내비게이터(220)의 중앙부가 비활성화 될 수 있다. 또한 타겟 윈도우의 위치나 일 측면의 사이즈가 고정되어 그 해당 측면(예 : 상측)에 오브젝트 윈도우를 배치시킬 수 없을 경우에도 상기 해당 측면(예 : 상측)을 나타내는 화살표를 비활성화 시킬 수 있다. 따라서 사용자는 마우스 커서(210)가 이동될 때 색상이 변하는 부위의 화살표(즉 활성화되는 화살표)가 가리키는 위치(또는 방향)를 선택하여 상기 오브젝트 윈도우(170)를 배치시킬 수 있다.For example, if the object window 170 is located exactly at the interface of multiple windows (e.g., the interface between windows 3 and 5), the center of the navigator 220 may be deactivated. Also, if the position of the target window or the size of one side of the target window is fixed and the object window can not be disposed on the side (e.g., upper side) of the target window, the arrow indicating the side (e.g., upper side) may be inactivated. Accordingly, the user can arrange the object window 170 by selecting the position (or direction) indicated by the arrow of the portion where the color changes when the mouse cursor 210 is moved (that is, the arrow to be activated).

본 실시예에서는 도 2에 도시된 바와 같이, 마우스 커서를 이동하여 상기 내비게이터(220)의 좌측 화살표(223)를 클릭함으로써, 상기 오브젝트 윈도우(170)를 타겟 윈도우(150)의 좌측에 배치시킨다. 만약 내비게이터(220)의 우측(또는 상측, 하측) 화살표(224)를 클릭할 경우에는 상기 오브젝트 윈도우(170)를 타겟 윈도우(150)의 우측(또는 상측, 하측)에 배치시킨다.In this embodiment, the mouse cursor is moved and the left arrow 223 of the navigator 220 is clicked to place the object window 170 on the left side of the target window 150, as shown in FIG. If the right side (or the upper and lower side) arrow 224 of the navigator 220 is clicked, the object window 170 is disposed on the right side (or the upper side and the lower side) of the target window 150.

이때 상기 새로운 위치에 배치되는 오브젝트 윈도우(170)의 사이즈(예 : 길이, 폭)는 상기 타겟 위치에 있던 타겟 윈도우(150), 즉 오브젝트 윈도우의 사이즈는 타겟 윈도우의 사이즈를 추종하여 자동으로 조절된다. At this time, the size (e.g., length and width) of the object window 170 disposed at the new position is automatically adjusted in accordance with the size of the target window 150, that is, the size of the object window 150 .

예컨대 도 2의 (a)와 같이, 상기 오브젝트 윈도우(170)를 타겟 윈도우(150)의 좌측(또는 우측)에 배치할 경우, 상기 새로운 위치에 배치되는 오브젝트 윈도우(170)의 길이는 상기 타겟 윈도우(150)의 길이를 추종하여 동일한 길이로 자동으로 조절되고, 상기 새로운 위치에 배치되는 오브젝트 윈도우(170)의 폭은 상기 타겟 윈도우(150)의 폭과 미리 설정된 일정한 비율(예 : 50:50, 40:60 등)로 분할되어 자동으로 조절된다. 2 (a), when the object window 170 is disposed on the left side (or right side) of the target window 150, the length of the object window 170 disposed at the new position is shorter than the length The width of the object window 170 disposed at the new position is automatically adjusted to the same length following the length of the target window 150 and the width of the object window 170 is set to a predetermined ratio (for example, 50:50, 40:60, etc.) and automatically adjusted.

만약 도 2의 (b)와 같이, 상기 오브젝트 윈도우(170)를 타겟 윈도우(150)의 하측(또는 상측)에 배치할 경우, 상기 새로운 위치에 배치되는 오브젝트 윈도우(170)의 폭은 상기 타겟 윈도우(150)의 폭을 추종하여 동일한 폭으로 자동으로 조절되고, 상기 새로운 위치에 배치되는 오브젝트 윈도우(170)의 길이는 상기 타겟 윈도우(150)의 길이와 미리 설정된 일정한 비율(예 : 50:50, 40:60 등)로 분할되어 자동으로 조절된다.2 (b), when the object window 170 is disposed on the lower side (or the upper side) of the target window 150, the width of the object window 170 disposed at the new position is smaller than the width The length of the object window 170 disposed at the new position is automatically adjusted to the same width following the width of the target window 150 and the length of the target window 150 is set to a predetermined ratio (for example, 50:50, 40:60, etc.) and automatically adjusted.

한편 본 발명에서는 상기 오브젝트 윈도우(170)가 새로운 위치에 배치됨에 따라, 타겟 윈도우(150)의 사이즈가 조절되고, 상기 오브젝트 윈도우(170)가 본래 배치되어 있던 소스 위치의 기존 윈도우(160)의 사이즈가 조절되지만, 다른 다중 윈도우들(예 : 윈도우1 ~ 윈도우4)은 영향을 받지 않고 본래의 위치와 사이즈를 유지할 수 있다. 즉 상기 소스 위치에 있던 기존 윈도우(160)는 상기 오브젝트 윈도우(170)를 새로운 위치로 이동시킴에 따라 생성된 빈 영역만큼 사이즈를 자동으로 더 증가시키는 것이다. In the present invention, the size of the target window 150 is adjusted as the object window 170 is disposed at a new position, and the size of the existing window 160 at the source position where the object window 170 is originally disposed But other multiple windows (e.g., Window 1 to Window 4) are not affected and can maintain their original position and size. That is, the existing window 160 at the source position automatically increases the size of the generated window by moving the object window 170 to a new position.

상기와 같이 오브젝트 윈도우(170)를 새로운 위치로 이동시켜 배치할 경우, 그 오브젝트 윈도우(170)의 사이즈 및 그 오브젝트 윈도우(170)가 본래 위치하고 있던 영역의 소스 윈도우(160)의 사이즈, 그리고 상기 오브젝트 윈도우(170)가 새로 이동된 영역에 위치하고 있던 타겟 윈도우(150)의 사이즈가 자동으로 조절된다. 물론 상기 자동 조절된 다중 윈도우들의 사이즈는 필요 시 사용자가 매뉴얼 방식으로 다시 조절할 수 있다.When the object window 170 is moved to a new position as described above, the size of the object window 170, the size of the source window 160 of the region where the object window 170 originally existed, The size of the target window 150 in which the window 170 is located in the newly moved area is automatically adjusted. Of course, the size of the automatically adjusted multiple windows can be adjusted manually by the user if necessary.

또한 상기 실시예에서는 상기 오브젝트 윈도우(170)를 타겟 윈도우(150)의 일 측면(또는 일 측 경계면)에 배치하는 것에 대해서 설명하였지만, 상기 내비게이터(220)의 중심부(225)를 클릭할 경우에는 상기 오브젝트 윈도우(170)를 상기 타겟 윈도우(150)의 내부에 겹쳐서 표시할 수 있으며, 또한 상기 오브젝트 윈도우를 메인 프레임의 일 측면(또는 일 측 경계면)에 배치할 수도 있다.In the above embodiment, the object window 170 is disposed on one side (or one side) of the target window 150. However, when the center 225 of the navigator 220 is clicked, The object window 170 may be overlaid on the inside of the target window 150 and the object window may be disposed on one side (or one side) of the main frame.

이상으로 상기 내비게이터를 이용해 상기 선택된 오브젝트 윈도우를 타겟 윈도우의 일 측면에 배치하는 과정에 대해서 설명하였다. 이하에서는 상기 사용자 인터페이스 화면에 표시된 다중 윈도우들의 전체적인 레이아웃 구성을 축소시킨 맵을 표시하고, 그 맵을 통해서 상기 다중 윈도우들을 이동시킬 경우에 예상되는 레이아웃 구성을 미리 보여주는 과정에 대해서 설명한다.The process of arranging the selected object window on one side of the target window using the navigator has been described above. Hereinafter, a process of displaying a map in which the overall layout configuration of the multiple windows displayed on the UI screen is reduced and a layout configuration expected when the multiple windows are moved through the map will be described in advance.

도 3은 본 발명의 일 실시예에 관련된 사용자 인터페이스 화면에서 맵을 이용하여 다중 윈도우를 배치하는 과정을 설명하기 위한 예시도이다. 3 is an exemplary diagram illustrating a process of arranging multiple windows using a map in a UI screen according to an embodiment of the present invention.

이에 도시된 바와 같이 맵(230)은 사용자 인터페이스 화면(100)에 포함된 다중 윈도우들의 상대적인 위치와 크기를 이용하여 개략적으로 그 윈도우들의 윤곽만 축소하여 표시해주는 것으로, 오브젝트 윈도우의 이동에 따라 타겟 윈도우를 명확하게 표시해주는 역할을 한다. As shown, the map 230 schematically shows only the contours of the windows using the relative positions and sizes of the multiple windows included in the user interface screen 100, As well as the role of

예컨대 오브젝트 윈도우를 선택하여 임의의 위치로 드래그 할 경우, 그 오브젝트 윈도우에 의해서 사용자 인터페이스 화면이 가려지고, 또한 오브젝트 윈도우의 배치를 위한 타겟 윈도우가 어떤 것인지 정확히 알 수 없는 경우 상기 맵(230)을 통해서 타겟 윈도우를 명확하게 표시하고, 사용자에게는 상기 오브젝트 윈도우를 새로운 위치에 배치함에 따라 예상되는 사용자 인터페이스 화면의 전체적인 레이아웃의 구성을 미리 직관적으로 알 수 있도록 한다.For example, when an object window is selected and dragged to an arbitrary position, the user interface screen is covered by the object window, and if it is not known exactly what the target window is for the placement of the object window, The target window is clearly displayed and the user can intuitively know the configuration of the overall layout of the user interface screen predicted by arranging the object window at a new position.

상기 맵(230)은 오브젝트 윈도우를 이동시키는 도중에 표시되는 것이 바람직하지만, 오브젝트 윈도우가 정지되는 순간에 표시할 수도 있다. 또한 맵(230)에서 타겟 윈도우(231)의 색상(또는 명암, 모양)을 다른 윈도우와 구별되게 표시할 수 있으며, 만약 오브젝트 윈도우가 위치하고 있는 임의의 윈도우의 위치나 사이즈가 고정되어 그 윈도우의 일 측면에 상기 오브젝트 윈도우를 배치할 수 없을 경우(즉 타겟 윈도우로 선택될 수 없는 경우)에는 맵(230)에 타겟 윈도우를 표시하지 않는다. 이때 간단하게 텍스트나 그래픽 방식으로 오브젝트 윈도우를 배치할 수 없는 이유를 안내하는 메시지를 표시할 수 있다. 한편 상기 맵(230)에 타겟 윈도우(231)를 표시할 때, 사용자 인터페이스 화면(100)의 타겟 윈도우의 색상(또는 명암, 경계선의 모양)도 다른 윈도우와 구별되게 표시할 수 있다.The map 230 is preferably displayed while moving the object window, but may be displayed at the moment when the object window is stopped. In addition, it is possible to display the color (or the shade, shape) of the target window 231 differently from other windows in the map 230. If the position and size of an arbitrary window in which the object window is located are fixed, The target window is not displayed on the map 230 when the object window can not be disposed on the side (i.e., can not be selected as the target window). At this time, it is possible to display a message informing why the object window can not be laid out simply by text or graphical method. Meanwhile, when the target window 231 is displayed on the map 230, the color (or the shape of the border) of the target window of the user interface screen 100 may be displayed so as to be distinguished from other windows.

또한 상기 맵(230)은 내비게이터(220)와 순차로 표시할 수 있다. 예컨대 오브젝트 윈도우를 이동시키는 도중에는 맵(230)을 표시하고, 오브젝트 윈도우의 이동을 정지시킬 경우(즉, 드롭 할 경우)에는 내비게이터(220)를 표시할 수 있다. 이에 따라 오브젝트 윈도우를 이동시키는 도중에는 맵(230)을 통해서 타겟 윈도우를 명확하게 확인할 수 있으며, 원하는 타겟 윈도우가 있는 위치로 오브젝트 윈도우를 이동시킨 후에는 내비게이터(220)를 통해서 상기 타겟 윈도우의 일 측면에 상기 오브젝트 윈도우를 배치시키는 것이다.In addition, the map 230 can be displayed sequentially with the navigator 220. For example, the map 230 may be displayed while the object window is being moved, and the navigator 220 may be displayed when the movement of the object window is stopped (i.e., when the object window is dropped). Accordingly, the target window can be clearly confirmed through the map 230 during the movement of the object window. After the object window is moved to the position where the desired target window is located, the object window is moved to the one side of the target window through the navigator 220 And places the object window.

이상으로 사용자 인터페이스 화면의 레이아웃 구성을 미리 보여주는 맵을 통해서 오브젝트 윈도우를 이동시키는 과정에 대해서 설명하였다. 이하 상기 사용자 인터페이스 화면에서 윈도우를 이동시키고 정렬하는 장치에 대해서 설명한다.The process of moving the object window through the map showing the layout configuration of the user interface screen has been described above. Hereinafter, an apparatus for moving and aligning windows on the UI screen will be described.

도 4는 본 발명의 일 실시예에 따른 사용자 인터페이스 화면에서 윈도우 정렬 장치의 구성을 보인 예시도이다.4 is a diagram illustrating a configuration of a window sorting apparatus in a user interface screen according to an embodiment of the present invention.

이에 도시된 바와 같이 윈도우 정렬 장치(300)는 다중 윈도우들이 포함된 사용자 인터페이스 화면에서 사용자에 의해 선택되는 윈도우(즉, 오브젝트 윈도우)를 검출하는 오브젝트 윈도우 검출부(310), 상기 오브젝트 윈도우의 이동에 따라 상기 오브젝트 윈도우의 배치에 관련된 부가정보를 출력하는 부가정보 출력부(320), 상기 오브젝트 윈도우의 배치를 지정할 기준이 되는 타겟 윈도우를 검출하는 타겟 윈도우 검출부(330), 상기 오브젝트 윈도우를 상기 타겟 윈도우를 기준으로 지정된 위치에 배치시키는 오브젝트 윈도우 배치부(340), 상기 오브젝트 윈도우를 지정된 위치에 배치하고 정렬시키기 위하여 상기 타겟 윈도우 및 오브젝트 윈도우의 사이즈를 조절하는 윈도우 사이즈 조절부(350)를 포함한다.As shown, the window sorting apparatus 300 includes an object window detecting unit 310 for detecting a window (i.e., an object window) selected by a user on a user interface screen including multiple windows, An additional information output unit 320 for outputting additional information related to the arrangement of the object window, a target window detection unit 330 for detecting a target window to which a placement of the object window is to be designated, And a window size adjuster 350 for adjusting the size of the target window and the object window to arrange and arrange the object window at a specified position.

상기 오브젝트 윈도우 검출부(310)는 상기 사용자 인터페이스 화면에 표시된 다중 윈도우들 중 사용자가 선택하는 어느 하나의 윈도우(즉, 오브젝트 윈도우)를 검출한다. 상기 오브젝트 윈도우는 마우스, 리모컨, 키보드, 터치, 또는 음성 중 적어도 어느 한 가지 방식으로 선택될 수 있다. 또한 상기 오브젝트 윈도우 검출부(310)는 상기 선택된 오브젝트 윈도우의 이동(즉, 드래그), 그 오브젝트 윈도우가 이동되고 있는 위치(또는 방향) 및 그 이동되고 있던 오브젝트 윈도우의 멈춤(즉, 드롭) 동작을 검출한다.The object window detection unit 310 detects any one window (i.e., an object window) selected by the user among multiple windows displayed on the UI screen. The object window may be selected from at least one of a mouse, a remote controller, a keyboard, a touch, and a voice. The object window detection unit 310 detects the movement (i.e., dragging) of the selected object window, the position (or direction) where the object window is moved and the stop (i.e., drop) do.

상기 부가정보 출력부(320)는 상기 검출된 각 동작에 따라 상기 오브젝트 윈도우의 배치에 관련된 부가정보를 출력한다. 상기 부가정보는 상기 오브젝트 윈도우를 배치할 위치(또는 방향)를 지정하는 내비게이터, 상기 다중 윈도우들의 레이아웃 구성을 축소하여 표시하는 맵을 포함한다. 이때 상기 맵 출력을 위한 매퍼를 구성 수단으로서 더 포함할 수 있다. The additional information output unit 320 outputs additional information related to the arrangement of the object windows according to the detected operations. The additional information includes a navigator for specifying a position (or direction) of the object window, and a map for reducing the layout of the multiple windows. At this time, it may further comprise a mapper for outputting the map.

예컨대 상기 오브젝트 윈도우의 이동이 시작될 경우 맵(또는 내비게이터)을 표시하고, 이동되고 있는 위치에 따라 상기 맵 상에 타겟 윈도우를 표시하며, 상기 오브젝트 윈도우의 이동이 멈출 경우(즉, 드롭 될 경우) 그 오브젝트 윈도우의 배치 위치(즉, 타겟 윈도우를 기준으로 하는 상대적인 배치 위치)를 지정할 수 있는 내비게이터를 표시하는 것이다. 만약 오브젝트의 윈도우를 배치할 수 없는 위치(또는 방향)에 드래그&드롭 될 경우에는 오브젝트의 윈도우의 배치가 불가한 위치임을 나타내는 부가정보(예 : 안내 메시지)를 표시할 수 있다. For example, when the movement of the object window starts, a map (or a navigator) is displayed, a target window is displayed on the map according to the moved position, and when the movement of the object window is stopped To display a navigator that can specify the placement position of the object window (i.e., a relative placement position relative to the target window). In the case where the object is dragged and dropped in a position (or direction) where the window of the object can not be disposed, additional information (e.g., a guidance message) indicating that the window of the object can not be arranged can be displayed.

이때 상기 부가정보들(예 : 내비게이터, 맵, 안내 메시지 등)은 일 예로서 기재된 것이며, 다른 형태의 부가정보들을 표시하는 것도 가능하다.At this time, the additional information (e.g., a navigator, a map, a guidance message, etc.) is described as an example, and it is also possible to display other types of additional information.

상기 타겟 윈도우 검출부(330)는 상기 오브젝트 윈도우가 드래그&드롭 된 위치에 있는 윈도우를 타겟 윈도우로 검출한다. 따라서 상기 타겟 윈도우는 오브젝트 윈도우가 적어도 50% 이상 겹쳐지거나, 상기 오브젝트 윈도우를 드래그하고 있는 마우스 커서가 있는 윈도우가 타겟 윈도우로 검출될 수 있다. 실질적으로 상기 타겟 윈도우는 상기 오브젝트 윈도우가 배치될 위치에 있는 윈도우로서, 그 타겟 윈도우의 일 측면 사이즈를 축소하고, 그 축소된 영역에 오브젝트 윈도우를 배치하게 된다.The target window detection unit 330 detects a window at the position where the object window is dragged and dropped as a target window. Accordingly, the target window may overlap the object window by at least 50%, or a window in which the mouse cursor is dragging the object window may be detected as the target window. The target window is substantially a window at a position where the object window is to be disposed. The object window is reduced in one side size of the target window, and the object window is disposed in the reduced area.

상기 부가정보 출력부(320)에서 출력된 내비게이터를 통해서, 상기 타겟 윈도우를 기준으로, 상기 오브젝트 윈도우를 배치할 상대적인 위치가 지정되면, 윈도우 사이즈 조절부(350)는 상기 내비게이터에서 지정된 상기 타겟 윈도우의 일 측면(즉, 일 측 경계면)의 사이즈를 미리 설정된 비율만큼 축소시킨다. If a relative position to arrange the object window on the basis of the target window is designated through the navigator output from the additional information output unit 320, the window size adjuster 350 adjusts the window size of the target window The size of one side (i.e., one side boundary surface) is reduced by a predetermined ratio.

그리고 상기 오브젝트 윈도우 배치부(340)는 상기 타겟 윈도우가 축소되어 발생된 영역에 상기 오브젝트 윈도우를 배치한다. The object window arrangement unit 340 arranges the object window in an area where the target window is reduced.

이때 상기 윈도우 사이즈 조절부(350)는 상기 배치되는 오브젝트 윈도우의 사이즈(특히 타겟 윈도우와 접하고 있는 오브젝트 윈도우의 경계면의 길이 또는 폭)를 타겟 윈도우와 동일하게 조절한다. 그리고 상기 윈도우 사이즈 조절부(350)는 상기 오브젝트 윈도우가 새로 배치되어 발생된 빈 영역(즉, 오브젝트 윈도우가 이전에 배치되어 있던 소스 위치의 영역)만큼 소스 윈도우의 사이즈를 증가시킨다. 상기와 같이 윈도우 사이즈 조절부(350)는 상기 오브젝트 윈도우, 타겟 윈도우 및 소스 윈도우의 사이즈를 조절하여 인접한 다른 윈도우와 영역이 서로 겹치지 않고, 또한 인접한 다른 윈도우와의 경계면에 빈 공간이 발생되지 않도록 밀착시킨다. At this time, the window size adjuster 350 adjusts the size of the disposed object window (in particular, the length or width of the interface between the object window and the target window) to be the same as the target window. The window size adjuster 350 increases the size of the source window by the empty area generated by newly arranging the object window (i.e., the area of the source position where the object window was previously disposed). As described above, the window size adjuster 350 adjusts the size of the object window, the target window, and the source window so that adjacent windows do not overlap with each other, .

상기 효과는 마치 자석(또는 도킹) 기능과 비슷해 보이지만, 자석 기능은 인접한 다른 윈도우에서 오브젝트 윈도우를 자동으로 끌어당겨 부착시키는 효과가 있지만, 본 발명에서는 타겟 윈도우가 오브젝트 윈도우를 끌어당기는 것이 아니라, 오브젝트 윈도우를 타겟 윈도우에서 만든 빈 영역의 사이즈에 맞게 맞춤형 사이즈로 조절하여 그 빈 영역에 끼워 넣는 효과가 있는 것으로 차이가 있다.Although the effect is similar to a magnet (or docking) function, the magnet function has the effect of automatically dragging and attaching the object window in another adjacent window, but in the present invention, the target window does not pull the object window, Is adjusted to a customized size in accordance with the size of the blank area created in the target window, and is inserted into the blank area.

참고로 상기 타겟 윈도우와 소스 윈도우를 구분하는 기준은 오브젝트 윈도우와 접하고 있는(또는 공유하고 있는) 윈도우의 경계면 길이(또는 폭)가 동일한 것으로서, 오브젝트 윈도우가 이전에 배치되어 있던 위치에서 경계면이 접하고 있던 윈도우가 소스 윈도우가 되고, 오브젝트 윈도우가 새로 배치될 위치에서 경계면이 접하게 될 윈도우가 타겟 윈도우가 되는 것이다.For reference, the criterion for distinguishing the target window from the source window is that the interface length (or width) between the object window and the adjacent (or shared) window is the same, and the boundary between the target window and the source window The window becomes the source window, and the window in which the boundary surface is to be encountered becomes the target window at the position where the object window is newly arranged.

상기와 같이 다중 윈도우가 포함된 사용자 인터페이스 화면에서 특정 윈도우(즉, 오브젝트 윈도우)를 선택하여 다른 위치로 재배치할 경우, 본 발명에 따른 윈도우 정렬 장치는 오브젝트 윈도우의 이동에 따라 그에 관련된 다른 윈도우(예 : 타겟 윈도우, 소스 윈도우)의 사이즈를 자동으로 조절하여 빈 영역이 발생되지 않도록 윈도우를 정렬시키게 된다. In the case where a specific window (i.e., an object window) is selected and relocated to a different position in the user interface screen including multiple windows as described above, the window sorting apparatus according to the present invention searches for another window : Target window, source window) is automatically adjusted so that the window is aligned so as not to generate an empty area.

이하 상기와 같이 구성된 윈도우 정렬 장치의 제어방법에 대해 설명한다.Hereinafter, a control method of the window sorting apparatus constructed as above will be described.

도 5는 본 발명의 일 실시예에 따른 사용자 인터페이스 화면에서 윈도우 정렬 방법을 설명하기 위한 흐름도로서, 이에 도시된 바와 같이 다중 윈도우들이 포함된 임의의 어플리케이션 프로그램의 사용자 인터페이스 화면이 디스플레이 수단에 표시되어 있다고 가정한다(S101).FIG. 5 is a flowchart illustrating a window sorting method in a user interface screen according to an exemplary embodiment of the present invention. As shown in FIG. 5, a user interface screen of an application program including multiple windows is displayed on the display means (S101).

이에 따라 윈도우 정렬 장치는 상기 사용자 인터페이스 화면에 포함된 다중 윈도우들 중 사용자가 선택하는 적어도 어느 하나의 윈도우(이하, 오브젝트 윈도우)를 검출한다(S102). 여기서 상기 오브젝트 윈도우는 마우스, 리모컨, 키보드, 터치, 또는 음성 중 적어도 어느 한 가지 방식으로 선택될 수 있다.Accordingly, the window sorting apparatus detects at least one window (hereinafter referred to as an object window) selected by the user among the multiple windows included in the user interface screen (S102). Here, the object window may be selected from at least one of a mouse, a remote control, a keyboard, a touch, and a voice.

그리고 상기 선택된 오브젝트 윈도우의 이동(즉, 드래그), 그 오브젝트 윈도우가 이동되고 있는 위치(또는 방향) 및 그 이동되고 있던 오브젝트 윈도우의 멈춤(즉, 드롭) 동작을 검출한다(S103).In operation S103, the selected object window is moved (i.e., dragged), the position (or direction) where the object window is moved, and the stop (i.e., dropped) operation of the object window.

그리고 상기 검출된 각 동작 단계에 따라 상기 오브젝트 윈도우의 배치에 관련된 부가정보를 출력한다(S104). In operation S104, additional information related to the arrangement of the object windows is output according to the detected operation steps.

이에 따라 사용자는 상기 부가정보들 중 내비게이터를 이용하여 상기 오브젝트 윈도우의 배치 위치(즉, 타겟 윈도우를 기준으로 하는 상대적인 배치 위치)를 상기 타겟 윈도우의 일 측면(즉, 일 측 경계면)으로 지정한다(S105). Accordingly, the user designates the placement position of the object window (i.e., the relative placement position with respect to the target window) as one side (i.e., one side boundary) of the target window using the navigator among the additional information S105).

예컨대 상기 내비게이터에서 위치(또는 방향)를 지시하는 화살표를 선택하여, 그 선택된 위치에 해당하는 타겟 윈도우의 일 측면에 상기 오브젝트 윈도우를 배치한다. 이때 상기 오브젝트 윈도우는 타겟 윈도우에 겹치지 않고, 또한 상기 타겟 윈도우와의 경계면에 빈 공간이 발생되지 않도록 밀착시킨다. For example, an arrow indicating the position (or direction) is selected in the navigator, and the object window is arranged on one side of the target window corresponding to the selected position. At this time, the object window does not overlap the target window, and the object window is brought into close contact with the target window so that no void space is generated.

상기와 같이 오브젝트 윈도우를 배치할 위치(즉, 타겟 윈도우를 기준으로 하는 상대적인 배치 위치)가 지정되면, 상기 지정된 위치에 오브젝트 윈도우를 배치할 영역이 발생하도록 타겟 윈도우의 사이즈를 축소하고(S106), 그 타겟 윈도우의 사이즈가 축소되어 발생된 빈 영역에 상기 오브젝트 윈도우를 배치한다(S107). When the position to which the object window is to be disposed (that is, the relative placement position based on the target window) is designated as described above, the size of the target window is reduced so that an area to place the object window at the specified position is generated (S106) The object window is arranged in the empty area generated by reducing the size of the target window (S107).

이때 상기 오브젝트 윈도우와 상기 타겟 윈도우의 사이즈 축소 비율(즉, 영역 배치 비율)은 미리 설정될 수 있다. At this time, the size reduction ratio (i.e., area allocation ratio) of the object window and the target window can be set in advance.

다시 말해 본래 타겟 윈도우만 표시되던 영역에 오브젝트 윈도우를 추가로 표시해야 되므로 상기 타겟 윈도우만 표시되던 영역을 미리 설정된 비율로 두 영역(예 : 오브젝트 윈도우 영역, 타겟 윈도우 영역)으로 나누어 표시하는 것이다. 즉 본래 하나의 윈도우(예 : 타겟 윈도우)를 표시하던 영역에 두 개의 윈도우(예 : 오브젝트 윈도우 영역, 타겟 윈도우 영역)를 표시하므로 상기 오브젝트 윈도우와 타겟 윈도우의 사이즈는 이전보다 더 작아질 수 있다. In other words, since an object window is additionally displayed in an area where only the target window is displayed, the area in which only the target window is displayed is divided into two areas (for example, an object window area and a target window area) at a predetermined ratio. In other words, two windows (for example, an object window area and a target window area) are displayed in an area that originally displayed one window (e.g., a target window), so that the size of the object window and the target window can be smaller than before.

그리고 상기 타겟 윈도우와 접하고 있는 오브젝트 윈도우의 경계면의 길이를 상기 타겟 윈도우의 경계면 길이와 동일하도록 조절하고(S108), 상기 오브젝트 윈도우가 새로 배치되어 발생된 빈 영역(즉, 오브젝트 윈도우가 이전에 배치되어 있던 소스 위치의 영역)만큼 소스 윈도우의 사이즈를 증가시킨다(S109). 이에 따라 본 발명은 다중 윈도우들 중 어느 특정 윈도우를 재배치할 경우 자동으로 인접 윈도우들의 사이즈를 조절하여 레이아웃 구성을 정렬시켜주게 된다.Then, the control unit adjusts the length of the interface between the object window and the target window to be equal to the interface length of the target window in step S108. If the object window is newly disposed, The size of the source window is increased by the size of the source window (S109). Accordingly, when rearranging a specific window among multiple windows, the size of adjacent windows is automatically adjusted to arrange the layout configuration.

상기와 같이 본 발명은 도면에 도시된 실시예를 참고로 하여 설명되었으나, 이는 예시적인 것에 불과하며, 당해 기술이 속하는 분야에서 통상의 지식을 가진 자라면 이로부터 다양한 변형 및 균등한 타 실시예가 가능하다는 점을 이해할 것이다. 따라서 본 발명의 기술적 보호범위는 아래의 특허청구범위에 의해서 정하여져야 할 것이다.
While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims. I will understand that. Accordingly, the technical scope of the present invention should be defined by the following claims.

100 : 사용자 인터페이스 화면 110 ~ 170 : 다중 윈도우
210 : 마우스 커서 220 : 내비게이터
230 : 맵 300 : 윈도우 정렬 장치
310 : 오브젝트 윈도우 검출부 320 : 부가정보 출력부
330 : 타겟 윈도우 검출부 340 : 오브젝트 윈도우 배치부
350 : 윈도우 사이즈 조절부100: User interface screen 110 to 170: Multiple windows
210: Mouse cursor 220: Navigator
230: map 300: window alignment device
310: Object window detection unit 320: Additional information output unit
330: target window detection unit 340: object window arrangement unit
350: Window size adjusting section

Claims (16)

사용자 인터페이스 화면에 포함된 다중 윈도우들의 정렬 방법에 있어서,
상기 다중 윈도우들 중 선택되는 어느 하나의 윈도우를 오브젝트 윈도우로서 검출하는 제1 단계;
상기 오브젝트 윈도우의 드래그, 드래그 위치나 방향 및 드롭 동작을 검출하는 제2 단계;
상기 검출된 각 동작에 따라 상기 오브젝트 윈도우의 배치에 관련된 부가정보를 출력하는 제3 단계;
상기 부가정보를 이용하여 상기 오브젝트 윈도우를 배치할 위치를 타겟 윈도우를 기준으로 지정하는 제4 단계; 및
상기 지정된 타겟 윈도우의 일 측면에 상기 오브젝트 윈도우를 배치하는 제5 단계;를 포함하며,
상기 부가정보는 상기 오브젝트 윈도우를 배치할 위치 또는 방향을 지정하는 내비게이터인 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.A method for aligning multiple windows included in a user interface screen,
A first step of detecting any one of the plurality of windows as an object window;
A second step of detecting a drag, a drag position, a direction and a drop operation of the object window;
A third step of outputting additional information related to the arrangement of the object windows according to each of the detected operations;
A fourth step of designating a position of the object window based on the target window using the additional information; And
And placing the object window on one side of the designated target window,
Wherein the additional information is a navigator that specifies a position or direction of the object window. 청구항 1에 있어서,
상기 부가정보는,
상기 다중 윈도우들의 레이아웃 구성을 축소하여 표시하는 맵, 오브젝트의 윈도우를 배치할 수 없는 위치에 드래그&드롭 될 경우에는 오브젝트의 윈도우의 배치가 불가한 위치임을 나타내는 안내 메시지, 또는 그들의 조합 중 어느 하나를 더 포함하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.The method according to claim 1,
The additional information,
A guidance message indicating that the window of the object can not be arranged when the window of the object is dragged and dropped to a position where the window of the object can not be arranged, The method comprising the steps of: 청구항 1에 있어서,
상기 제4 단계는,
상기 타겟 윈도우의 상, 하, 좌, 우 경계면, 또는 중앙부 중 어느 일 측면을 지정하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.The method according to claim 1,
In the fourth step,
Wherein one of the upper, lower, left, right, and center portions of the target window is designated. 청구항 1에 있어서,
상기 오브젝트 윈도우를 배치할 위치가 지정되면, 상기 지정된 위치에 오브젝트 윈도우를 배치할 영역을 생성하기 위하여, 상기 타겟 윈도우의 길이나 폭을 축소하는 제6 단계;를 더 포함하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.
The method according to claim 1,
Further comprising a sixth step of reducing the length or the width of the target window in order to create an area for disposing the object window at the designated position when a position to place the object window is designated, How to sort windows on screen.
청구항 1에 있어서,
상기 지정된 위치에 배치된 오브젝트 윈도우와 접하고 있는 타겟 윈도우의 경계면의 길이를 동일하게 하기 위하여, 상기 오브젝트 윈도우의 해당 경계면의 길이나 폭을 조절하는 제7 단계;를 더 포함하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.
The method according to claim 1,
Further comprising a seventh step of adjusting a length or a width of a corresponding interface of the object window in order to make the length of the interface between the object window disposed at the designated position and the target window adjacent to the designated object window equal to each other, How to sort windows on screen.
청구항 1에 있어서,
상기 오브젝트 윈도우가 배치된 후, 상기 드래그와 드롭 이전에 그 오브젝트 윈도우가 배치되어 있던 위치에 접하고 있던 소스 윈도우의 사이즈를 증가시키는 제8 단계;를 더 포함하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.
The method according to claim 1,
Further comprising the step of increasing the size of the source window adjacent to the position where the object window was disposed before the drag and drop after the object window is disposed. Way.
청구항 1에 있어서,
상기 제5 단계는,
상기 오브젝트 윈도우가 타겟 윈도우 영역에 겹치지 않고, 또한 상기 타겟 윈도우와의 경계면에 빈 공간이 발생되지 않도록 밀착시켜 배치하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.The method according to claim 1,
In the fifth step,
Wherein the object window is disposed in close contact with the target window area so as not to overlap the target window area and to prevent an empty space from being generated at the interface with the target window. 청구항 4에 있어서,
상기 타겟 윈도우는,
미리 설정된 타겟 윈도우의 축소 비율이나 배치 비율에 따라, 상기 타겟 윈도우만 표시되던 영역의 길이나 폭을 축소 또는 분할하여, 상기 오브젝트 윈도우를 표시하기 위한 영역을 생성하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.The method of claim 4,
Wherein the target window comprises:
Wherein an area for displaying the object window is created by reducing or dividing a length or a width of an area in which only the target window is displayed according to a reduction ratio or an arrangement ratio of a preset target window, How to sort. 청구항 1에 있어서,
상기 오브젝트 윈도우는,
그 오브젝트 윈도우의 제목 표시줄 및 그 오브젝트 윈도우의 텍스트 영역과 정보입력 영역을 제외한 나머지 모든 영역에서 윈도우를 선택하여 드래그 할 수 있는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.The method according to claim 1,
Wherein the object window comprises:
And a window can be selected and dragged in all areas except the title bar of the object window and the text area and the information input area of the object window. 청구항 1에 있어서,
상기 부가정보는,
상기 선택된 오브젝트 윈도우 영역 중 마우스 커서에 접하거나 그 마우스 커서로부터 기 설정된 특정거리 이내로 가깝게 표시하며, 상기 오브젝트 윈도우의 이동에 따라 사용자 인터페이스 화면의 밖으로 벗어나지 않는 범위에서 유동적으로 그 위치를 변경하여 표시하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.The method according to claim 1,
The additional information,
And displays the object window in a close range within a predetermined distance from the mouse cursor or to change its position in a range that does not deviate out of the user interface screen according to the movement of the object window Features a user interface screen on the window sorting method. 청구항 2에 있어서,
상기 내비게이터는,
오브젝트 윈도우의 위치를 지정할 수 방향의 화살표를 활성화시켜 선택 가능하게 표시하고, 상기 맵은 오브젝트 윈도우의 위치를 지정할 수 있는 타겟 윈도우의 색상, 명암, 또는 외곽선 모양을 다른 윈도우와 구별되게 표시하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 방법.The method of claim 2,
Wherein the navigator comprises:
The map displays the color, contrast, or outline shape of the target window, which can designate the position of the object window, in a manner distinguishable from other windows, by activating an arrow in a direction to specify the position of the object window. How to sort the windows on the user interface screen. 다중 윈도우들이 포함된 사용자 인터페이스 화면에서 사용자에 의해 선택되는 윈도우를 오브젝트 윈도우로서 검출하는 오브젝트 윈도우 검출부;
상기 오브젝트 윈도우의 이동에 따라 상기 오브젝트 윈도우의 배치에 관련된 부가정보를 출력하는 부가정보 출력부;
상기 오브젝트 윈도우의 배치를 지정할 기준이 되는 타겟 윈도우를 검출하는 타겟 윈도우 검출부;
상기 오브젝트 윈도우를 상기 타겟 윈도우를 기준으로 지정된 위치에 배치시키는 오브젝트 윈도우 배치부; 및
상기 오브젝트 윈도우를 지정된 위치에 배치하고 정렬시키기 위하여 상기 타겟 윈도우 및 오브젝트 윈도우의 사이즈를 조절하는 윈도우 사이즈 조절부;를 포함하며,
상기 부가정보는 상기 오브젝트 윈도우를 배치할 위치 또는 방향을 지정하는 내비게이터인 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 장치.An object window detection unit for detecting a window selected by a user as an object window on a user interface screen including multiple windows;
An additional information output unit for outputting additional information related to the arrangement of the object window according to the movement of the object window;
A target window detection unit for detecting a target window to which a placement of the object window is to be designated;
An object window arrangement unit for arranging the object window at a designated position with respect to the target window; And
And a window size adjuster for adjusting the size of the target window and the object window to arrange and arrange the object window at a specified position,
Wherein the additional information is a navigator for specifying a position or direction of the object window. 청구항 12에 있어서,
상기 오브젝트 윈도우 검출부는,
상기 선택된 오브젝트 윈도우의 드래그, 드래그 위치나 방향 및 드롭 동작을 검출하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 장치.The method of claim 12,
Wherein the object window detection unit comprises:
And detects a drag, a drag position, a direction, and a drop operation of the selected object window. 청구항 12에 있어서,
상기 부가정보 출력부는,
상기 오브젝트 윈도우를 배치할 위치 또는 방향을 지정하는 내비게이터, 상기 다중 윈도우들의 레이아웃 구성을 축소하여 표시하는 맵, 오브젝트의 윈도우를 배치할 수 없는 위치에 드래그&드롭 될 경우에는 오브젝트의 윈도우의 배치가 불가한 위치임을 나타내는 안내 메시지, 또는 그들의 조합 중 어느 하나를 포함하는 부가정보를 출력하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 장치.The method of claim 12,
Wherein the additional information output unit comprises:
A navigator for designating a position or direction for arranging the object window, a map for displaying a reduced layout of the multiple windows, and an object window can not be arranged when the object is dragged and dropped at a position where the window can not be arranged A position information, a position information, a guidance message indicating a position, or a combination thereof. 청구항 12에 있어서,
상기 윈도우 사이즈 조절부는,
상기 오브젝트 윈도우가 배치된 후, 상기 타겟 윈도우와 접하고 있는 오브젝트 윈도우의 경계면의 길이 또는 폭을 상기 타겟 윈도우와 동일하게 조절하고,
또한 그 이전에 상기 오브젝트 윈도우가 배치되어 있던 위치에 접하고 있던 소스 윈도우의 길이 또는 폭을 증가시켜 조절하는 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 장치.The method of claim 12,
Wherein the window size adjuster comprises:
And adjusting the length or the width of the interface between the object window and the object window adjacent to the target window to be the same as the target window after the object window is disposed,
And adjusting a length or a width of a source window that has been in contact with a position at which the object window was previously disposed. 청구항 15에 있어서,
상기 타겟 윈도우와 소스 윈도우는,
오브젝트 윈도우와 접하거나 공유하고 있는 윈도우의 경계면 길이 또는 폭이 동일한 것으로서, 오브젝트 윈도우가 이전에 배치되어 있던 위치에서 경계면에 접하고 있던 윈도우가 소스 윈도우이고, 오브젝트 윈도우가 새로 배치될 위치에서 경계면에 접하게 될 윈도우가 타겟 윈도우인 것을 특징으로 하는 사용자 인터페이스 화면에서 윈도우 정렬 장치.16. The method of claim 15,
Wherein the target window and the source window are <
The window that is in contact with or sharing the object window has the same length or the same width as the window, and the window that was in contact with the interface at the position where the object window was previously disposed is the source window, Wherein the window is a target window.
KR1020130024215A 2013-03-07 2013-03-07 A method and apparatus for aligning windows in a user interface screen KR101466211B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130024215A KR101466211B1 (en) 2013-03-07 2013-03-07 A method and apparatus for aligning windows in a user interface screen

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130024215A KR101466211B1 (en) 2013-03-07 2013-03-07 A method and apparatus for aligning windows in a user interface screen

Publications (2)

Publication Number Publication Date
KR20140110237A KR20140110237A (en) 2014-09-17
KR101466211B1 true KR101466211B1 (en) 2014-11-27

Family

ID=51756328

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130024215A KR101466211B1 (en) 2013-03-07 2013-03-07 A method and apparatus for aligning windows in a user interface screen

Country Status (1)

Country Link
KR (1) KR101466211B1 (en)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016047824A1 (en) * 2014-09-25 2016-03-31 엘지전자 주식회사 Image information projection device and projection device control method
US10210598B2 (en) 2015-06-17 2019-02-19 Samsung Electronics Co., Ltd. Electronic device for displaying a plurality of images and method for processing an image
CN109116971B (en) * 2018-09-06 2021-05-07 Oppo广东移动通信有限公司 Free window control method and system and android mobile terminal
KR102273999B1 (en) * 2019-08-13 2021-07-06 이시완 System for providing guidance interface based on touch gesture and the method thereof
CN114640816A (en) * 2020-12-15 2022-06-17 广州迈聆信息科技有限公司 Video window display method and device of video conference and video conference system

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07334338A (en) * 1994-06-10 1995-12-22 Pfu Ltd Window controller
JP2003280630A (en) * 2002-03-20 2003-10-02 Toshiba Corp Information processor and display control method used for the processor
KR20100056594A (en) * 2008-11-20 2010-05-28 후지제롯쿠스 가부시끼가이샤 Workspace management method, workspace management system, and computer readable medium

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07334338A (en) * 1994-06-10 1995-12-22 Pfu Ltd Window controller
JP2003280630A (en) * 2002-03-20 2003-10-02 Toshiba Corp Information processor and display control method used for the processor
KR20100056594A (en) * 2008-11-20 2010-05-28 후지제롯쿠스 가부시끼가이샤 Workspace management method, workspace management system, and computer readable medium

Also Published As

Publication number Publication date
KR20140110237A (en) 2014-09-17

Similar Documents

Publication Publication Date Title
KR101466211B1 (en) A method and apparatus for aligning windows in a user interface screen
KR102030754B1 (en) Image edting apparatus and method for selecting region of interest
CN101833392B (en) Information processing apparatus, information processing method and program
KR101720356B1 (en) Bi-modal multiscreen interactivity
KR102091235B1 (en) Apparatus and method for editing a message in a portable terminal
US10031900B2 (en) Range adjustment for text editing
US20210219150A1 (en) Signal distribution interface
US8234568B2 (en) Selecting image arrangement regions based on number of users
US20130080951A1 (en) Device and method for moving icons across different desktop screens and related computer readable storage media comprising computer executable instructions
RU2015126773A (en) USER TERMINAL AND METHOD FOR MANAGING THEM
KR101960305B1 (en) Display device including a touch screen and method for controlling the same
WO2011112533A1 (en) Method for managing non-overlapping windows
CN105094499A (en) Intelligent mobile terminal and processing method for application windows thereof
CN107000972B (en) System and method for initiating elevator service by typing an elevator call
CN104571679B (en) Touch control method and electronic device
TW201508428A (en) Program for compiling program
CN110546605B (en) Program development support device, program development support method, and storage medium
JP5116906B1 (en) PLC design equipment
US11681414B2 (en) Command display control method, computer-readable medium and apparatus
JP2007179486A (en) Information processor, control method of information processor and program
CN102999258B (en) Electronic device and method for rapidly positioning menu option
JP2008009831A (en) Window control method and information processor
JP2006185025A (en) Window display control method and program
US10025884B1 (en) Manipulation tool for offset surface of a simulation model
KR101933886B1 (en) Program developer and object editing method

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
N231 Notification of change of applicant
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20171016

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee