什么是滑块控件?

経由滑动滑块来体现某些数值和ステータス调节的改变效果,可以和文本控件配合使用。本例程中介绍滑块控件常见的应用,结合工程中的画面介绍每一个应用的設定,常见的应用如下所示
- 亮度调节功能:実装経由滑块对屏幕亮度的调节同时改变关联的文本控件值
适用範囲:全系列
例程下载链接:《滑块控件应用》(点击跳转)
5.1 滑块控件属性介绍
本章节重点介绍滑块控件的属性,属性窗口如下所示

initial value
滑块控件游标開始位置时指示的值
终止值
滑块控件游标终止位置时指示的值
初期値は
初期化时游标デフォルト指示的值
拖动入力
設定游标的拖动入力方式,如下所示

禁止
設定游标禁止拖动
标尺エリア
游标只能在标尺エリア内进行拖动
游标エリア
游标只能在游标エリア内进行拖动
通知
游标拖动时或者拖动后,对应屏幕下发的データ,可設定通知データ下发的方式为“拖动时”或“松开时”
方向
設定标尺的方向为“水平”方向或“垂直”方向,如下所示

Type
設定游标在标尺エリア的位置,可选为“偏移”まだ“居中”表示
刻度数
标尺上刻度的个数
刻度颜色
設定刻度的颜色,如下所示

表示数值
設定是否表示标尺上的刻度值
起始留白
标尺開始位置离边缘的距离,例如設定为“50”,效果如下所示

终止留白
标尺终止位置离边缘的距离,例如設定为“50”,效果如下所示

背景
設定标尺背景的颜色和タイプ,可設定背景为“透明”,“单色背景”,“背景图片”如下所示

透明
設定标尺背景透明,只留下游标,如下所示

单色背景
設定标尺背景为某种单一的颜色,如下所示

背景图片
設定自定义的图片UI为标尺その背景は,如下所示

游标
游标可設定为“系统デフォルト”或“Image”,如下所示

游标タイプ
可設定为游标为“系统デフォルト”或“Image”,Choice“Image”时需要插入事先準備して的图片UI,效果如下所示

游标方向
設定游标在标尺刻度垂直方向上的表示位置
偏移
設定游标在标尺上的偏移距离
游标宽
設定游标的宽度
游标高
設定游标的高度
5.2 亮度调节功能
【亮度调节功能】画面,介绍用户如何設定滑块控件的基本属性和使用(为了体现使用效果,例程で使用する。了滑块控件和プログレスバー控件的关联使用。可参照【プログレスバー控件应用】ドキュメント使用)
画面設定
在【亮度调节功能】画面的“背景图片”导入相应的美工图片。在该画面中追加文本控件和プログレスバー控件和滑块控件,如下所示

属性設定
文本控件
文本控件属性設定如下所示

プログレスバー控件
プログレスバー控件属性設定如下所示
주 : 진행 률 막 대 컨트롤 과 슬 라이 더 컨트롤 이 연관 되어 사용되는 경우 진행 률 막 대 컨트롤 의 ID 는 슬 라이 더 컨트롤 의 ID 와 연속 적이 어야 하며 진행 률 막 대 컨트롤 의 ID 는 슬 라이 더 컨트롤 의 ID 보다 작 아야 합니다 .루 틴 에서 와 같이 : 진행 률 막 대 컨트롤 의 ID 는 "1 " 이 고 슬 라이 더 컨트롤 의 ID 는 "2 " 입니다 .
슬 라이 더 컨트롤
- 設定【终止值】为“255”、【初期値は】为“220”

실행 미리 보기
가상 화 면을 실행 하면 사용자는 가상 화 면에서 슬 라이 더 의 커 서를 마 우 스로 드 래 그 하여 진행 률 막 대 컨트롤 의 값을 변경 할 수 있습니다 (텍 스트 컨트롤 [ 백 라 이트 밝 기 ] 의 값 은 외부 MC U 를 통해 연관 제어 변경 해야 하며 아래 에서 자세히 설명 합니다).또한 Visual T FT 소프트웨어 와 가상 화 면을 " 가 상 직 렬 포 트 " 로 온라인으로 설정 할 수 있습니다 . [ 명 령 도우 미 ] 를 열 고 왼쪽 탐 색 [ 진 행 막 대 미 터 슬 라이 더 ] 를 선택 하고 [ 진 행 막 대 미 터 슬 라이 더 업데이트 ] 의 명령 매 개 변 수를 설정 하여 다음과 같은 효과를 표시 합니다 .

외부 MC U 제어
개발 패키 지 ke il 프로그램의 him . de ver . h 파일 의 함 수 선언 과 him . de ver . c 파일 의 정의 를 참조 하십시오 .
MC U 를 사용하여 업데이트 슬 라이 더 의 값을 설정 합니다 .
예를 들어 , 사용자는 [ 0 - 255 ] 슬 라이 더 컨트롤 을 구현 해야 하며 , 커 서는 " 88 " 위치에 표시 되며 , 텍스트 컨트롤 의 값 은 " 88 " 로 업데이트 되며 , 슬 라이 더 컨트롤 의 값 은 Set S li der V alue () 를 직접 호출 하여 업데이트 함 수 , 코 드는 다음과 같습니다 .
/** **********************************************************************
** 함 수 이름 : vo id Set S ele ctor V alue (u int 16 screen _ id ,
** u int 16 control _ id ,
** u int 8 항목)
** 설명 서 : 슬 라이 드 선택 컨트롤 값 설정
** input paramet ers : screen _ id : 화 면 ID
** control _ id : 컨트롤 ID
** item : 설정 된 옵션
** 출 력 매 개 변 수 : 없음
** 반환 된 값 : 없음
************************************************************************/
{
……
Set S ele ctor V alue (0, 1, 2) // 화 면 ID 0, 컨트롤 ID 1, 세 번째 옵션 설정
……
}
Leave a Reply