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

freeFree Technical Resource

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

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

什么是旋转控件?

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

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

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

例程下载链接:《串口屏表盘应用》(点击跳转)

16.1 旋转控件属性介绍

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

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

路径

素材图片的文件路径

调整

“Zoom”或“裁剪”

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

过滤

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

过滤色

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

启用控件

Choice“是”或“否”;Choice“是”

初始角度

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

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

调节精度

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

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

用途

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

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

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

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

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

限制角度

滑动旋钮模式下生效,Choice“是”或者“否”

最大角度

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

通知方式

滑动旋钮模式下生效,Choice“松开时”或者“滑动时”

16.2 旋转控件应用

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

画面配置

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

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

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

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

속 성 구성

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

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

실행 미리 보기

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

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

단일 칩 컴퓨터 프로그램

사용자 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
    ……
}
Related Tags
Put this resource to use in a real project?

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

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 주소 will not be published. Required fields are marked *.