GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서

freeFree Technical Resource

This content is free to read, suitable for basic learning and search traffic.

GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서
1. 원형 슬라이딩 막대 소개 원형 슬라이딩 막대는 슬라이딩 막대와 동일하며 온도, 볼륨 및 밝기 및 기타 조정 기능에 적용 할 수 있으며 버튼 컨트롤에 비해 더 빠르고 직관적이며 원형 슬라이딩 막대와 슬라이딩 막대의 차이점은 모양이 다르다는 것입니다. 2. 원형 슬라이딩 막대를 추가하는 방법 엔지니어링 파일을 열거나 새로 작성하고 도구 상자에서 표준 컨트롤을 클릭하고 그림 2. 1 과 같이 창에 원형 슬라이드 막대 컨트롤을 추가하려면 원형 슬라이드 막대 아이콘을 선택합니다.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure
그림 2. 1 원형 슬라이딩 막대 추가 모양을 변경하는 방법 슬라이딩 막대를 선택하고 오른쪽 속성 창을 클릭하여 이미지 수정을 할 수 있으며 "추가" 버튼을 클릭하여 슬라이더 표시를 추가합니다. 바닥 맵은 슬라이딩 막대가 당기지 않을 때 표시되는 이미지이며 상태 맵은 슬라이딩 막대가 당긴 후 표시되는 이미지이며 슬라이더는 그림 3. 1 과 같이 슬라이딩 막대가 당긴 위치를 표시합니다.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure1
그림 3. 1 이미지 대체 주: 이미지 표시 선택 단색 시뮬레이션할 때 슬라이딩 막대는 그림 3. 2 와 같이 작동하지 않을 때 언더맵 및 슬라이더를 표시합니다.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure2
그림 3. 2 원형 슬라이딩 막대 작동 없음 그림 3. 3 과 같이 슬라이딩 막대를 당깁니다.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure3
그림 3. 3 원형 슬라이드 막대 당기기
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure4
4. Miscellaneous 를 설정하는 방법 오른쪽 속성 창에서 를 클릭합니다.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure5
슬라이드 막대의 오프셋 좌표, 최대값 및 최소값,방향 및 트 리 거 모 드는 그림 4. 1 에 표시 되어 있습니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure6
그림 4. 1 기타 설정 4. 1 포인 터 오 프 셋 각 도를 설정 하는 방법 포인 터 시작 / 종료 각 도 아래 의 입력 상 자를 클릭 하면 키 보 드 또는 " + "- " 버튼 을 통해 포인 터 시작 / 종료 각 도를 설정 하고 포인 터 각 도를 설정 하여 원 형 슬 라이 딩 막 대를 끌어 당 길 수 있는 범 위를 설정 할 수 있습니다 .포인 터 시작 각 도는 기본 값 으로 0 ° 이며 포인 터 기본 각 도는 360 ° 이며 범위 내에서 아무 래 도 당 길 수 있습니다 . 포인 터 시작 각 도가 0 ° 이며 포인 터 끝 각 도가 180 ° 이며 원 형 슬 라이 더 가 0 ° - 180 ° 로 표시 되면 슬 라이 더 는 이 영역 에서만 수행 할 수 있습니다 . 그림 4. 2 에 표시 된 것처럼 슬 라이 드 합니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure7
그림 4. 2 포인 터 시작 / 끝 각 도
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure8
4. 2 원 중심 좌 표를 설정 하는 방법 원 심 횡 좌 표 입력 상 자를 클릭 하면 키 보 드 또는 " + "- " 버튼 을 통해 원 심 횡 좌 표를 설정 할 수 있습니다 . 원 형 슬 라이 딩 막 대 밑 면 이 교체 되면 밑 면 중심 이 중심 에 있지 않으면 원 심 횡 좌 표를 설정 하여 원 심 을 찾 습니다 .원 중심 의 횡 좌 표 의 위 치는 원 형 슬 라이 더 의 높이 및 폭 과 같습니다 . 그림 4. 3 과 같이 닫 고 원 중심 의 각 위치 도 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure9
원 중심 (0, 0) 위치
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure10
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure11
원 중심 의 기본 위치
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure12
https://image.modbus <img class="ne-image ne-image-preview" draggable="true" src=". cn / wp - content / upload s / 20 23 / 06 / 20 250 9 15 12 2 10 85 3 6. j p g " alt =" wid th =" 130 "/>
원 중심 (1 00, 100) 위치
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure13
원 형 슬 라이 딩 막 대의 폭 과 높 이는 다음과 같습니다 . 그림 4. 3 원 심 횡 좌 표 4. 3 반 지 름을 설정 하는 방법 반 지 름 아래 의 입력 상 자를 클릭 하면 키 보 드 또는 " + "- "- " 버튼 을 통해 반 지 름을 설정 할 수 있으며 , 반 지 름 설정 은 원 형 슬 라이 딩 막 대의 중심 점 과 슬 라이 더 사이의 거 리를 설정 합니다 . - 1 은 그림 4. 4 에 표시 된 것처럼 기본 반 지 름 입니다 (어떤 숫자 의미 도 나타내 지 않습니다).
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure14
그림 4. 4 반 지 름 설정 4. 4 폭 을 설정 하는 방법 폭 아래 의 입력 상 자를 클릭 하면 키 보 드 또는 " + "- " 버튼 을 통해 폭 을 설정 할 수 있으며 폭 을 설정 하면 그림 4. 5 와 같이 원 형 슬 라이 딩 막 대 표시 의 폭 을 설정 합니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure15
그림 4. 5 폭 설정 4. 5 최대 / 최소 값 을 설정 하는 방법 최대 / 최소 값 아래 의 입력 상 자를 클릭 하면 키 보 드 또는 " + ", " - " 버튼 을 통해 슬 라이 딩 막 대의 최대 / 최소 값을 설정 할 수 있으며 최대 값 은 기본 값 100 이 고 최소 값 은 기본 값 0 입니다 . 최대 / 최소 값 설정 은 슬 라이 딩 막 대가 나타내는 데이터 의 최대 및 최소 값 을 설정 합니다 . 최소 값 을 15 로 설정 하고 최대 값 을 36 으로 설정 하면 그림 4. 6 과 같이 슬 라이 딩 막 대의 시작 값 은 15 이 고 슬 라이 딩 막 대의 끝 값 은 36 입니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure16
그림 4. 6 최대 / 최소 값 설정 주 : 슬 라이 딩 막 대에 변 수 바 인 딩 이 필요 하며 , 최소 값 이 15 이 고 최대 값 이 16 인 정 수 사용자 변 수를 바 인 딩 합니다 . 4. 6 트 리 거 모 드를 설정 하는 방법 트 리 거 모 드 에서 버튼 을 클릭 하면 드 롭 다운 상 자가 팝 업 되며 , 연속 트 리 거 및 방 출 트 리 거 모 드가 있으며 , 연속 트 리 거 를 선택 하면 슬 라이 드 막 대를 당 길 때 항상 트 리 거 되며 , 방 출 트 리 거 모 드는 슬 라이 드 막 대를 당 길 때 풀 리는 순간 트 리 거 를 수행 합니다 . 그림 4. 7 과 같이 표시 됩니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure17
그림 4. 7 트 리 거 모 드 설정 < span class = " ne - vie wer - b - fil ler "> 5. 응용 사례 5. 1 이벤트 목록 다음 표에 설명된 이벤트 목록:
컨트롤 초기화
원형 슬라이더가 초기화될 때 트리거되는 이벤트
컨트롤 제거
원형 슬라이딩 막대가 제거될 때 트리거되는 이벤트
값이 변경됨
원형 슬라이드 막대에서 슬라이드 동작을 수행할 때 트리거됨
5. 2 원형 슬라이딩 막대를 통해 사용자 정의 프로토콜 명령을 보내는 방법 1) 이벤트를 추가하는 방법 그림 5. 1 과 같이 원형 슬라이딩 막대를 선택하고 오른쪽 속성 창에서 이벤트를 클릭하여 이벤트를 추가합니다.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure18
그림 5. 1 이벤트 추가 2, 처리 방법을 설정하는 방법 사용자 정의 프로토콜은 Modbus 프로토콜과 같은 프로젝트에서 사용할 수 있는 다른 프로토콜입니다. 처리 방법 오른쪽 아래를 클릭합니다.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure19
처리 방법 창이 팝업되고 명령 보내기 → [사용자 정의 프로토콜] 을 선택하여 직렬 포트 명령 보내기 → 명령 설정 그림 5. 2 에 표시된 대로.
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure20
그림 5. 2 [사용자 정의 프로토콜] 직렬 포트 명령 전송 주: [사용자 정의 프로토콜] 을 클릭하여 직렬 명령을 보낼 때 그림 5. 3 과 같이 사용자 정의 명령 함수 설명 창이 팝업됩니다.
& lt; div class = "ne - image - wrap ne - image - loaded ne - image - style - none" data - testid = "ne - card - i"마법 사 >>
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure21
그림 5. 3 사용자 정의 명령 어 함 수 설명 창 3) 변 수 바 인 딩 방법 슬 라이 딩 막 대를 선택 하고 오른쪽 속 성 창 에서 변 수 바 인 딩 → 추가 → 바 인 딩 된 컨트롤 속 성 " 현 재 값 " → 데이터 소 스 바 인 딩 " Var 0 " → 변환 모 드 " 양 방 향 " → 변환 메 서 드 " 기 본 값 " 을 클릭 합니다 . 그림 5. 4 에 나와 있습니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure22
그림 5. 4 변 수 바 인 딩 주 : Var 0 변 수는 다음과 같습니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure23
원 형 슬 라이 딩 막 대 에서 전송 된 표준 프로토 콜 명령을 보는 방법 사용자 정의 프로토 콜 명령 이 " AB CD $B Y TE (# 300 5) $CR C 16 MO DB US (1, 3) $D ELA Y (1 000) " 로 전송 되면 시 뮬 레이 션 실행 버튼 을 클릭 합니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure24
그림 5. 5 와 같이 시 뮬 레이 션 인터페 이스 에서 원 형 슬 라이 딩 막 대를 슬 라이 드 하여 전송 된 명령을 봅니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure25
그림 5. 5 [ 사 용 자 정의 프로토 콜 ] 명령 보내 기 5. 2 사용자 정의 해석 을 통해 원 형 슬 라이 딩 막 대를 설정 하는 방법 1. 사용자 정의 분석 을 추가 하는 방법 프로젝트 창 을 팝 업 프로젝트 창 을 클릭 하고 프로토 콜 설정 → 프로토 콜 유형 을 " 사 용 자 정의 프로토 콜 " 으로 설정 → 사용자 정의 프로토 콜 분석 설정 → 팝 업 분석 설정 창 → 추가 를 클릭 하여 사용자 정의 분석 설정 창 을 팝 업 하여 요구 사항 및 요구 사항 에 따라 설정 하여 그림 5. 6 과 같이 사용자 정의 프로토 콜 분석 을 추가 할 수 있습니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure26
그림 5. 6 사용자 정의 프로토 콜 분석 추가 2. 사용자 정의 분석 을 설정 하는 방법 프레 임 헤 더 는 " AB CD 00 01 " → 체크 체크 프레 임 끝 → 프레 임 끝 " 00 01 " → 총 프레 임 길이 " 7 " → 연관 변 수 인 덱 스는 " 300 5 " → 데이터 시작 오 프 셋 바 이트 " 5 " → 데이터 길이 (바 이트) 는 "1 " → 데이터 형 식은 "1 바 이트 " → 데이터 유형 은 " 연 속 " → 확인 을 클릭 합니다 . 그림 5. 7 과 같이 .
https://image.modbus.cn/wp-content/uploads/2023/06/1687571645068-a3 <img class="ne-image ne-image-preview" draggable="true" src="6 d 0 82 b - 33 9 2 - 49 b d - b 5 c 9 - b 88 a 69 17 7 f c 1 - 2. j p g " alt = ""/>
그림 5. 7 사용자 정의 해석 설정 3. 시 뮬 레이 션 디 버 깅 시 뮬 레이 션 디 버 그 작업 및 방법은 그림 5. 8 과 같이 시 뮬 레이 션 디 버 그 사용 설명 서를 참조 하여 직 렬 디 버 그 도구 소프트웨어를 통해 " AB CD 00 01 19 00 01 " 명령을 보내 며 원 형 슬 라이 딩 막 대가 25 의 위치 로 당 깁니다 .
GUI Designer 원형 슬라이드 막대 컨트롤 사용 설명서Figure27
그림 5. 8 시 뮬 레이 션 디 버 그
Related Tags
Put this resource to use in a real project?

Go to the Tool Center for message parsing, CRC verification and device debugging, or submit your requirements for selection and integration advice.

Open Debug Tools View Related Products
Engineer Membership

Turn this article into actionable debugging resources

After activation, you can use advanced message parsing, resource pack downloads, code examples, engineering cases and priority technical support, suitable for real project delivery.

Unlimited Advanced Tools
Resource & Code Packs
Complete Engineering Case Library
Priority Technical Support

Leave a Reply

Your email address will not be published. Required fields are marked *.