문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
comfilehmi:슬라이더바:index [2023/04/11 11:48] Comfile Technology [동영상] |
comfilehmi:슬라이더바:index [2023/10/25 03:57] (현재) Comfile Technology |
||
---|---|---|---|
줄 1: | 줄 1: | ||
====== 슬라이더바 ====== | ====== 슬라이더바 ====== | ||
- | 슬라이더바는 트랙 위에서 손잡이를 드래그하여 원하는 값을 미세하게 조정할 수 있는 슬라이더 형태의 오브젝트입니다. | + | 슬라이더바는 트랙 위에서 손잡이를 드래그하여 원하는 값을 미세하게 조정할 수 있습니다. |
수평(왼쪽에서 오른쪽으로 갈수록 값이 커짐), 수직(아래에서 위로 올라갈수록 값이 커짐) 방향 모두 지원합니다. | 수평(왼쪽에서 오른쪽으로 갈수록 값이 커짐), 수직(아래에서 위로 올라갈수록 값이 커짐) 방향 모두 지원합니다. | ||
줄 7: | 줄 7: | ||
{{ :comfilehmi:슬라이더바:slidebar_explain1.png?nolink |}} | {{ :comfilehmi:슬라이더바:slidebar_explain1.png?nolink |}} | ||
- | 1. 슬라이더바가 워드 주소, HMI 변수, HMI 메모리 중 어느 값과 연동해서 움직일지 결정합니다. 터치를 하지 않아도 연동된 값이 변하면 슬라이더바도 그 값에 맞추어 움직입니다. | + | 1. 슬라이더바가 워드 주소, 내부 변수, 내부 메모리 중 어느 값과 연동해서 움직일지 결정합니다. 터치를 하지 않아도 연동된 값이 변하면 슬라이더바도 그 값에 맞추어 움직입니다. |
2. 최소값과 최대값을 정하면 그 값의 범위에 맞추어 슬라이더바의 손잡이가 움직입니다. | 2. 최소값과 최대값을 정하면 그 값의 범위에 맞추어 슬라이더바의 손잡이가 움직입니다. | ||
{{ :comfilehmi:슬라이더바:slidebar11.png?nolink |}} | {{ :comfilehmi:슬라이더바:slidebar11.png?nolink |}} | ||
+ | |||
+ | ===== 데모 동영상 ===== | ||
+ | |||
+ | {{ :comfilehmi:슬라이더바:barandgrape.mp4?1000x500 |}} | ||
+ | |||
+ | ===== 디자인 ===== | ||
3. 슬라이더바에 차오르는 효과를 주기 원할 경우 체크합니다. 체크를 해제하면 손잡이를 분기점으로 해서 채워진 부분과 비어 있는 부분의 디자인의 구분이 없게 됩니다. | 3. 슬라이더바에 차오르는 효과를 주기 원할 경우 체크합니다. 체크를 해제하면 손잡이를 분기점으로 해서 채워진 부분과 비어 있는 부분의 디자인의 구분이 없게 됩니다. | ||
줄 27: | 줄 33: | ||
9. 트랙 디자인과 흡사한 방식으로 손잡이도 디자인을 결정합니다. | 9. 트랙 디자인과 흡사한 방식으로 손잡이도 디자인을 결정합니다. | ||
- | {{:comfilehmi:슬라이더바:sldbar_design_track.png?nolink|}} | + | {{ :comfilehmi:슬라이더바:sldbar_design_track.png?nolink |}} |
10. 내부 레이아웃이란 트랙의 두께나 손잡이의 배치 구조등을 결정하는 것으로서 시스템 리소스일 경우는 디폴트로 제시되는 레이아웃이 있습니다. 시스템 리소스일 경우 기본 레이아웃을 원하면 '시스템 레이아웃 사용'을 체크합니다. | 10. 내부 레이아웃이란 트랙의 두께나 손잡이의 배치 구조등을 결정하는 것으로서 시스템 리소스일 경우는 디폴트로 제시되는 레이아웃이 있습니다. 시스템 리소스일 경우 기본 레이아웃을 원하면 '시스템 레이아웃 사용'을 체크합니다. | ||
줄 37: | 줄 43: | ||
13. 최대값일 경우 손잡이가 위치할 지점을 결정합니다. | 13. 최대값일 경우 손잡이가 위치할 지점을 결정합니다. | ||
- | 14. 표시 옵션과 위치 옵션에 대한 설정을 합니다. | + | 14. 표시 옵션과 위치 옵션에 대한 설정을 합니다. ([[comfilehmi:objectlocation:index|표시 및 위치]]) |
15. 누름 옵션과 비프음 옵션에 대한 설정을 합니다. | 15. 누름 옵션과 비프음 옵션에 대한 설정을 합니다. | ||
- | {{:comfilehmi:슬라이더바:sldbar_layout.png?nolink|}} | + | {{ :comfilehmi:슬라이더바:sldbar_layout.png?nolink |}} |
+ | |||
+ | ===== 스위치 방식으로 동작 ===== | ||
- | 16. '스위치 방식으로 동작'에 체크하면 슬라이더바가 부드럽게 드래그 되지 않고 중간 중간에 균일하게 나누어진 지점에 손잡이가 멈추게 됩니다. 몇가지로 갯수가 정해진 값들 중에 하나를 선택하는 방식을 원할 경우 이 옵션에 체크합니다. | + | * '스위치 방식으로 동작'에 체크하면 슬라이더바가 부드럽게 드래그 되지 않고 중간 중간에 균일하게 나누어진 지점에 손잡이가 멈추게 됩니다. 몇가지로 갯수가 정해진 값들 중에 하나를 선택하는 방식을 원할 경우 이 옵션에 체크합니다. |
- | 17. 선택하기 원하는 값(스위치)의 갯수를 입력합니다. | + | * 선택하기 원하는 값(스위치)의 갯수를 입력합니다. |
- | 18. 각각의 스위치 지점에 해당되는 값의 목록을 쉼표로 차례대로 입력합니다. 위에서 입력한 '스위치 갯수' 만큼 갯수를 맞추어 입력해야 합니다. | + | * 각각의 스위치 지점에 해당되는 값의 목록을 쉼표로 차례대로 입력합니다. 위에서 입력한 '스위치 갯수' 만큼 갯수를 맞추어 입력해야 합니다. |
{{ :comfilehmi:슬라이더바:slidebar12.png?nolink |}} | {{ :comfilehmi:슬라이더바:slidebar12.png?nolink |}} | ||
- | ===== 동영상 ===== | + | {{ :comfilehmi:슬라이더바:sbarvideo.mp4?600x300 |}} |
- | {{ :comfilehmi:슬라이더바:barandgrape.mp4?1024x600 |}} | ||
- | [[comfilehmi:index#오브젝트_편집|상위 페이지로 가기]] | + | [[comfilehmi:index#위젯|상위 페이지로 가기]] |