애 니 메 이션 컨트롤 (G IF 컨트롤) 은 어떻게 사용 합니까 ?

什么是GIF控件?

GIF动画、ICON图标文件可以通过动画控件来显示。用户可以设置动画控件自动播放，也可以设置触摸，本例程中介绍动画控件常见的적용，结合엔지니어링中的화면介绍每一个적용的설정，常见的적용如下所示

1. 开机动画：开机后，动画自动播放，并在播放完成后执行指定的动作
2. ICON文件播放：使用VisualTFT软件制作ICON文件，ICON图标循环播放

适用范围：全시리즈

例程下载链接：《GIF控件적용》(클릭跳转)

7.1 GIF控件属性介绍

GIF控件属性如下所示

初始化显示

进入该화면时控件是否初始化显示

1. 选择“否”，控件初始化不显示。닫기之后用户如果想要把动画显示出来,可以用指令助手的显示隐藏控件보내기指令进行初始化显示
2. 选择“是”，开启初始化显示，控件初始化显示

动画文件

选择播放文件：支持GIF、ICON文件

透明处理

1. 使用透明色：图标中的透明色直接透明显示
2. 与背景混合：图标中的透明色显示当前화면的相同坐标的背景色或背景图片
3. 与背景色融合并压缩：一般用于压缩有大量透明区域的PNG图片（环形京都条、汽车仪表等）

自动播放

进入该화면时动画是否自动播放

1. 否：不自动播放
2. 是：自动播放
3. 间隔时间：自动播放间隔时间（单位为毫秒）
4. 반복 횟수：循环播放次数（0表示不断循环播放）
5. 播放종료时：播放종료时的处理（不处理、보내기通知、전환到下一화면）

触摸设置

手指在控件上触摸或滑动时，是否通知或换帧

1. 禁止触摸：不能触摸
2. 允许触摸：触摸控件时보내기通知
3. 水平/垂直滑动时换帧：水平/垂直滑动时，전환帧并보내기通知
4. 步长（像素）：滑动전환一帧的单位，전환帧数=滑动距离/步长，如下所示

7.2 开机动画

【开机动画】화면，介绍开机动画设置，可以设置开机动画自动播放，并在播放종료后自动跳到다음 페이지

화면설정

在【开机动画】화면的“背景图片”导入相应的美工图片。在该화면中추가动画控件，如下所示

属性설정

设置动画控件（控件ID：1）的属性，【动画文件】选择GIF文件、设置【间隔时间】为“35”、【播放종료时】为“전환到下一帧”，설정如下所示

运行预览

运行虚拟屏，动画控件播放完毕自动跳转다음 페이지面，运行效果如下所示

MC U 제어 GIF 재생 , 일시 중지

개발 패키 지 ke il 프로그램 에서 him . de ver . h 파일 의 함 수 선언 과 him . de ver . c 파일 의 정의 를 참조 하십시오 .

MC U 제어 켜 기 재생 애 니 메 이션

예를 들어 , 사용자가 애 니 메 이션 을 재생 하기 시작 하려면 애 니 메 이션 재생 함 수 Anim ation St art () 를 직접 호출 하면 됩니다 .

/** ******************************************************************
** 함 수 이름 :     vo id Anim ation St art (u int 16 screen _ id ,
**                                        u int 16 control _ id)
** 설명 서    : 애 니 메 이션 재생 시작
** 입력 매 개 변 수 : screen _ id :   화 면 ID
**                    control _ id : 컨트롤 ID 
** 출 력 매 개 변 수 : 없음
** 반환 된 값   : 없음
********************************************************************/
{
  ……
  Anim ation St art (0, 1); / / 화 면 ID 0, 컨트롤 ID 1, 애 니 메 이션 재생 시작
  ……
}

MC U 제어 애 니 메 이션 재생 중지

예를 들어 , 사용자가 애 니 메 이션 재생 을 중지 하려면 애 니 메 이션 재생 중지 함 수 Anim ation S top () 를 직접 호출 하면 다음과 같은 코 드가 있습니다 .

/** ******************************************************************
** 함 수 이름 :    vo id Anim ation S top (u int 16 screen _ id ,
**                                      u int 16 control _ id)
** 설명 서    : 애 니 메 이션 재생 중지
** 입력 매 개 변 수 : screen _ id :   화 면 ID
**                    control _ id : 컨트롤 ID 
** 출 력 매 개 변 수 : 없음
** 반환 된 값   : 없음
********************************************************************/
{
  ……
  Anim ation S top (0, 1); / / 화 면 ID 0, 컨트롤 ID 1, 애 니 메 이션 재생 을 중지 합니다 .
  ……
}

7. 3 IC ON 파일 재생

[ IC ON 파일 재생 ] 화 면 , IC ON 파일 생성 및 재생 설정 에 대한 소개

화 면 구성

[ IC ON 파일 재생 ] 화 면의 " 배 경 이미지 " 에 해당 미 술 이미지를 가져 옵니다 .아래 와 같이 화 면에 애 니 메 이션 컨트롤 을 추가 합니다 .

아이 콘 생성

이 장 에서는 아이 콘 생성 프로세 스를 설명 하지 않으며 , 아이 콘 컨트롤 장 을 참조 하십시오 .

속 성 구성

애 니 메 이션 컨트롤 (컨 트 롤 ID : 1) 의 속 성을 설정 하고 , [ 애 니 메 이션 파일 ] 생성 된 아이 콘 파일을 선택 하고 , [ 간 격 ] 을 " 5 50 " 으로 설정 하여 다음과 같이 구성 합니다 .

실행 미리 보기

가상 화 면을 실행 하고 Visual T FT 소프트웨 어는 가상 화 면 과 " 가 상 직 렬 포 트 " 를 사용하여 연결 을 설정 합니다 . [ 명 령 도우 미 ] 를 열 고 왼쪽 탐 색 [ 애 니 메 이션 컨트롤 ] 을 선택 하여 [ 애 니 메 이션 컨트롤 표시 ] 영역 의 명령 매 개 변 수를 설정 합니다 .화 면 (화 면 ID : 1) 에서 애 니 메 이션 컨트롤 (컨 트 롤 ID : 1) 의 재생 을 일시 중지 하고 다음 프레 임을 수 동 으로 표시 합니다 .가상 화 면에서 애 니 메 이션 컨트롤 이 일시 중지 되고 다음 프레 임 이 표시 되며 다음과 같이 작동 합니다 .

외부 MC U 제어

개발 패키 지 ke il 프로그램의 him . de ver . h 파일 의 함 수 선언 과 him . de ver . c 파일 의 정의 를 참조 하십시오 .예를 들어 , 사용자가 애 니 메 이션 의 다음 프레 임을 표시 하려면 애 니 메 이션 다음 프레 임 표시 함 수 Anim ation Play Next () 를 직접 호출 하여 다음과 같은 코드를 표시 합니다 .

/** *****************************************************************
** 함 수 이름 :    vo id Anim ation Next Play (u int 16 screen _ id ,
**                                          u int 16 control _ id)
** 설명 서    : 다음 프레 임 재생
** 입력 매 개 변 수 : screen _ id :   화 면 ID
**                    control _ id : 컨트롤 ID 
** 출 력 매 개 변 수 : 없음
** 반환 된 값   : 없음
********************************************************************/
{
  ……
  Anim aation Play Next (0, 1); / / 화 면 ID 0, 컨트롤 ID 1, 다음 프레 임 재생
  ……
}