TW201113800A - System for displaying software icon and software executed result which are separated, interface, and method thereof - Google Patents

Abstract

A system for displaying a software icon and a software executed result which are separated, an interface and a method thereof are provided. By defining an icon area and an executing area in a user interface, setting up an icon at any location in the icon area, and providing a display range which is included the executing area to a software corresponding with the icon for displaying an executed result which is generated by the software in the display range, the system and the method can revise user interface easily for developer, and achieve the effect of tuning up user interface for user in within certain limits.

Description

201113800 VI. Description of the Invention: [Technical Field] The present invention relates to a display system, an interface and a method thereof, and more particularly to a system, an interface and a method thereof for separating and displaying a program icon and a program execution result. • [Prior technology]

The user interface (UserInterface, UI) is the medium for information exchange between the computer software and hardware and the user. The fields of information exchange between humans and machinery are in the user interface. The user interface enables the user to conveniently and efficiently perform computer hardware and software to achieve two-way interaction, and accomplish what he wants to do with the computer: Users and computer software and hardware generally interact with restricted natural language, but with the popularity of S (four) system, the current user interface is mostly the second user interface (Graphics User Interface (GUI)). Way to present. The way the graphical user introduces the money, helps the user to conveniently output the command, initiate the secret, and display the result of the operation to the user in _ mode. The side-by-side order eliminates the need to use the word-language interface. ^ The process of sending the graphical user interface is not easy, the developer 2; the second program uses each of the graphic objects to write the corresponding program I. Each of the limbs looks like a drunk and the financial interface will have a long time. In the second code, the overall display style of the user interface of each graphic object (such as the graphic representation or the access control) is displayed. Once the graphic object graphic is small, the position, etc., the developer You need to modify the program: =:= The development of the face is more difficult. Also because the graphical user media =:= 201113800 graphic object, because the user interface is like a ^ and single - so that it can not be asked by the roots, when the Lang environment operating environment and habits and developers designed When the usage environment is different, it will seriously affect the user's smoothness and willingness to use. In summary, it can be seen that in the prior art, there has been a long-standing existence of a developer who cannot easily adjust the user interface. Therefore, it is necessary to introduce a technical means to solve this problem. SUMMARY OF THE INVENTION In view of the prior art, there is a problem that a developer cannot easily adjust a user interface, and the present invention discloses a system, an interface, and a method for distributing a program icon and a program execution result, wherein: The interface for displaying a separate display of a program icon and a program execution result includes at least: a graphic area providing a setting program; and a graphic corresponding to the program, which is displayed at a specific position in the illustrated area according to the position information, wherein The location information is generated when the program is set in the illustrated area; the execution area includes the display range ', and is adjacent to or partially overlaps with the illustrated area, and is used to provide the display in the range when the icon is selected. The execution result of the program. - Shuming Lai's Practice® and Cheng Qianxing results are shown in the sub-axis, first-to-be->, and include the area definition module to define the area of the diagram and the area of the diagram === Overlapping execution area, where the execution area contains the display range; And a set of positions for generating position information in the illustrated area, wherein the icon is further placed in the program corresponding to the icon & field, and the storage module is used to store the location information and the program slot a display module for displaying a graphic in the illustrated area according to the location information; a selected module for selecting the graphic; an interface integration module, using the 201113800 display range to provide a display language program, The execution result generated by the program is displayed. The method for separating and displaying the program icon and the program execution result disclosed by the present invention includes the steps of: defining a field and an execution area adjacent to or partially overlapping the icon area and the domain; when the program is set in the graphic area After that, generate a map of the corresponding program: show ^on) location information in the illustrated area; store location information and program slot path; display the icon in the icon area according to the location information; select the icon; It is included in the execution area, and the execution result of the recording is displayed in the Φ display range. The secrets and methods disclosed in the present invention are as above, and the difference from the prior art is that the present invention provides a graphical representation of the graphical region and the execution region in the user interface, respectively, and provides an icon at any position in the illustrated region, and Providing a display program included in the execution area to the corresponding program, so that the execution result generated by the program is displayed in the display range, thereby solving the problems existing in the prior art, and the user can easily - Adjust the technical effectiveness of the user interface within limits. * [Embodiment] The features and embodiments of the present invention are described in detail below with reference to the drawings and embodiments, which are sufficient to enable those skilled in the art to readily understand the technical means to which the present invention solves the technical problems. Implemented thereby, thereby achieving the achievable effects of the present invention. In order to facilitate the adjustment of the user interface, the present invention divides the user interface 1 into two areas, such as the illustrated area 110 and the execution area 120, as shown in "1A" or "1B". When the user interface needs to be adjusted, only the 201113800 adjustment icon area 11G and/or the execution area (10) interface 100 need to be adjusted. It is no longer necessary to use the program corresponding to the display area (ic〇n) for the entire use, and the side of the icon area: 15 〇 _ 丝 丝 。. The description of this bribe is not shown in the figure. The new figure is shown in the figure: 15〇 The bit fT in the illustrated area 110 is not shown in the figure Ρ / The whole figure 15G is shown in the figure Region (10) H buckle size (4) behavior or a combination of multiple behaviors, but the present invention does not use this: in general, the diagrams shown in the illustrated region are generally included in the private (4) of which they are: Or the resources (employment) provided for the environment in which the present invention is implemented (usually, but not limited to, the window operating system), or even the image of the self-contained image. The source of the indication is not the above three. It is to be noted that the background of the illustrated area 110 may be transparent, and the window covered by the illustrated area 110 will still be viewed by the user, that is, the #人 may not be able to view the picture in this case. In the display area 110, each of the icons 15 displayed in the illustrated area 110 can only be viewed in the user interface 100. The execution area 120 provides a display of the execution result of the private generation corresponding to each of the icons 150 in the illustrated area Π 0. The execution result of the execution area 12 显示 provides display, but is not limited to the user interface generated by the program and the output data. Wait. The execution area 120 includes a display range, that is, the boundary of the display range is included in the boundary of the execution area 120, and the display range is used to display the execution result of the program corresponding to each of the icons 15 in the illustrated area 110. The area, therefore, the program corresponding to the icon 150 will display the generated execution result in the display range. In general, as shown in 201113800, the display range is 12整个 for the entire execution area. When the execution area 120 is adjusted, the size of the display area of the execution area 12M is usually adjusted. Similarly to the illustrated area 110, the background of the execution area 12A may also be transparent. In fact, the background of the execution area 12G may be customized by the user. In Fig. 1A, the illustrated area 11A is adjacent to the execution area, that is, the lower edge of the illustrated area 110 overlaps the upper edge of the execution area 12A. In fact, the illustrated area 11G and the execution area of the present invention are proposed. It is not limited to the lower edge of the illustrated area 110 overlapping the upper edge of the execution area 120, and may be the lower edge of the illustrated area 刖 execution area 12G or the left edge of the illustrated area (10). The right edges of the regions 120 overlap and the like. 1. The overlapping area (10) in Fig. 1B is the illustrated area ▲ overlapping area 13. In addition to being able to display the icon =: the overlapping area 130 can also display the execution result. The "first" heavy area 13 is not limited to the lower side and the execution of the illustrated area 11A. The lower side s may be the upper side of the illustrated area 110 and the execution area (3). 1 or the left side of the icon area 110 overlaps with the right side of the execution area 12A. The overlap area 130 may be displayed as an illustration, but the illustration in the heavy area 130 may not overlap with the execution result. Dry = Once the graph is not displayed first in the overlap region 130, the execution result will be displayed only in the overlap region 130 (10) displayed in the execution of the redemption. The "time" diagram does not indicate that the system operation of the present invention will be described by the system architecture diagram of the present invention which is shown in FIG. As shown in the "figure diagram", the system of the present invention includes a region definition module 21, a graphic setting module 220, a storage module 240, a display module 250, a graphic selection module 26, and an interface... The module 270 is integrated. : The regional UI module 21 is responsible for defining the range of the illustrated area 110 and the execution area 12A. In general, the area definition module 210 defines the illustrated area 110 and the execution area 12〇 with coordinates on the display screen of the computer on which the present invention is implemented. For example, the area definition module 210 can define the coordinates of the upper left corner of the illustrated area 11 as "(69, 77)" and the coordinates of the lower right corner of the defined graphic area 110 as "(413, 208)". The range of 〇 is defined by the area definition module 21〇. The area definition module 210 can also define the range of the execution area 12A in the same manner. When the area definition module 210 defines the coordinates of the upper left corner of the execution area 120 as γ(69, 2〇8), the day ^' indicates the execution area 120 and If the coordinate of the upper left corner of the area definition module 12 〇疋 meaning execution area 12 is "(69, 198)", the area where the execution area 12 〇 overlaps with the illustrated area 11 , overlaps. The coordinates of the upper left corner of the area 130 are "(69, 198)", and the coordinates of the lower right corner of the overlap area 130 are γ (413, • 208)". However, the range of the graphic area 11〇 and the execution area 12〇 defined by the area definition module 210 is not limited to the above. The area definition module 210 also defines that the display range included in the execution area 120 is similar to the illustrated area 110 and the execution area 120. The area definition module 21 〇 generally defines the display range by displaying the coordinates on the top surface, for example, Defining the display range of the same size as the execution area 120, the coordinates of the upper left corner and the lower right corner are factory (69, 208)" and "(413, 532)", respectively, or define a display range covered by the executed area 12 2011 201113800. The coordinates of the upper left corner and the lower right corner are "(77,216)" and "(405, 524)", respectively. The icon setting module 220 is responsible for generating the position information of the pattern corresponding to the set program after the program is set in the illustrated area 110. The position information generated by the icon setting module 220 indicates the position of the graphic corresponding to the set program in the illustrated area .110. In general, the format of the location information corresponding to the program generated by the graphic setting module 220 may be related to the manner in which the region definition module defines the graphic region 110 and the execution region 12 , for example, when the region definition module When the range of the illustrated area 11〇 and the execution area 12〇 is defined by coordinates, the positional information of the illustration is also the pixel in the upper left corner of the illustrated upper left corner in the vertical direction and the horizontal direction from the upper left corner of the illustrated area 110 ( The number of pixels, but the position of the icon setting module 22 is not limited to the upper left corner of the figure, nor is it limited to coordinates. The format of other position information is, for example, the upper left corner of the figure. The coordinates in the middle, etc. Illustration. The re-arranged module 220 can also provide a program in the illustrated area 11〇, and the user or the developer can display the icon corresponding to the program as shown in “Fig. 3” (5) (in the visual system) The icon 412 of the representative program displayed is dragged to a certain position in the icon area 110+, and the program can be set in the icon area 110 by the 2 functions provided by the graphic setting module 220, and then the icon is displayed. The setting module 22 〇 _ according to the representative program map * 412 is dragged to the position of the icon area ιι〇 to generate the position information of the phase; or as shown in the "4th drawing", the graphic setting module moves =, The user or the developer clicks (dick) at a certain position in the icon area m, and then clicks on the option of pop-up (P3) menu 310 to select the program to be displayed after clicking the right mouse button. The setting module 22G will generate a pair of 32s such as "(5)", and continue to provide the program setting of the program path of the program to be set directly in the "program 201113800 position" of the training (10), or Provide users with the ability to click on the button to "browse" After the dialog box (not shown) to select the program of the program to be set, the complete set of programs. After the program setting is completed, the icon setting module 220 generates corresponding position information according to the position where the user clicks the right mouse button in the icon area: 110. Here, the manner in which the module 22 is provided to provide a program on the illustrated area 110 is not limited to the above two. It is worth mentioning that the user can drag each icon 15〇 to any position in the icon area _ no, for example, to arrange the icons in two columns, or to arrange the two columns in a row, or even move freely. As shown in the figure, the distribution of the illustrations is scattered in the illustrated area 11 (). The icon setting module 220 generates the position information of the moved icon after the icons 150 are moved, so that the user can easily and easily adjust the user interface. In addition, since each of the illustrations 15 设置 provided in the illustrated area 110 is only used to indicate the program corresponding thereto, the graphic setting module 220 can further provide "determined and set in the illustrated area. 11 The image corresponding to the program in the file, for example, # user can click the right mouse button on the icon m and select the option "Change icon" in the pop-up menu to select a new image broadcast. After the case, the graphic setting module/moving setting user selects the image building as the icon corresponding to the program, but the method in which the setting module 220 provides the setting corresponding to the program is not This is limited. The storage module 240 is responsible for storing the position information generated by the graphic setting module 22 and the path of the program corresponding to the program, and the parameters stored in the storage module are not limited thereto. The display diagram or the data related to the execution program can be included in the parameters proposed by the present invention. The display module 250 is displayed in the illustrated area 110 according to the position of the icon stored in the storage module 24〇. For example, if the position information shown in the figure is "(198, 198)", if the display module 250 regards the coordinates "(198, 198)" as the coordinates of the upper left corner of the figure, then the display module 25 is displayed. When the icon is displayed on the display screen, the upper left corner of the displayed icon will be displayed at the position of "(198, 198)" / in the displayed face. For example, the position information shown in the figure is the number of pixels. When "dw=ll, dh=ll", the horizontal distance between the upper left corner of the illustration and the upper left corner of the illustrated area 110 is 11 pixels, and the vertical distance is also n pixels, that is, if In the upper left corner of the icon area 11〇, the seat is “(69, 77)”', and the upper left corner of the icon displayed on the display panel 250 is displayed on the display panel 250. (8〇, 88)" position. The display module 25〇 also reads the icon included in the program according to the path of the program corresponding to the icon stored in the storage module, and then displays the icon in the figure according to the source of the image. In the illustrated area 11〇, or according to the stored items stored in the storage module 24〇, read the icon provided by the environment in which the present invention is executed' or read the user or the developer. The illustrated icon is then displayed in the illustrated area 110. • It is worth mentioning that the display module 250 can display the illustrated area and the execution area 120 on a transparent background, that is, the part that is not covered by the 15G in the illustrated area ιι〇 will be Transparent, can be viewed through the illustrated area 110, not shown, in the environment in which the present invention is implemented, the window overlapped under the illustrated area (10) is the same, in the execution area 12, not executed by the program The portion covered by the result will also be transparent. In addition, the display module 250 can also display the execution region 120 by the user or the developer's customized background. - Figure k 疋 组 group 260 is responsible for selecting the map displayed in the illustrated area 11A. In general, the icon selected module will be clicked when the user or the developer operates the cursor 201113800 and clicks on the thumbnail image displayed in the icon area 110. Entering the signal, hunting is not limited to the way in which the selected graphic icon is selected. The group 260 selects the two-sided integration module 270, which is responsible for selecting the icon in the selected module 26, and according to the program stored in the storage module 240 corresponding to the selected icon. Calling (5)) the program corresponding to the selected (4) display, so that when the selected I 11 service starts to execute 'and the program corresponding to the icon of the beggar, the display of the execution _ 12G is provided for the selected one. The graphic system of the « = type, the map of the genus of the genus Mosquito _ the dysfunctional execution results can be displayed in the execution area 120 according to the size of the display. Generally, the interface integration module 270 first generates a corresponding display position material according to the display range, and then displays the position data in the form of a parameter corresponding to the selected icon (4). The program is used to display the program corresponding to the icon selected by Fan Jacquard. 'But the way the interface integration module 27 provides the display range is not limited to this. For example, the interface integration module 27 can also evoke first. After the selected icon and the corresponding program are executed, the method of transmitting the message by the sequence/line is transmitted to the program corresponding to the selected icon. - after the program corresponding to the selected icon is called by the interface integration module 270, it may be in the pr〇cess or sub-thread of the present invention ((10)(4), which may also be in the environment in which the present invention is implemented. In addition, the present invention can further include the background setting module 280 and the graphic adjustment module 290' as follows. The background setting module 280 is responsible for providing the background of the input execution area, which is passed by the user or the developer. After the background setting module 28〇 inputs a customized background, the storage module [S] 13 201113800 240 stores the customized background input, and the display module 25 displays the customized background input by the user as the track area. 12 〇 background.

The graphic adjustment module 290 is responsible for adjusting the display size used by the display module 250 to display the graphic display or adjusting the position information of the graphic generated by the graphic display module 22A. When the user or the developer sets too many icons through the graphic setting module 220, the display module 250 cannot display all the icons in the illustrated area 110 with a predetermined display size, that is, the display mode. When the group 25G cannot display all the icons in the illustrated area 110 with a predetermined display size, the overlapping of the icons will occur, and the graphic adjustment module 290 will adjust the display size so that the display module 250 is in the illustrated area 11 The illustration shown in 〇 is small, for example, the icon is changed from 100x100 pixels to 75x75 pixels, so that all the icons are displayed in the illustrated area 11A. When the user drags the icon 155 into the illustrated area 110, or when the user drags the icon 155 in the illustrated area U0 to change the position of the icon 155 in the illustrated area, if As shown in FIG. 5, when the map 155 disposed in the illustrated area (10) overlaps with the illustration 154, the illustrated adjustment module 290 may first be sideways in the illustrated area 11G and may not overlap with other icons. After the position information of the figure (5) is displayed, the position f of the overlapping icon 155 is adjusted to the new position of the side position, and the adjustment module (4) adjusts the picture by the horizontal shifting mode. Position information, when the graphic adjustment module 29 detects the width of the icon 154 image area no W is larger than the width of the graphic 155, the coordinates (position information) of the upper left corner of the figure (5) can be used by the first The coordinates 191 move to the second side! By the user, the user drags (4) the position of the icon 155 in the illustrated area (10) to move to a position where there is no overlap, but the manner in which the graphic adjustment module (4) adjusts the position of the map is not adjusted by the horizontal (10) coordinate. The value is limited. In addition, the group of the 201113800 group 290 can also adjust the display module 25q to display the module 25° with a smaller display size to display the icon = ^ no ^ detects the position where the icon 155 can be displayed without overlapping with other icons" =: _ group 25G shows the size of the display, so that the picture material: the first embodiment to illustrate the operating system and method of the present invention, and please refer to ..., ® "the invention Slightly reduce the flow chart of the method of performing silk separation display. If the developer (4) develops the user interface in the present invention, Lin must first set parameters related to the illustrated area 110 and the execution area 120, such as size, relative position, etc., assuming that the developer sets the graphical area (10) of the user interface survey to "Cong x314 pixels" and execution, the domain 12G is "1G24x542 pixels", the display is the same as the execution area 12〇, the heavy area is "1024χ88 pixels", and the relative position of the graphic area to the execution area 120 is "1st. As shown in the figure, the lower portion of the illustrated area ιι〇 overlaps with the upper portion of the binding area 120, but the user interface of the present invention is not limited thereto. When the present invention is executed, the area definition module 21 defines the illustrated area u〇 and the execution area 120 according to the illustrated area 11 〇 and the parameters such as the size and relative position of the execution area 120 (step 601). For example, in the present embodiment, the environment in which the present invention is implemented is given to the starting pixel (usually the upper left corner position, but the invention is not limited thereto) using the user interface of the present invention. The coordinates in the middle are "(413, 208)"', and the coordinates of the upper left corner and the lower right corner of the icon area on the display surface are "(413, 208)" and "(1436,521)", respectively. The coordinates of the upper left corner and the lower right corner of the area 130 on the display surface should be "(413, 434)" to

15 201113800 "(1436, 521)", and the coordinates of the upper left corner and the lower right corner of the execution area on the display screen are "(413, 434)" and "(1436,975)" respectively. After the area definition module 210 defines the graphic area 11 〇 and the execution area 12 〇 (step 601), the developer can set the function provided by the graphic setting module 22 , in the graphic area 110 to be used. The program used in the interface room (step: 611). It is assumed that in the present embodiment, the program to be set by the developer is an "electronic dictionary", and the developer can drag the icon corresponding to the "electronic dictionary" and i5i to the illustrated area 110 as shown in "Fig. 3". Any position on the top can be set by the user interface 100 or by any position on the illustrated area 11G as shown in the continuous diagram of "Fig. 4A" and "Fig. Clicking the mouse to complete the setting by inputting the file path of the "electronic dictionary" in the miscellaneous 320, but the developer of the present invention sets the program in the illustrated area 11G to be used by the user "face 100". It is not limited to this. Among them, the figure corresponding to the program "electronic dictionary" is not shown here. 151 is the icon 412 representing the "electronic dictionary" displayed in the environment in which the present invention is executed (please refer to "Fig. 3"). . • ♦ After the developer sets the program that can be used through the user interface 1GG, the icon setting module 220 is dragged to the position on the icon area or the mouse in the icon area according to the icon corresponding to the program. The location clicked on 110 produces location information as illustrated in the illustrated area no (step 612). In this embodiment, the icon 151 representing the program "electronic dictionary" is dragged to the position on the illustrated area 11 (or the position clicked by the mouse on the illustrated area 110 is the coordinate in the display screen). If it is "(421,216)" as shown in "3", the position information generated by the icon setting module can be the horizontal distance from the upper left corner of the illustrated area 11〇. And the vertical distance 'that is, the data indicating that the horizontal distance is 8 pixels and the vertical distance is 8 like 201113800, such as "dw=8, dh=8", etc., but the position information proposed by the present invention is not limited thereto. . Here, the position where the illustration of the present invention is dragged onto the illustrated area and the position where the mouse clicks on the illustrated area 110 are not limited to the coordinates in the displayed face. It is worth mentioning that since the icon 151 representing the program "electronic dictionary" can be dragged to any position in the illustrated area 110, it may be dragged by the developer to belong to the illustrated area 110 and the execution area 丨 2 The overlapping area of the 〇 is on the top. After the icon setting module 22 generates the position information in the illustrated area 11A corresponding to the program (step 612), the storage module 240 stores the position information and the position information in the illustrated area 110. The standard path of the corresponding program is shown (step _). Thereafter, the display module 25 不 will not be in the illustrated area 11 依据 according to the position of the icon stored in the storage module 24 ( (step (10)). For example, in the present embodiment, the display module 25G displays the representative program "e-commerce vocabulary" in the illustrated area (10) according to the location information "dw=8, (4)" stored in the storage module 240. The upper left corner of the icon 151 of the electronic dictionary 151 and the vertical coordinates are both 8 pixels from the upper left corner of the illustrated area 11 ,, and the display module 250 can use the preset size of the icon 151, such as 75 still _ = The display area of the non-area 110 is displayed. The display module 25 can also be inch: 2 W, etc., the input _ 11G cap == but the display module 25ΰ_read the age of the money is not "this is 1 ^ after" When the unselected module selects the representative program "Electronic = (step 660), the interface integration module 270 can be straight = sub-dictionary" ("electronic dictionary" is a subroutine of the present invention. Secret ("Electronic Query Code" is an independently executed program in the context of 201111800), and when calling "Electronic Dictionary", the display area included in the execution area 12 is provided to the program corresponding to the selected icon ( Step 680). In the present embodiment, the developer sets the illustrated area 110 The degree is "314 pixels", and the height of the overlap area 13A is "88 pixels", and because of the illustration, the distance of I50 from the upper edge of the illustrated area 110 is only 8 pixels, and if the height of the figure 151 is (1) 0 pixels "' The display icon 151 is not displayed in the range of the overlap area 13〇, so the display area included in the execution area 120 is not changed, so the interface integration module 270 can directly use the four data “X4i3 y434 wl024 h542” as parameters. • The display range is provided to the program “Electronic Dictionary” corresponding to the graphic 1M, where “χ413 y434” indicates that the starting coordinate of the execution area 120 (the coordinates of the upper left corner is 434)”, and wl024 h542” indicates the display range. The width and height, that is, the width and height of the execution area 120 are 1, 24 pixels and 542 pixels, respectively, but the manner in which the interface integration module 270 provides the display range to the called program is not limited thereto. After the interface integration module 270 calls the program "electronic dictionary", the "electronic dictionary" will execute the execution result 700a (in this embodiment, the user interface for querying the words by the user). The display range is displayed in the execution area 120 (step 692) as shown in "Fig. 7A". • In the above-mentioned embodiment, it is particularly worth mentioning that if the developer sets the program "electronic dictionary" to the graphic area 11〇, it is not satisfied with the icon 151 representing the "electronic dictionary" in the illustrated area. In the position displayed in the 110, the developer can drag the icon 151 arbitrarily in the illustrated area 110. After the developer releases the button of the mouse to complete the dragging behavior of the icon 151, the graphic setting module 22 will The new location information of the icon ΐ5ι is generated again (step 612), and the storage module 240 updates the location information of the previously stored icon 151 with the new location information (step 620), and the display module 25〇18 201113800 The new location capitalization ifL redisplays the icon 151 (step 65), so that the developer can easily create a user interface using the present invention. The icon 151 of the right representative program "electronic dictionary" is dragged by the developer to belong to the illustrated area 110 and the execution area 120❸ overlap area 13〇, for example, the upper left corner of the icon 151 displayed by the display module 250 and The coordinates in the lower right corner are "(413, 368)" and "(512, 467)" respectively, because the coordinates of the lower right corner of the overlapping area 13 are "(1436, 434)" because the bottom of the 151 is the bottom of the 142 (434~467) Within the overlap area 13G, in order to avoid the execution result of the program "electronic dictionary" overwriting the icon representing the "electronic dictionary", the interface integration module 27 is providing the display range to the called ( ( In the present embodiment, the "electronic dictionary" is used. However, if the icon corresponding to the other program is displayed in the icon area 110, the program to be called may be the other program when the month t* is used, and the display range needs to be adjusted first (step 670). In the present embodiment, the position information (coordinate "(413, 368)"), display size (ιοοχίοο pixel) of the image area (the coordinates "(413, 2〇) 8)" and 1024x314 pixels) and execution area The range of the domain 12〇 (the coordinates "(413, 4 call" and 1024x542 pixels) calculates that the image 151 has 34 pixels in the overlap region 13〇, so the upper edge of the display range needs to be shifted down by 34 pixels, that is, After the height of the display range is adjusted to 512 pixels, the parameter "x413y468wl024h5〇8" is generated according to the adjusted display range, and is supplied to the called program, that is, "electronic dictionary" (step 680), so that The execution result 700b generated by the "electronic dictionary" is displayed in the execution area 12A according to the adjusted display range, as shown in "Fig. 7B". In addition, the developer can also arbitrarily change the set icon according to the need. The range of the area 110, so that the icons in the graphic area 110 can be easily adjusted.

19 201113800 = The range of the skin. In the same way, the developer can also arbitrarily change the size of the execution area 12〇s two-person non-tracking 'even the change of the graphic area 11〇 and the opposite position”, because the interface integration fishery will be pure domain (10) contains ^ The program corresponding to the icon selected by the selected module is provided (step: step 6^, so that the execution result generated by the program after execution is displayed in the (four) field 120 according to the display range (step 692). Therefore, when the developer changes the execution area 〇=贞 _ size, the execution result of the image will be displayed, and the field developer changes the relative position between the execution area 12〇 and the illustrated area (10). For example, if the position or size of the execution area 120 overlaps with the illustrated area 11〇, the user interface will be changed. As shown in FIG. 8 , the illustrated area 110 is directed to the execution area or the left axis of the 12G. This will cause the execution result of the program 7〇〇a to move to the right in the user interface 1〇〇. ▲ The main embodiment will further explain the operation system and method of the present invention in the first embodiment. Refer to "6th circle". This embodiment Actually similar to the first embodiment, but in the present embodiment, the developer sets the lower edge of the illustrated area 11A adjacent to the upper edge of the execution area (10), as shown in "Fig. 9A". After the developer completes the development of the user interface and publishes it to the user, 'when the user executes the date and the month, the area definition module 21 will follow the map of the developer and the area 110 and the execution area 12〇. The parameters such as the size and the relative position are in the map area 110 and the execution area 12 (step 6〇1). It is assumed that in the present disclosure, the icon area 11 set by the developer is "_χ2〇5 pixels", The execution area 120 is "_x395 pixels", and the display range 121 is 10 pixels from the four boundaries of the execution area (4). If the environment of the present invention is executed, the coordinates of the upper left corner of the user interface using the present invention are displayed in the display screen. (413, should be), the coordinates of the upper left corner and the lower right corner of the icon area 20 3 201113800 no on the display screen will be "(413, 208)" and "(1212, 412)" respectively, and the execution area 120 The upper left corner and the lower right corner are on the display surface The coordinates are "(413,413)" and "(1212,807)" respectively. The coordinates of the upper left corner and the lower right corner of the display range 121 on the display surface are Γ(4〇3, :403)" and "(1202, 797)". - After the area definition module 210 defines the illustrated area 11〇 and the execution area 12〇 (step 601), the display module 250 according to the location information of all the icons 150 stored by the storage module 240 Each of the icons 15A is displayed at a specific position in the illustrated area 11A (step 650). It is assumed that there are four icons in the illustrated area 11A at this time, and are arranged in the illustrated area 11 in a 2x2 manner ( )in. Next, the icon setting module 220 provides a program for the user to use the user interface 100 in the icon area (step 611), thereby adjusting the user interface 100 to a certain extent. It is assumed that in the present embodiment, 'the user does not like to arrange the four icons displayed in the illustrated area 110 in a 2x2 manner. Therefore, the module 22 is set through the illustration to be placed in the map area 110. The two sides of the row are shown to be dragged to the rear of the two rows of the upper row, and all the figures are not dragged (d) to the middle of the illustrated area 11G, so that the icons are arranged in a column in the illustrated area 110, such as " As shown in the first diagram, the icon setting module 220 is generated after the user drags the icon, and the location information (step 612) is touched and stored by the storage module 24 (step (10) ). ^The right user also uses other window towels to represent the compressed/collapsed program icon into the graphic area UQ, so that the private mode of the compression/solution can be set through the graphic setting module (step 611). The interface excitation mode is used to set the mode, and 220 also generates the location information corresponding to the compressed/decompressed program (step 21 201113800 step 612), and is stored by the storage module 24 (step 62) and The icon of the corresponding compressed/decompressed program is displayed in the illustrated area UG by the display module according to the position information of the icon corresponding to the dust reduction/deflection program (step (4)). If in this implementation

In the example, if the user drags the map representing the compressed/decompressed program, 155, into the icon area 11〇 as shown in Fig. 5, causing the overlap between the figure * 155 and the figure * 154, The additional graphic adjustment module 29 of the present invention will judge the overlap of the icons in the illustrated area 11A as shown in the "Fig. 1A" (after the step, the illustrated area (10) will be adjusted. All of the illustrated display sizes or positional information of the adjusted overlay (step 635) 'so that the icon 155 no longer overlaps with the illustration 154. Suppose, in this embodiment t, the graphical adjustment module outline is as " In the second figure, the map of the knowledge pattern of His/solution _ is not horizontally moved (5), thereby adjusting the position information of the icon 155 corresponding to the compression/solution _, but the invention is not limited thereto. If the user continues to drag other programs into the icon area 11, it is assumed that the display module 25G is in the preset area (10) = not all the graphics, as shown in "2". The area (10) towel does not show that the space left has been benefited ^ is not overlapped with the pieces _ other icons, due to financial users, series (four) representatives, In the case of the __ area (10), the overlap shown in the figure is bound to be generated. =: The display of the woman's module 29 will be as shown in the "第ι〇β图" = the overlap in the illustration in the icon area ( The step calls and determines that the size of the button is displayed in the illustrated area 110. (Step 2: Module 290 adjusts Figure 4 i of all the icons in the display icon area, Γ", The display module 250 is displayed in the area shown in the figure to determine the display; D #11Β图", and if the adjustment module 290 is shown, the display size can be preset by the display module 290. In the area 110, 22 201113800 is displayed (step 632). Then, the graphic adjustment module 29 adjusts the display size of all the icons in the graphic area 11 (step 635a). The user adjusts the user interface 1 After that, if the user clicks on the icon of the corresponding program "Electronic Dictionary", the selected module 26 will receive the input of the icon for the f program "Electronic Dictionary". After the signal, select the corresponding path: the icon of the "electronic dictionary" (step 66〇), and integrate the module by the interface. 27, according to the icon selected by the selection module 26G, the standard path of the program "electronic dictionary" corresponding to the selected icon is read from the storage module, and the "electronic dictionary" is called. At the same time of execution, the display range is provided as a parameter to the "electronic dictionary" (Buhui 680), so that the "electronic dictionary"_line result will be displayed in the display range (step 692). The difference between the present invention and the prior art is that it has the icon area and the execution area 12() which are respectively defined in the user interface, and provides an arbitrary position setting icon 15 in the map area 110, and provides execution. The program included in the area 12〇 displays the program that is slightly applied to the surface, so that the result of the execution of the program is displayed in the display range, and the technical development can be used to determine the development of the first reading*. The person can't lightly (4) adjust the user interface question. The question 'and then the money user can also easily limit the technical effect of the user interface. «, and then, the method for separating and displaying the program icon and the program execution result of the present invention can be implemented in hardware, software or a combination of hardware and software, or can be implemented in a computer system by a set* method or Different components are interspersed in a number of interconnected computer systems. Although the embodiments of the present invention are as described above, the above description is not intended to directly limit the scope of the present invention to 23 201113800. Any person skilled in the art to which the invention pertains may make some modifications to the form and details of the present invention without departing from the spirit and scope of the invention. protected range. The scope of patent protection of the present invention is still subject to the terms defined in the appended claims. [Fig. 1A] Fig. 1A is a schematic diagram showing the interface between the program icon and the program execution result. FIG. 1B is a schematic diagram of another interface for separating and displaying the program icon and the program execution result according to the present invention. Figure 2 is a system architecture diagram showing the separation of the program icon and the program execution result by the present invention. 3 is a schematic diagram of a drag-and-drop diagram provided by an embodiment of the present invention to set a program. FIG. 4A is a diagram showing a sound and a position of a click setting program according to an embodiment of the present invention. ,

Figure 4B is a block diagram showing the interface of the input program set in the embodiment of the present invention. Case Figure 5 is a schematic diagram of the machine information of the machine diagram of the present invention. Figure 6 is a flow diagram of a method for separating and displaying a program icon and a program execution result according to the present invention. ^

The 7A _ Ben 剌 剌 之 电子 电子 电子 电子 电子 电子 电子 电子 电子 电子 电子 电子 电子 电子 电子 魏 魏 魏2 7B is a schematic diagram of the execution of the representation of the electronic dictionary mentioned in the embodiment of the present invention to the execution area of the overlapping area. 24 201113800 FIG. 8 is a schematic diagram of adjusting the relative positions of the illustrated area and the execution area according to an embodiment of the present invention. Fig. 9A is a diagram showing the representation of the figure in a 2χ2 manner according to an embodiment of the present invention. The ninth drawing is a one-line diagram for the embodiment of the present invention.

St map hides the day (10) to mention the location information of the can. Show the size of the § hand,,. = 〇Β 为本 为本 为本 为本 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细 详细A schematic diagram of the embodiment. [Main component symbol description]

100 User Interface 110 Graphic Area 120 Display Area 121 Display Range 130 Overlap Area 150 Diagram 151 Diagram 154 Diagram 155 Diagram 25 201113800 191 First Benchmark 192 Second Coordinate 210 Zone Definition Module 220 Figure Not Set Module 240 storage module 250 display module 260 icon selected module 270 interface integration module

280 Background Setting Module 290 Graphical Adjustment Module 310 Popup Window 320 Dialog Box 412 Diagram 700a Execution Result 700b Execution Result Steps Defining the icon area and adjacent or partially overlapping the icon area 4亍 area step 611 Provided in the icon area, the setting program is shown in Fig. 6丨2. The corresponding program is shown in the icon area. (4) The icon is stored and the program is displayed in the 3 steps _ _ tStep 632 Whether the ride can display the size display icon area = "The position information of the figure shown in the step milk adjustment map area", the staff size or the adjustment overlap 26 201113800 Step 635a Adjust the map area overlap The illustrated positional resource step 635b adjusts the display size of all the icons in the illustrated area. The step 650 is based on the position information display icon in the illustrated area. Step 660 selects the illustrated step 670 based on the position information, display size, and The range of the illustrated area adjusts the display range area and execution

Step 680 provides a display range included in the execution area to the program step. The execution result is displayed in the hold: area according to the display range.

27

Claims (1)

201113800 VII. Patent Application Range·· L A method for separating and displaying a program icon and a program execution result, the method comprising at least the following steps: 疋 a graphic area and an adjacent or partially overlapping execution area of the graphic area ; the field is set in the illustrated area to generate one of the corresponding programs (icon) in one of the icon areas; the location information and the file path of the program are deleted; The information is displayed in the icon area; the icon is extended; and a display range included in the execution area is provided to the program, so that the execution result generated by the program is displayed in the display range. 2·, apply for the method of training the steel and the execution result of the program as described in item i, and the method of setting the program in the icon area is to drag the picture. The specific location of the towel, or the step of entering the file path of the program after clicking on the specific location in the icon area. 3, as described in the application of the Scope Item, the method of displaying the result of the program is slightly displayed, wherein the step of displaying the image is selected according to the input signal generated by __click: Show. 4. Applying to flip through the method of displaying the program icon and the program execution result by the second method, wherein the method further comprises determining the icon and displaying in the graphic area in the step of generating the miscellaneous information. When the other icons in the picture are reset, adjust the display size of one of the display icons or adjust the position of the icons = the step of displaying all the icons without overlapping in the illustrated area. Bay 201113800 5. The patent application method for separating the display of the program icon and the program execution result according to the first item, wherein the method determines that the display cannot be displayed at a display size before the step of displaying the icon. When all the icons are displayed in the icon area, the 5-week size is displayed so that the icon area shows all the steps shown. The method of the TF is as described in the above paragraph (4), and the method of the TF is described in the method of the TF, wherein the method is provided before the step of providing the program to the program, and further includes the method according to the figure. The step of displaying the position information, the display size, and the range of the illustrated area and the execution area to adjust the display range. 7. An interface for separating the program icon from the program execution result, the interface includes at least: a graphic area providing a setting program; - the picture is not corresponding to the program, and the location information is displayed on the The picture is not recorded in the area, and the program is generated when the program is set in the icon area, wherein when the picture is displayed with the (4)#, the picture size or position information will be adjusted; And adjacent to the illustrated area or provided in the display range An execution area, comprising a display range, partially overlapping, for displaying the execution result generated by the program when the icon is selected. 8. If you want to apply for the special _ 7 items, the description of the program and the process of leaving the display, in which the position of the 古 古 古 &; ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° ° The path of the case = the area of the material transfer, 峨 she 9 · as described in the scope of the patent application, the __Wei line results 29 201113800 from the display interface, where the execution area is used to provide a custom display background. ο 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 11. A system for dividing a program icon and a program execution result, the program is separated from the program execution result, and the system includes at least: f - an area definition module for defining a display area and An execution area of the display area adjacent or partially overlapping, wherein the execution area includes a display range; a graphic setting module for generating a picture in the image area of the image area Corresponding to a program set in the graphic area; a storage module for storing the location information and a file path of the program; a display module for displaying the icon according to the location information In the illustrated area, a selected module is selected for selecting the icon; and an interface integration module, the rib provides the age of the fine pattern, so that the execution result generated by the program is displayed in the display range. 12. If the program icon and the program execution result are divided as described in the scope of the patent application, the display system is further used to provide the icon to the graphic area. Enter the file path anywhere, or by clicking anywhere in the icon area to provide the program. 3. The system for separating and displaying the program icon and the program execution result as described in the U through the scope of the patent application, wherein the system further includes a graphic adjustment module for displaying and displaying the image in the display area. When the other icons in the overlap are overlapped, adjust the display size of one of the icons of the 201113800 icon or adjust the position information of the icons, or adjust the icon when the icon is not displayed in the icon area. Display large / J, 〇 14. As shown in the application for the scope of the program, the program icon and program execution results are divided into: from the display system, wherein the interface integration module is used to set the position according to the figure. The display range is adjusted by the information, the display size, and the range of the illustrated area and the execution area. 15. The system for separating the program icon and the program execution result from the display as described in claim 11 wherein the display module displays the graphic area in a transparent background. 16. The system for separating and displaying a program icon and a program execution result as described in claim 11 wherein the system further comprises a background input module for providing a custom background for inputting the display module to The custom background is displayed in the execution area. 31