滑块/进度条
如何使用滑块控件?
很多情况下,我们会用到进度条,例如:
调节音量
利用简单的几张图片,我们也能快速达到这样的效果。
首先,我们准备四张资源图片
- 背景图
- 有效图
- 滑块
- 滑块按下
- 背景图
在编辑器中,创建一个滑块控件
如果你不了解如何创建控件,参考创建按键控件
默认的滑块样式是透明的,我们必须为其添加足够的图片资源,它才能正常工作。
在属性表中,我们分别设置有效图 、滑块常显图片、滑块按下时的图片、背景图 图片- 上一步完成后,一个滑块的创建基本完成了。如何想在工具中预览滑块滑动的效果,可以修改 最大值属性和默认进度值属性。在实时的预览中,你就可以看到滑块游标的位置变化。
如何在代码中控制滑块的进度? 如何获得滑块的当前进度?
如果我们用滑块实现了一个音量条,那肯定需要知道当前音量条的进度值,并且,一旦音量条有变化,我们还必须同步调节音量。
所有,我们有如下3个函数来解决这些问题。
- 进度值变化监听函数
如果你在UI文件中创建了滑块控件,那么该函数在 编译FlyThings 后,将会自动添加到相应的XXXXLogic.cc
文件中。
当在触摸屏上滑动进度条时、或者进度条当前值有变化时,系统会自动调用该函数。static void onProgressChanged_XXXX(ZKSeekBar *pSeekBar, int progress) { //LOGD("XXXX滑块的进度值变化为 %d !\n", progress); }
void setProgress(int progress)
用于设置滑块当前进度。 例如://将滑块进度设置为28 mSeekbarPtr->setProgress(28)
int getProgress()
用于获得当前滑块的进度值。例如:int progress = mSeekbarPtr->getProgress(); LOGD("当前滑块的进度值为 %s", progress);
样例代码
更多滑块控件的使用,参考样例代码中的SeekBarDemo工程
样例预览效果图: