입력 유형 - UI 요소
- 최종 업데이트2022/05/19
입력 유형 - UI 요소
사용자 인터페이스(UI) 요소는 Bot을 구축하는 동안 작업에서 입력을 수신하는 데 사용되는 입력 컨트롤입니다.
다음 예는 지원되는 입력 유형을 보여줍니다. UI 요소를 사용하여 UI(사용자 인터페이스) 디자인을 생성하고 Control Room 인터페이스를 빌드합니다. 예를 들어 텍스트로의 입력이 필요한 경우 TEXT
를 사용하고, 라디오 버튼이 필요한 경우 RADIO
를 선택합니다. 이 항목은 다음 위치에 있는 Package SDK 내에 제공되는 SampleUI 샘플을 기반으로 합니다. <PackageSDK>\src\main\java\com\automationanywhere\botcommand\samples\commands\ui\SampleUI.java.
- 모든 기능이 샘플에 설명된 대로 작동하도록 다음 패키지를 가져왔는지 확인합니다.
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;
-
@BotCommand
주석을 추가하여 클래스를 Control Room의 작업으로 만듭니다. 주석에 대한 자세한 정보는 라벨의 내용을 참조하십시오.@BotCommand
-
@CommandPkg
주석을 추가하여 모든 UI 관련 컴포넌트(labels, description 및 name)를 정의합니다.@CommandPkg(label = "UI Demo", description = "Demonstrates the provided UI elements", name = "uiDemo")
- 아래의 설명과 같이 클래스를 생성하고 필드를 정의합니다.
- 컴파일 도중 메서드를 실행하려면 메서드에
@Execute
주석을 추가합니다. - 이 샘플에서는
@Idx
및@Pkg
가 클래스의 구성원으로 사용되므로set
및get
메서드를 사용하여 이를 정의해야 합니다.-
@Idx
- 작업의 인덱스를 정의합니다. -
@Pkg
- 인터페이스에 표시된 모든 매개변수와 구성원 변수를 정의합니다.@Idx
가 동반되어야 하며, 그렇지 않은 경우 이 주석은 무시됩니다. -
@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; } }
-
- 컴파일 도중 메서드를 실행하려면 메서드에
- 작업을 캔버스로 드래그하면 텍스트 필드에 문자열을 입력할 수 있습니다. 이 이미지와 유사한 입력 상자가 표시됩니다.
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 요소의 전체 목록을 보려면 <PackageSDK>\src\main\java\com\automationanywhere\botcommand\samples\commands\ui\SampleUI.java를 참조하십시오.
지원되는 UI 검증다음 UI 검증도 지원됩니다.
- @NotEmpty는 UI 필드에 Bot 설계 시간 입력이 필요함을 의미합니다.
- @LocalFile은 사용자 시스템의 로컬 파일을 나타냅니다.
- @NumberIntegers는 float 또는 이중 입력 종류와 같이 제공할 수 있는 숫자 값을 나타냅니다.