회전 컨트롤은 어떻게 사용합니까?

무료무료 기술 자료

이 글은 바로 읽을 수 있으며 기초 학습과 검색 유입에 적합합니다.

회전 컨트롤은 어떻게 사용합니까?

什么是旋转控件?

회전 컨트롤은 어떻게 사용합니까?插图

如上图,仅适合M/物联型,旋转控件是自定义指针的형식,通过设定旋转控件一个坐标来旋转,然后配合表盘(背景图)显示

旋转控件,物联型、M시리즈、H시리즈、X시리즈

例程下载链接:《시리얼 HMI表盘적용》(클릭跳转)

16.1 旋转控件属性介绍

用户可以通过旋转控件插入任意大小的图片,设置相应的旋转中心,让该图片围绕相应的旋转中心进行旋转,从而实现表盘的功能。旋转控件的属性窗口如下所示

회전 컨트롤은 어떻게 사용합니까?插图1

路径

素材图片的文件路径

调整

“缩放”或“裁剪”

  1. 缩放整张图片的显示
  2. 裁剪图片裁剪显示,通过调整旋转控件大小进行裁剪

过滤

“勾选”或“취소”,勾选后【过滤色】才生效

过滤色

勾选过滤选项后设置:选择需要过滤的颜色

활성화控件

选择“是”或“否”;选择“是”

初始角度

图片的初始旋转角度,如下所示:

회전 컨트롤은 어떻게 사용합니까?插图2

调节精度

“1度”或者“0.1度”,如下所示:

회전 컨트롤은 어떻게 사용합니까?插图3

用途

旋转控件的用途有“图片旋转”、“滑动旋钮”、“时钟-时”、“时钟-分”和“时钟-秒”,如下所示:

회전 컨트롤은 어떻게 사용합니까?插图4

旋转点x偏移/旋转点y偏移

旋转中心的坐标。用户可用鼠标放置在相应的坐标上,然后클릭鼠标右键,选中“设为旋转点””,如下所示

회전 컨트롤은 어떻게 사용합니까?插图5

限制角度

滑动旋钮모드下生效,选择“是”或者“否”

最大角度

滑动旋钮모드下生效,开启限制角度后,“最大角度”的范围为0~360

通知방식

滑动旋钮모드下生效,选择“松开时”或者“滑动时”

16.2 旋转控件적용

【旋转控件】화면,通过插入的“表针”素材图片,设置相应的旋转中心,让该图片围绕相应的旋转中心进行旋转,从而实现表盘的적용

화면설정

在【仪表控件】화면的“背景图片”导아래 와 같이 해당 미 술 사 진 을 입력 합니다 .

회전 컨트롤은 어떻게 사용합니까?插图6

화 면에 1 개의 회 전 컨트롤 (컨 트 롤 ID : 1) 을 추가 하면 아래 와 같이 스 핀 프레 임 에 회 전 컨트롤 의 소 재 이미 지가 로 드 됩니다 .

회전 컨트롤은 어떻게 사용합니까?插图7

속 성 구성

미 터 컨트롤 의 속 성 창 에서 회 전 점 X / Y 간 격 띄 우 기를 설정 하고 회 전 컨트롤 을 선택 하고 마 우스 오른쪽 버튼 을 클릭 하여 옵션 상 자를 팝 업 하고 다음과 같이 회 전 점 설 정을 선택 합니다 .

회전 컨트롤은 어떻게 사용합니까?插图8

실행 미리 보기

가상 화 면을 실행 하고 Visual T FT 소프트웨 어는 가상 화 면 과 " 가 상 직 렬 포 트 " 를 사용하여 연결 을 설정 합니다 . [ 명 령 도우 미 ] 를 열 고 왼쪽 탐 색 [ 회 전 컨트롤 ] 을 선택 하고 [ 회 전 각 도 설정 ] 명령 매 개 변 수를 설정 합니다 .루 틴 에서 예를 들어 , 제어 화 면 (화 면 ID : 1) 에서 회 전 컨트롤 (컨 트 롤 ID : 1), " 수 치 " 를 " 200 " 로 입력 하고 " 보 드 " 를 클릭 하십시오 ; 또는 명령 도우 미 에서 슬 라이 딩 막 대를 드 래 그 하여 계 기 컨트롤 값을 설정 할 수 있습니다 .실행 효과 는 다음과 같다 .

회전 컨트롤은 어떻게 사용합니까?插图9

단일 칩 컴퓨터 프로그램

사용자 MC U 는 개발 패키 지 ke il 프로그램 에서 him . de ver . h 파일 의 함 수 선언 과 him . de ver . c 파일 의 정의 를 참조 하여 회 전 컨트롤 을 업데이트 하는 프로그램을 제어 합니다 . ke il 프로그램의 함 수 정의 선언 은 다음과 같습니다 .

/** ********************************************************************
** 함 수 이름 : vo id Set _ Rot ate V alue (u int 16 screen _ id ,
**                                     u int 16 control _ id ,
**                                     u int 16 값)
** 설명 서    : 회 전 컨트롤 값 설정
** input paramet ers : screen _ id : 화 면 ID
**                  control _ id : 컨트롤 ID
**                       값 : 설정 해야 하는 컨트롤 값
** 출 력 매 개 변 수 : 없음
** 반환 된 값    : 없음
*********************************************************************/
{
    ……
    Rot ate V alue (1, 1, 200); / / 설정 화 면 1, 컨트롤 1 회 전 컨트롤 값 200
    ……
}
相关标签
실제 프로젝트에 이 자료를 활용하시겠습니까?

도구 센터에서 프레임 분석, CRC 검증, 장비 디버깅을 진행하거나 요청을 제출하여 선정 및 연동 제안을 받아보세요.

엔지니어 회원

이 글을 실행 가능한 디버깅 자료로 활용하세요

가입하면 고급 프레임 분석, 자료 패키지 다운로드, 코드 예제, 엔지니어링 사례, 우선 기술 지원을 이용할 수 있어 실제 프로젝트 납품에 적합합니다.

고급 도구 무제한 이용
자료 패키지와 코드 패키지
완전한 엔지니어링 사례 라이브러리
우선 기술 지원 채널

답글 작성

이메일 주소는 공개되지 않습니다. 必填项已用 * 标注