CASlider（滑动条）

由 ?﹏???ζ???﹏﹏? 创建， 最后一次修改 2016-09-07 类说明CASlider是滚动条控件，主要作用是方便数值调节，如音量大小控制、缩放视图等操作。CASlider 属性（点击查看方法介绍）属性说明TouchClick触摸点击Value值MinValue最小值MaxValue最大值TrackHeight滚动条高度MinTrackTintImage设置前景图片(已经划过的部分) MaxTrackTintImage设置后景图片(未划过的部分) ThumbTintImage滚动块的图片CASlider 方法（点击查看方法介绍）方法说明createWithFrame创建，并指定其Frame，默认Frame为(0,0,0,0)createWithCenter创建，并指定其Center，默认Center为(0,0,0,0)addTarget添加回调事件addTargetForTouchUpSide添加回调事件的触摸removeTarget删除回调事件setValue设定值setMinValue设定最小值setMaxValue设定最大值setTrackHeight设置滚动条高度setMinTrackTintImage设置前景图片(已经划过的部分) setMaxTrackTintImage设置后景图片(未划过的部分) setThumbTintImage设置滚动块的图片initWithFrame初始化r，并指定其FrameinitWithCenter初始化，并指定其CenterccTouchBegan触摸事件开始时的回调函数ccTouchMoved触摸事件中触点移动时的回调函数ccTouchEnded触摸事件结束时的回调函数layoutSubViews子视图布局我们可以通过设置CASlider的最大值和最小值来确定其值的范围，可以通过设置图片改变滚动条的样子，我们这里就利用CASlider来控制一张图片的缩放大小，来演示一下CASlider的使用方法：首先我们在FirstViewController.h中添加一个监听函数，用于监听CASlider的值的变化。//监听函数 void zoomViewBySliderValue(CAControl* control, DPoint point)然后我们在FirstViewController.cpp中去实现CASlider来控制CAImageView的缩放变化。void FirstViewController::viewDidLoad(){ //获得屏幕大小 CCSize size = this->getView()->getBounds().size; //创建CAImageView CAImageView* imageView = CAImageView::createWithImage(CAImage::create("HelloWorld.png")); imageView->setCenter(DRect(size.width*0.5, size.height*0.5, 800, 1200)); //设置tag imageView->setTag(1); //添加 this->getView()->addSubview(imageView); //创建CASlider CASlider* slider = CASlider::createWithCenter(DRect(size.width*0.5, size.height*0.2, size.width*0.8, 20)); //绑定监听 slider->addTarget(this, CAControl_selector(FirstViewController::zoomViewBySliderValue)); //添加 this->getView()->insertSubview(slider, 1); //创建CALabel CALabel* label = CALabel::createWithCenter(DRect(size.width*0.5, size.height*0.1, size.width*0.8, 40)); //设置文本 char temptext[40]; sprintf(temptext, "ScaleValue:%0.2f", slider->getValue()); label->setText(temptext); //设置居中 label->setTextAlignment(CATextAlignmentCenter); label->setVerticalTextAlignmet(CAVerticalTextAlignmentCenter); //设置Tag label->setTag(3); this->getView()->addSubview(label);} void FirstViewController::zoomViewBySliderValue(CAControl* control, DPoint point){ //获得silder对象 CASlider* slider = (CASlider*)control; //获得silder的当前值 float zoomValue = slider->getValue(); //根据tag值获得image CAImageView* image = (CAImageView*)this->getView()->getSubviewByTag(1); //设置image的缩放比 image->setScale(zoomValue); //根据tag获得CALabel CALabel* label = (CALabel*)this->getView()->getSubviewByTag(3); //设置文本 char temptext[40]; sprintf(temptext, "ScaleValue:%0.2f", slider->getValue()); label->setText(temptext);}我们通过addTarget来为CASlider绑定一个监听，我们又在监听函数中，根据CASlider的变化来改变CAImageView的缩放值，同样的原理我们也可以进行其它数值的改变，大家举一反三可以自己去尝试一下。CASlider 属性说明TouchClick类型：bool解释：触摸点击。is{}。    Value     类型：float解释：值。get{}。MinValue 类型：float解释：最小值。get{}。MaxValue  类型：float解释：最大值。get{}。TrackHeight 类型：float解释：滚动条高度。get{}。MinTrackTintImage类型：CAImage*解释：设置前景图片(已经划过的部分) 。get{}。MaxTrackTintImage类型：CAImage*解释：设置后景图片(未划过的部分) 。get{}。ThumbTintImage类型：CAImage*解释：滚动块的图片 。get{}。CASlider 方法说明static CASlider* createWithFrame(const DRect& rect);返回值：static CASlider参数：类型参数名说明DRectrect区域大小解释：创建，并指定其Frame，默认Frame为(0,0,0,0)static CASlider* createWithCenter(const DRect& rect);返回值：static CASlider参数：类型参数名说明DRectrect中心点的位置及大小解释：创建，并指定其Center，默认Center为(0,0,0,0)void addTarget(CAObject* target, SEL_CAControl selector);返回值：void参数：类型参数名说明CAObject*target目标SEL_CAControlselector选择器解释：添加回调事件void addTargetForTouchUpSide(CAObject* target, SEL_CAControl selector);返回值：void参数：类型参数名说明CAObject*target目标SEL_CAControlselector选择器解释：添加回调事件的触摸void removeTarget(CAObject* target, SEL_CAControl selector);返回值：void参数：类型参数名说明CAObject*target目标SEL_CAControlselector选择器解释：删除回调事件virtual void setValue(float value);返回值：virtual void参数：类型参数名说明floatvalue值解释：设定值virtual void setMinValue(float minValue);返回值：virtual void参数：类型参数名说明floatminValue最小值解释：设定最小值virtual void setMaxValue(float maxValue);返回值：virtual void参数：类型参数名说明floatmaxValue最大值解释：设定最大值virtual void setTrackHeight(fl