CN111052070B - 用户接口开发支持装置与方法以及计算机可读记录介质 - Google Patents

用户接口开发支持装置与方法以及计算机可读记录介质 Download PDF

Info

Publication number
CN111052070B
CN111052070B CN201880053518.8A CN201880053518A CN111052070B CN 111052070 B CN111052070 B CN 111052070B CN 201880053518 A CN201880053518 A CN 201880053518A CN 111052070 B CN111052070 B CN 111052070B
Authority
CN
China
Prior art keywords
user interface
editing
list
objects
operation input
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
CN201880053518.8A
Other languages
English (en)
Other versions
CN111052070A (zh
Inventor
岩村慎太郎
髙桥大辅
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Omron Corp
Original Assignee
Omron Corp
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 Omron Corp filed Critical Omron Corp
Publication of CN111052070A publication Critical patent/CN111052070A/zh
Application granted granted Critical
Publication of CN111052070B publication Critical patent/CN111052070B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

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

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)
  • Stored Programmes (AREA)

Abstract

本发明提供一种用户接口开发支持装置、用户接口开发支持方法以及计算机可读记录介质。用户接口开发支持装置(10)包括用户接口编辑部(11)、操作输入部(12)及显示部(14)。用户接口编辑部(11)执行用户接口的编辑处理，生成用户接口编辑画面(140)。显示部(14)显示用户接口编辑画面(140)。操作输入部(12)受理针对用户接口的编辑的操作。当在用户接口编辑画面(140)上存在重叠的多个(UI)对象时，用户接口编辑部(11)根据通过操作输入部(12)所进行的规定操作，使重叠的多个(UI)对象的一览显示于(UI)编辑画面(140)内。

Description

用户接口开发支持装置与方法以及计算机可读记录介质
技术领域
本发明涉及一种支持程序员(programmer)开发用户接口的技术，尤其涉及一种用户接口开发支持装置、用户接口开发支持方法以及计算机可读记录介质。
背景技术
当前，在工厂自动化(Factory Automation，FA)系统中，一般使用具备用户接口(User Interface，UI)的显示器。显示器具有显示FA系统内的各装置的状态的功能、受理针对各装置的设定数据或命令数据等的操作输入的功能。
因此，在显示图像上，显示有例如专利文献1所示的受理操作输入的按钮(button)、表示装置状态的灯(lamp)、以及显示测量值等的显示框等UI对象(object)中的所需者。
对于这些UI对象，设定有在UI画面上的配置位置、大小、颜色等属性(property)。
并且，在此种UI的开发中，程序员在UI编辑画面上配置UI对象，并对所述UI对象设定属性。
现有技术文献
专利文献
专利文献1：日本专利特开2015-153073号公报
发明内容
发明所要解决的问题
根据UI编辑画面，有时多个UI对象会重叠。例如，多个UI对象的重叠会在下述情况下产生。
在制作针对具有相同工序的多个制造线(line)的UI时，相较于针对每个制造线来制作UI，同时制作针对多个制造线的UI的作业更为容易。而且，若是相同工序的制造线，则UI类似的话方便使用。因此，程序员会在UI编辑画面上将每个制造线的UI对象重叠起来进行编辑。
并且，此时，在UI编辑画面上，重叠的多个UI对象中，其他的UI对象会被一个UI对象掩盖。因此，程序员无法看到其他的UI对象。
而且，制造线的每个UI对象的属性有时不同，例如每个制造线的UI对象的颜色不同，或者各自设定的控制不同。
此处，如上所述，若存在被掩盖的UI对象，则有时会产生忘记编辑被掩盖的UI对象的属性等编辑失误(miss)，从而无法制作所期望的UI。
因此，本发明的目的在于提供一种UI开发支持技术，抑制对重叠的多个UI对象的编辑失误。
解决问题的技术手段
所述用户接口开发支持装置包括用户接口编辑部、显示部以及操作输入部。用户接口编辑部执行用户接口的编辑处理，使所生成的编辑画面显示于显示器。操作输入部受理针对用户接口的编辑的操作。当在编辑画面上重叠的多个用户接口对象时，用户接口编辑部根据通过操作输入部所进行的一览显示用操作，来使重叠的多个用户接口对象的一览显示于编辑画面内。
此结构中，即使在有多个用户接口对象重叠在画面上，而只能看到最表层的用户接口对象的情况下，也可将重叠的多个用户接口对象予以并排显示。
而且，所述用户接口开发支持装置中，也可采用下述结构，即，操作输入部受理在编辑画面内指示位置的指针(pointer)的操作，若指针的位置与最表层的用户接口对象重叠，则用户接口编辑部显示一览。
若这样构成，则只要将指针重叠于用户接口对象，便可将重叠的多个用户接口对象予以并排显示。
而且，所述用户接口开发支持装置中，也可采用下述结构，即，当从操作输入部受理对一览内的多个用户接口对象中的一个进行选择的操作输入时，用户接口编辑部使所选择的用户接口对象显示为作为编辑对象的最表层的用户接口对象。
若这样构成，则可将并非最表层的用户接口对象显示于最表层，而变得可编辑。
而且，所述用户接口开发支持装置中，也可采用下述结构，即，当从操作输入部受理对一览内的多个用户接口对象进行位置或形状的统一化的操作输入时，用户接口编辑部对一览内的多个用户接口对象的位置或形状进行统一。
若这样构成，则重叠的多个用户接口对象的位置或形状的统一化能利用容易的操作来进行。
而且，所述用户接口开发支持装置中，也可采用下述结构，即，当从操作输入部受理对一览内的多个用户接口对象进行属性的统一化的操作输入时，用户接口编辑部对一览内的多个用户接口对象的属性进行统一。
若这样构成，则重叠的多个用户接口对象的属性的统一化能利用容易的操作来进行。
而且，所述用户接口开发支持装置中，也可采用下述结构，即，当从操作输入部受理使一览内的多个用户接口对象的位置关系发生变化的操作输入时，用户接口编辑部使一览内的多个用户接口对象的位置关系发生变化，并且根据此变化来设定在编辑画面上重叠的多个用户接口对象中的最表层的用户接口对象。
若这样构成，则容易变更重叠的多个用户接口对象的次序，且所述次序的变化也会反映至最表层的用户接口对象。
发明的效果
根据本发明，即使有多个UI对象重叠，也能够抑制编辑失误。
附图说明
图1是本发明的实施方式的用户接口开发支持装置的功能框图。
图2是表示本发明的实施方式的UI编辑画面的一例的图。
图3是表示多个UI对象的一览的生成方法的流程图。
图4是表示多个UI对象的一览的第一显示形态的图。
图5是表示多个UI对象的一览的第二显示形态的图。
图6是表示多个UI对象的一览显示的解除方法的流程图。
图7是表示多个UI对象的一览显示解除时的UI编辑画面的状态的图。
图8是表示作为本编辑对象的UI对象的切换方法的流程图。
图9是表示作为编辑对象的UI对象的切换作业时的UI编辑画面的状态的图。
图10是表示重叠的多个UI对象的属性的统一化方法的流程图。
图11是表示重叠的多个UI对象的属性的统一化作业时的UI编辑画面的状态的图。
图12是表示重叠的多个UI对象的次序变更方法的流程图。
图13是表示重叠的多个UI对象的次序变更作业时的UI编辑画面的状态的图。
图14是表示重叠的多个UI对象的次序变更后的UI编辑画面的状态的图。
符号的说明
10：UI开发支持装置
11：UI编辑部
12：操作输入部
13：通信控制部
14：显示部
41：指针
51、52、53：UI对象
111：运算部
112：存储部
140：UI编辑画面
141：主窗口
142：属性显示窗口
210：UI编辑程序
500：一览
1411：画面编辑区域
1412：工具条
具体实施方式
参照图来说明本发明的实施方式的用户接口开发支持技术。图1是本发明的实施方式的用户接口开发支持装置的功能框图。
如图1所示，UI(用户接口)开发支持装置10包括UI(用户接口)编辑部11、操作输入部12、通信控制部13及显示部14。UI开发支持装置10是通过个人计算机(personalcomputer)等信息处理装置而实现。
UI编辑部11包括运算部111及存储部112。运算部111是通过中央处理器(CentralProcessing Unit，CPU)等而实现，存储部112是通过硬盘(hard disk)等存储介质、半导体存储器(memory)等而实现。存储部112存储有UI(用户接口)编辑程序210。UI编辑程序210是如下所述的程序，即，根据来自操作输入部12的操作输入来进行UI(用户接口)对象的制作、在画面内的配置、属性的设定等，由此来生成、编辑UI画面。运算部111通过读出UI编辑程序210来执行，从而执行UI画面的生成、编辑。UI编辑部11使编辑中的UI画面即UI编辑画面140显示于显示部14。
操作输入部12例如包含鼠标(mouse)或键盘(keyboard)，从程序员等UI开发支持装置10的操作者受理操作输入。操作输入部12将所受理的操作内容输出至运算部111。
通信控制部13执行与可编程逻辑控制器(Programmable Logic Controller，PLC)等控制装置的通信控制。
显示部14例如为液晶显示器(display)等，显示利用UI编辑部11进行编辑的UI编辑画面140。
图2是表示UI编辑画面的一例的图。如图2所示，UI编辑画面140包含主窗口(mainwindow)141、属性显示窗口142及指针41。主窗口141与属性显示窗口142是并排显示。
主窗口141具有画面编辑区域1411及工具条(tool bar)1412。画面编辑区域1411占据主窗口141中央的大致整个区域。
在画面编辑区域1411，配置有UI对象51、61等所制作的UI对象。所谓UI对象，是指表示按钮、灯等的图形与用于显示数值的框等。
工具条1412配置有用于制作这些UI对象的工具，例如，程序员通过选择工具条1412的工具在画面编辑区域1411执行规定处理，从而实现UI对象的制作。
在属性显示窗口142中，在画面编辑区域1411，配置有在此时间点所选择的UI对象的各种属性。所谓属性，包含UI对象的名称、种类、对UI对象设定的变量、图形的形状、颜色、大小、配置位置等。
(一览显示)
图3是表示多个UI对象的一览的生成方法的流程图。图4是表示多个UI对象的一览的第一显示形态的图。图5是表示多个UI对象的一览的第二显示形态的图。
UI编辑部11通过执行图3所示的处理，从而在UI编辑画面140的画面编辑区域1411内有多个UI对象重叠时，生成图4或图5所示的多个UI对象的一览，并配置于UI编辑画面140内。
首先，UI编辑部11检测指针41在UI编辑画面140上的位置(坐标)(S101)。
UI编辑部11检测画面编辑区域1411中的指针41的位置是否重叠于UI对象(S102)。例如，画面编辑区域1411中的UI对象的区域是以二维坐标而存储。若指针41的位置坐标位于以所述二维坐标所定义的UI对象的区域内，则UI编辑部11判定为指针与UI对象重叠。将所述指针41重叠于UI对象的操作对应于一览显示用的操作。
若指针41未重叠于UI对象(S102：否)，则UI编辑部11待机至下个对指针41的操作输入为止。
如图4所示，若指针41重叠于UI对象(S102：是)，则UI编辑部11检测是否有其他UI对象重叠于所述UI对象(S103)。例如，UI编辑部11在新的UI对象的编辑、登记时，检测与已有的UI对象的重叠。并且，UI编辑部11将重叠的多个UI对象跟其Z方向的位置关系一同予以存储。由此，在随后的编辑中，UI编辑部11能够检测UI对象的重叠、Z方向的位置关系，即，从最表层的UI对象朝里侧依序排列的UI对象的位置关系。
若在画面编辑区域1411中有多个UI对象重叠于指针41所重叠的UI对象(S103：是)，则UI编辑部11生成重叠的UI对象的一览500(S104)，并如图4所示，配置于UI编辑画面140内。
一览500中包含指针41所重叠的UI对象51、重叠于此UI对象51的UI对象52及UI对象53。而且，在一览500中，UI对象51、UI对象52、UI对象53按照从由UI编辑程序210所设定的表层侧起的顺序而配置。
通过此种处理，程序员只要在UI编辑画面140上将指针重叠于UI对象，便能够容易地看到在UI编辑画面140上被此UI对象所掩盖的其他UI对象。由此，程序员能够抑制被掩盖的UI对象的编辑遗忘等编辑失误。而且，程序员能够掌握从表层起的多个UI对象的排列顺序。
此时，如图4所示，UI编辑部11将UI对象52配置成，局部重叠于更表层侧的UI对象51，并不能看到UI对象52的一部分。同样，UI编辑部11将UI对象53配置成，局部重叠于更表层侧的UI对象52，并不能看到UI对象53的一部分。由此，程序员能够更容易理解地看到UI对象51、52、53的从表层起的顺序。
进而，如图4所示，UI编辑部11是设定成，从表层侧朝向里侧，将UI对象显示得逐渐变小。由此，程序员容易更直观地理解UI对象51、52、53的从表层起的顺序。
而且，UI编辑部11靠近指针41所重叠的UI对象51来配置一览500。由此，程序员容易看到其他UI对象被UI编辑画面140内的哪个UI对象掩盖。
另外，UI编辑部11也能够进行图5所示的一览的设定。图5是表示多个UI对象的一览的第二显示形态的图。
图5所示的显示形态中，UI编辑部11生成将UI对象51、52、53沿着UI编辑画面140的纵方向依序排列的一览500，并配置于UI编辑画面140内。此设定也与图4同样，能够容易地看到在UI编辑画面140上被UI对象掩盖的其他UI对象。而且，程序员能够掌握从表层起的多个UI对象的排列顺序。进而，图5的显示形态中，无须变更重叠的多个UI对象的大小，便能够容易理解地显示从表层侧起的排列。
另外，所述说明中表示了下述形态，即，检测到指针41重叠于UI对象51，而配置一览500。但是，也能在具备键盘等作为操作输入部12，且在所述键盘上进行规定的键入等时，配置一览500。此时，规定的键入等成为一览显示用的操作。
(一览显示的解除)
UI编辑部11如以下那样进行一览500的显示解除。
图6是表示多个UI对象的一览显示的解除方法的流程图。图7是表示多个UI对象的一览显示解除时的UI编辑画面的状态的图。
UI编辑部11在所述状态下显示UI对象的一览500(S201)。在此期间，UI编辑部11检测指针41的位置(S202)。UI编辑部11检测指针41是否重叠于UI对象51(S203)。这能够通过所述图3所示的流程图的方法来实现。
若指针41与UI对象51重叠(S203：否)，则UI编辑部11继续一览500的配置(S201)。
若指针41与UI对象51未重叠(S203：是)，则UI编辑部11检测指针41是否位于解除用区域(S204)。
所谓解除用区域，例如是指如图7所示，较相对于UI对象51的区域扩展规定距离的区域ZC为更外侧的区域。
若指针41未位于解除用区域(S204：否)，则UI编辑部11继续一览500的配置(S201)。
若指针41位于解除用区域(S204：是)，则UI编辑部11从UI编辑画面140删除一览500，解除一览显示(S205)。
通过此种处理，程序员只要移动指针41，便能够解除一览500的显示，从而能恢复为基于通常的UI编辑画面140的编辑。
另外，所述说明中，是以指针41进入解除用区域为条件，来解除一览500的显示，但也可进一步对一览500的显示解除设置延迟时间。具体而言，UI编辑部11检测指针41进入解除用区域内的情况，若经过相当于延迟时间量的时间而指针41未离开解除用区域，则解除一览500的显示。
(作为编辑对象的UI对象的变更)
UI编辑部11如以下那样切换作为编辑对象的UI对象。
图8是表示作为本编辑对象的UI对象的切换方法的流程图。图9是表示作为编辑对象的UI对象的切换作业时的UI编辑画面的状态的图。
UI编辑部11在所述状态下显示UI对象的一览500(S301)。在此期间，UI编辑部11检测指针41的位置(S302)。
UI编辑部11检测指针41是否与一览500内的UI对象重叠(S303)。若指针41未与一览500内的UI对象重叠(S303：否)，则UI编辑部11继续UI对象的一览500的显示。
若指针41与一览500内的UI对象重叠(S303：是)，则UI编辑部11根据指针41所重叠的UI对象来进行UI编辑画面140的更新(S304)。
具体而言，UI编辑部11将指针41所重叠的UI对象切换为UI编辑画面140上的最表层的UI对象。伴随于此，属性显示窗口142的显示也切换为与切换后的最表层的UI对象对应的内容。例如，以图9为例，若指针41重叠于一览500内的UI对象52，则UI编辑部11将UI编辑画面140的最表层所显示的UI对象51切换为UI对象52。伴随于此，UI编辑部11将属性显示窗口142的显示由与UI对象51对应的内容，切换为与UI对象52对应的内容。并且，UI编辑部11取代UI对象51而可进行UI对象52的编辑。
通过此种处理，程序员能够容易地切换重叠的多个UI对象中的、作为编辑对象的UI对象。
(作为编辑对象的UI对象的变更)
UI编辑部11如以下那样执行重叠的多个UI对象的属性的统一化。
图10是表示重叠的多个UI对象的属性的统一化方法的流程图。图11是表示重叠的多个UI对象的属性的统一化作业时的UI编辑画面的状态的图。
UI编辑部11在所述状态下显示UI对象的一览500(S401)。在此期间，UI编辑部11检测指针41的位置(S402)。
UI编辑部11检测指针41是否与一览500内的UI对象重叠(S403)。若指针41未与一览500内的UI对象重叠(S403：否)，则UI编辑部11继续UI对象的一览500的显示。
若指针41与一览500内的UI对象重叠(S403：是)，则UI编辑部11检测是否从操作输入部12受理了统一化的操作(S404)。若未受理统一化的操作(S404：否)，则UI编辑部11继续UI对象的一览500的显示。
若受理了统一化的操作(S404：是)，则UI编辑部11根据操作内容，来进行一览500中所含的多个UI对象，即，在UI编辑画面140上重叠的多个UI对象的属性的统一化(S405)。继而，UI编辑部11根据统一内容来更新UI编辑画面140的结构(S406)。
例如，以图11为例，一览500中所含的UI对象51、UI对象52及UI对象53的尺寸与中心位置不同。
指针41重叠于一览500内的UI对象51，UI编辑部11根据统一化的操作(例如，作为操作输入部12的鼠标的右击等)，来配置记载有统一化项目的上下文菜单(context menu)70。当进一步受理了在上下文菜单70中选择尺寸与位置的统一项目的操作时，UI编辑部11将跟UI对象51一同包含在一览500中的多个UI对象52、53的尺寸和位置统一为UI对象51的尺寸和位置。由此，UI对象51、UI对象52及UI对象53的尺寸和中心位置被统一为UI对象51的尺寸和中心位置。
另外，图11所示的示例中，若选择属性的统一，则UI编辑部11对UI对象51、UI对象52及UI对象53的可变更的属性进行统一。
而且，根据所述统一化的处理，UI编辑部11不仅变更主窗口141，也变更属性显示窗口142的内容。
由此，程序员能够容易地进行重叠的多个UI对象的属性的统一化。
(UI对象的次序变更)
UI编辑部11如以下那样执行重叠的多个UI对象的次序变更。
图12是表示重叠的多个UI对象的次序变更方法的流程图。图13是表示重叠的多个UI对象的次序变更作业时的UI编辑画面的状态的图。图14是表示重叠的多个UI对象的次序变更后的UI编辑画面的状态的图。
UI编辑部11在所述状态下显示UI对象的一览500(S501)。在此期间，UI编辑部11检测指针41的位置(S502)。
UI编辑部11检测指针41是否与一览500内的UI对象重叠(S503)。若指针41未与一览500内的UI对象重叠(S503：否)，则UI编辑部11继续UI对象的一览500的显示。
若指针41与一览500内的UI对象重叠(S503：是)，则UI编辑部11检测是否从操作输入部12受理了UI对象的次序变更操作(S504)。若未受理次序变更操作(S504：否)，则UI编辑部11继续UI对象的一览500的显示。
若受理了次序变更操作(S504：是)，则UI编辑部11根据操作内容，来变更一览500中所含的多个UI对象，即，在UI编辑画面140上重叠的多个UI对象的显示次序(S505)。继而，UI编辑部11根据变更内容来更新UI编辑画面140的结构(S506)。
例如，以图13为例，在一览500中，UI对象51、UI对象52及UI对象53依此顺序排列。
指针41重叠于一览500内的UI对象52，从而如图13所示，UI编辑部11受理使UI对象52移动至较UI对象51为表层侧的次序变更操作(例如，作为操作输入部12的鼠标的拖放(drag and drop)等)。通过所述次序变更操作的受理，UI编辑部11如图14所示那样变更UI对象的次序，以使得在一览500中，从表层侧起以UI对象52、UI对象51、UI对象53的顺序而排列。进而，UI编辑部11在画面编辑区域1411，由图13所示的配置UI对象51的结构变更为图14所示的配置UI对象52的结构。与此同时，UI编辑部11不仅对主窗口141，属性显示窗口142的内容也由UI对象51的内容变更为UI对象52的内容。
由此，程序员能够容易地进行重叠的多个UI对象的次序变更。
另外，所述说明中，表示了重叠的多个UI对象未经分组的形态，但即使重叠的多个UI对象经分组，也能够适用所述处理。即，当经分组的多个UI对象至少局部地彼此重叠时，能够与所述处理同样地进行一览显示、一览显示的解除、编辑对象的变更等。
而且，UI对象并不限于进行操作输入的受理的对象，也包含单纯地显示的对象。
而且，所述多个处理也可并非独立地执行，所述多个处理也可组合起来执行。

Claims (7)

1.一种用户接口开发支持装置，其包括：
用户接口编辑部，执行用户接口的编辑处理，并使所生成的编辑画面显示于显示器；以及
操作输入部，受理针对所述用户接口的编辑的操作，其中所述操作输入部受理在所述编辑画面内指示位置的指针的操作，
当所述指针的位置移动到在所述编辑画面上存在重叠的多个用户接口对象的最表层的用户接口对象时，所述用户接口编辑部根据对所述操作输入部的一览显示用操作，来使与所述最表层的用户接口对象重叠的多个用户接口对象的一览显示在所述编辑画面内，
在所述编辑画面内显示所述一览后，当所述指针的位置移动到解除用区域时，解除所述编辑画面内的所述一览显示，所述解除用区域为位于设置为大于所述最表层用户接口对象且包围整个所述最表层用户接口对象的区域的外侧的区域。
2.根据权利要求1所述的用户接口开发支持装置，其中
当从所述操作输入部受理对所述一览内的多个用户接口对象中的一个进行选择的操作输入时，所述用户接口编辑部使所选择的用户接口对象显示为作为编辑对象的最表层的用户接口对象。
3.根据权利要求1所述的用户接口开发支持装置，其中
当从所述操作输入部受理对所述一览内的多个用户接口对象进行位置或形状的统一化的操作输入时，所述用户接口编辑部对所述一览内的多个用户接口对象的位置或形状进行统一。
4.根据权利要求1所述的用户接口开发支持装置，其中
当从所述操作输入部受理对所述一览内的多个用户接口对象进行属性的统一化的操作输入时，所述用户接口编辑部对所述一览内的多个用户接口对象的属性进行统一。
5.根据权利要求1所述的用户接口开发支持装置，其中
当从所述操作输入部受理使所述一览内的多个用户接口对象的位置关系发生变化的操作输入时，所述用户接口编辑部使所述一览内的多个用户接口对象的位置关系发生变化，并且根据此变化来设定在所述编辑画面上所述重叠的多个用户接口对象中的最表层的用户接口对象。
6.一种用户接口开发支持方法，包括：
用户接口编辑处理，执行用户接口的编辑处理，生成编辑画面；
显示处理，显示所述编辑画面；以及
操作输入处理，受理针对所述用户接口的编辑的操作，其中所述操作输入处理受理在所述编辑画面内指示位置的指针的操作，
在所述用户接口编辑处理中，
当所述指针的位置移动到在所述编辑画面上存在重叠的多个用户接口对象的最表层的用户接口对象时，根据通过所述操作输入处理的规定操作，使与所述最表层的用户接口对象重叠的多个用户接口对象的一览显示于所述编辑画面内，
在所述编辑画面内显示所述一览后，当所述指针的位置移动到解除用区域时，解除所述编辑画面内的所述一览显示，所述解除用区域为位于设置为大于所述最表层用户接口对象且包围整个所述最表层用户接口对象的区域的外侧的区域。
7.一种存储用户接口开发支持程序的计算机可读介质，所述用户接口开发支持程序使信息处理装置执行：
用户接口编辑处理，执行用户接口的编辑处理，生成编辑画面；
显示处理，显示所述编辑画面；以及
操作输入处理，受理针对所述用户接口的编辑的操作，其中所述操作输入处理受理在所述编辑画面内指示位置的指针的操作，
在所述用户接口编辑处理中，
使所述信息处理装置执行下述处理，即，当所述指针的位置移动到在所述编辑画面上存在重叠的多个用户接口对象的最表层的用户接口对象时，根据通过所述操作输入处理的规定操作，使与所述最表层的用户接口对象重叠的多个用户接口对象的一览显示于所述编辑画面内，
在所述编辑画面内显示所述一览后，当所述指针的位置移动到解除用区域时，解除所述编辑画面内的所述一览显示，所述解除用区域为位于设置为大于所述最表层用户接口对象且包围整个所述最表层用户接口对象的区域的外侧的区域。
CN201880053518.8A 2017-08-25 2018-07-30 用户接口开发支持装置与方法以及计算机可读记录介质 Active CN111052070B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
JP2017161708A JP6766779B2 (ja) 2017-08-25 2017-08-25 ユーザインタフェース開発支援装置、ユーザインタフェース開発支援方法、および、ユーザインタフェース開発支援プログラム
JP2017-161708 2017-08-25
PCT/JP2018/028378 WO2019039197A1 (ja) 2017-08-25 2018-07-30 ユーザインタフェース開発支援装置、ユーザインタフェース開発支援方法、および、ユーザインタフェース開発支援プログラム

Publications (2)

Publication Number Publication Date
CN111052070A CN111052070A (zh) 2020-04-21
CN111052070B true CN111052070B (zh) 2023-09-15

Family

ID=65438765

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201880053518.8A Active CN111052070B (zh) 2017-08-25 2018-07-30 用户接口开发支持装置与方法以及计算机可读记录介质

Country Status (5)

Country Link
US (1) US11709584B2 (zh)
EP (1) EP3674887B1 (zh)
JP (1) JP6766779B2 (zh)
CN (1) CN111052070B (zh)
WO (1) WO2019039197A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7505307B2 (ja) * 2020-07-16 2024-06-25 富士フイルムビジネスイノベーション株式会社 情報処理装置およびプログラム

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012014560A (ja) * 2010-07-02 2012-01-19 Fujitsu Ltd 図形編集プログラム，図形編集方法及び図形編集装置
TW201416954A (zh) * 2012-10-16 2014-05-01 Mitsubishi Electric Corp 畫面作成裝置及畫面作成方法
CN106422329A (zh) * 2016-11-01 2017-02-22 网易（杭州）网络有限公司 游戏操控方法和装置
CN106648338A (zh) * 2015-10-30 2017-05-10 北京国双科技有限公司 编辑数据的方法和装置
CN107045447A (zh) * 2016-02-05 2017-08-15 阿里巴巴集团控股有限公司 一种数据对象的标签显示方法和装置

Family Cites Families (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5339392A (en) * 1989-07-27 1994-08-16 Risberg Jeffrey S Apparatus and method for creation of a user definable video displayed document showing changes in real time data
US5845299A (en) * 1996-07-29 1998-12-01 Rae Technology Llc Draw-based editor for web pages
JPH11259278A (ja) * 1998-03-09 1999-09-24 Sony Corp データ生成方法および記録媒体
US6915489B2 (en) * 2001-03-28 2005-07-05 Hewlett-Packard Development Company, L.P. Image browsing using cursor positioning
US20130104062A1 (en) * 2011-09-27 2013-04-25 Z124 Unified desktop input segregation in an application manager
US20040004632A1 (en) * 2002-06-28 2004-01-08 International Business Machines Corporation Tooltip hyperlinks
US7644373B2 (en) * 2006-01-23 2010-01-05 Microsoft Corporation User interface for viewing clusters of images
US8745141B2 (en) * 2006-08-07 2014-06-03 Yahoo! Inc. Calendar event, notification and alert bar embedded within mail
US8078979B2 (en) 2007-11-27 2011-12-13 Microsoft Corporation Web page editor with element selection mechanism
JP5500855B2 (ja) * 2008-07-11 2014-05-21 キヤノン株式会社 情報処理装置及びその制御方法
US8773468B1 (en) * 2010-08-27 2014-07-08 Disney Enterprises, Inc. System and method for intuitive manipulation of the layering order of graphics objects
US9658732B2 (en) * 2010-10-19 2017-05-23 Apple Inc. Changing a virtual workspace based on user interaction with an application window in a user interface
AU2012101185B4 (en) * 2011-08-19 2013-05-02 Apple Inc. Creating and viewing digital note cards
KR102006470B1 (ko) * 2011-12-28 2019-08-02 삼성전자 주식회사 사용자 디바이스에서 멀티태스킹 운용 방법 및 장치
US9158834B2 (en) * 2013-01-21 2015-10-13 Snap-On Incorporated Methods and systems for mapping repair orders within a database
CA2842975C (en) * 2013-02-14 2021-10-19 TeamUp Technologies, Inc. Collaborative, multi-user system for viewing, rendering, and editing 3d assets
EP3058512B1 (en) * 2013-10-16 2022-06-01 3M Innovative Properties Company Organizing digital notes on a user interface
JP6343953B2 (ja) 2014-02-13 2018-06-20 オムロン株式会社 プログラマブル表示器、携帯端末装置、データ処理方法、およびプログラム

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012014560A (ja) * 2010-07-02 2012-01-19 Fujitsu Ltd 図形編集プログラム，図形編集方法及び図形編集装置
TW201416954A (zh) * 2012-10-16 2014-05-01 Mitsubishi Electric Corp 畫面作成裝置及畫面作成方法
CN106648338A (zh) * 2015-10-30 2017-05-10 北京国双科技有限公司 编辑数据的方法和装置
CN107045447A (zh) * 2016-02-05 2017-08-15 阿里巴巴集团控股有限公司 一种数据对象的标签显示方法和装置
CN106422329A (zh) * 2016-11-01 2017-02-22 网易（杭州）网络有限公司 游戏操控方法和装置

Also Published As

Publication number Publication date
JP6766779B2 (ja) 2020-10-14
US20210132755A1 (en) 2021-05-06
CN111052070A (zh) 2020-04-21
WO2019039197A1 (ja) 2019-02-28
EP3674887A1 (en) 2020-07-01
EP3674887A4 (en) 2021-04-28
EP3674887B1 (en) 2023-04-26
US11709584B2 (en) 2023-07-25
JP2019040380A (ja) 2019-03-14

Similar Documents

Publication Publication Date Title
US20190369817A1 (en) Information processing apparatus
EP3127752B1 (en) Vehicle-mounted information device
US9870144B2 (en) Graph display apparatus, graph display method and storage medium
US11435870B2 (en) Input/output controller and input/output control program
KR20130053454A (ko) 플리킹을 이용한 리스트 선택 지원 단말 장치 및 방법
KR102205283B1 (ko) 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법
US20140278088A1 (en) Navigation Device
KR102095039B1 (ko) 터치 인터페이스를 제공하는 장치에서 터치 입력을 수신하는 방법 및 장치
JP2014182588A (ja) 情報端末、操作領域制御方法及び操作領域制御プログラム
CN111052070B (zh) 用户接口开发支持装置与方法以及计算机可读记录介质
JP2015125699A (ja) 情報処理装置、及びプログラム
JP5347993B2 (ja) プログラマブル表示器及びその表示方法
US20150032419A1 (en) Plc designing apparatus
JP2013069104A (ja) 表示制御装置、方法及びプログラム
KR101260016B1 (ko) 스킨형 인터페이스를 이용한 포인터 인터페이스 구현 방법 및 이를 구현하는 터치스크린 기기
JP2012088791A (ja) 情報処理装置、情報処理方法、およびプログラム
JP5510598B2 (ja) プログラマブル表示器及びその表示方法
JP2020106959A (ja) レイアウト処理装置
JP2016033715A (ja) 情報共有システム
JP2020106960A (ja) レイアウト処理装置
JP2018101196A (ja) 情報処理装置、情報処理方法及びプログラム
KR20150110191A (ko) 단말의 메뉴 인터페이스 이동 방법 및 장치
JP2015125645A (ja) 情報処理装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant