입력 유형 - UI 요소

사용자 인터페이스(UI) 요소는 Bot을 구축하는 동안 작업에서 입력을 수신하는 데 사용되는 입력 컨트롤입니다.

다음 예는 지원되는 입력 유형을 보여줍니다. UI 요소를 사용하여 UI(사용자 인터페이스) 디자인을 생성하고 Control Room 인터페이스를 빌드합니다. 예를 들어 텍스트로의 입력이 필요한 경우 TEXT를 사용하고, 라디오 버튼이 필요한 경우 RADIO를 선택합니다. 이 항목은 다음 위치에 있는 Package SDK 내에 제공되는 SampleUI 샘플을 기반으로 합니다. <PackageSDK>\src\main\java\com\automationanywhere\botcommand\samples\commands\ui\SampleUI.java.

  1. 모든 기능이 샘플에 설명된 대로 작동하도록 다음 패키지를 가져왔는지 확인합니다.
    import com.automationanywhere.commandsdk.annotations.Idx;
    import com.automationanywhere.commandsdk.annotations.Pkg;
    import com.automationanywhere.commandsdk.annotations.rules.CodeType;
    import com.automationanywhere.commandsdk.annotations.rules.VariableType;
  2. @BotCommand 주석을 추가하여 클래스를 Control Room의 작업으로 만듭니다. 주석에 대한 자세한 정보는 라벨의 내용을 참조하십시오.
    @BotCommand
  3. @CommandPkg 주석을 추가하여 모든 UI 관련 컴포넌트(labels, descriptionname)를 정의합니다.
    @CommandPkg(label = "UI Demo", description = "Demonstrates the provided UI elements", name = "uiDemo")
  4. 아래의 설명과 같이 클래스를 생성하고 필드를 정의합니다.
    1. 컴파일 도중 메서드를 실행하려면 메서드에 @Execute 주석을 추가합니다.
    2. 이 샘플에서는 @Idx@Pkg가 클래스의 구성원으로 사용되므로 setget 메서드를 사용하여 이를 정의해야 합니다.
      1. @Idx - 작업의 인덱스를 정의합니다.
      2. @Pkg - 인터페이스에 표시된 모든 매개변수와 구성원 변수를 정의합니다. @Idx가 동반되어야 하며, 그렇지 않은 경우 이 주석은 무시됩니다.
      3. @Inject - 구성원 클래스를 사용하여 UI에서 값을 받으려면 필드 수준에서 @Inject가 필요합니다.
        @BotCommand
        @CommandPkg(label = "UI Demo", description = "Demonstrates the provided UI elements", name = "uiDemo")
        public class SampleUI {
                @Idx(index = "1", type = TEXT)
                @Pkg(label = "Text type")
                @Inject
                String text;
        
            @Execute
            public String getText() {
                return text; 
            } 
            public void setText(String text)  {
                this.text = text; 
            }
        }
  5. 작업을 캔버스로 드래그하면 텍스트 필드에 문자열을 입력할 수 있습니다. 이 이미지와 유사한 입력 상자가 표시됩니다.

    UI 요소 텍스트 SDK 데모를 보여주는 이미지

UI 요소 - 숫자 필드

숫자 유형을 사용하여 숫자를 허용하는 UI 요소를 만듭니다. 아래 샘플을 사용하여 숫자만 허용하는 필드를 만들 수 있습니다.

@BotCommand
@CommandPkg(label = "UI Demo", description = "Demonstrates the provided UI elements", name = "uiDemo")
public class SampleUI {
        @Idx(index = "2", type = NUMBER)
        @Pkg(label = "Number type")
        @Inject
        String num;

    @Execute
    public String getNum() {
        return num; 
    } 
    public void setNum(String num)  {
        this.num = num; 
    }
}
기타 UI 요소

다음과 같은 다른 UI 컴포넌트를 만들 수 있습니다. 부울, 라디오 버튼, 숫자, 변수, 코드, 사전, 목록, 날짜/시간 등. 지원되는 UI 요소의 전체 목록을 보려면 <PackageSDK>\src\main\java\com\automationanywhere\botcommand\samples\commands\ui\SampleUI.java를 참조하십시오.

지원되는 UI 검증
다음 UI 검증도 지원됩니다.
  • @NotEmpty는 UI 필드에 Bot 설계 시간 입력이 필요함을 의미합니다.
  • @LocalFile은 사용자 시스템의 로컬 파일을 나타냅니다.
  • @NumberIntegers는 float 또는 이중 입력 종류와 같이 제공할 수 있는 숫자 값을 나타냅니다.