×

一、简介与环境搭建

CrossApp简介CrossApp摘要CrossApp坐标系浅谈CrossApp屏幕适配方案CrossApp源码结构CrossApp的MVC模式CrossApp项目结构及入口CrossApp内存管理CrossApp类结构图创建CrossApp工程CAVector、CAList、CADeque、CAMap(数据容器)Windows 开发下VS2013环境搭建Windows 开发下Android环境配置Mac OS 开发下Xcode环境搭建Mac OS 下iOS移植android环境配置

二、CrossApp简单控件的使用

DLayout(自适应布局)CALabel(显示文本)CAImage、CAImageView(显示一张图片)CAScale9ImageView(九宫格图片拉伸)CAButton(按钮)CATextView(多行输入框)CATextViewDelegateCASwitch(开关控件)CAProgress(进度条)CAAlertView(提示框)CAScrollView(滚动视图)CAScrollViewDelegateCAListView(列表)CAListViewDataSourceCAListViewDelegateCATableView(表单视图)CATableViewDataSourceCATableViewDelegateCATableViewCellCACollectionView(容器)CACollectionViewDataSourceCASlider(滑动条)CAStepper(步进控件)CAPageView(页面切换)CAPageViewDelegateCAWaterfallView(瀑布流控件)CAWaterfallViewDataSourceCAWaterfallViewDelegateCAWaterfallViewCellCATextField(输入框)CATextFieldDelegateCAAutoCollectionView(自动化布局容器)CAAutoCollectionViewDataSourceCAAutoCollectionViewDelegateCAVideoPlayerControlView(视频播放器控制视图)CAVideoPlayerControlViewDelegateCAWebView(Web视图控件)CAWebViewDelegateCAGifView(显示Gif图片)CARenderImage(图像渲染)CASegmentedControl(分段控制)CAPickerView(视图选择器)CAPickerViewDataSourceCAPickerViewDelegateCAActivityIndicatorView(活动指示器)CrossApp UIEdit(UI编辑器)

三、视图控制

CAViewController(视图控制器)CADrawerController(抽屉控制器)CANavigationController(导航控制器)CANavigationBarDelegateCANavigationBarItemCANavigationBarCATabBarController(标签栏控制器)CATabBarDelegateCATabBarItem

四、调用系统支持

CADevice

五、数据的解析与存储

CAUserDefault简单存储SQlite的使用json解析xml解析

六、网络

网络通信之httphttp请求网络图

七,动画

CAViewAnimation(动画实现)

八、宏定义

宏定义

九、其他控件的使用

CAViewCAViewDelegateCATextField(输入框1.2以前版本)CAObjectCAResponderCAPullToRefreshViewCAControlCAWindowCABarItemCABarButtonItemCASchedulerCAMediaDelegateCAKeypadDelegate

CAStepper(步进控件)


类说明

CAStepper是步进控件,它的作用和CASlider非常类似,只是CAStepper的改变的固定值,它包括左右两部分,左部为减少,右部为增加。


CAStepper 属性(点击查看方法介绍)

属性 说明
Continuous 设置连续
AutoRepeat 设置自动重复
Wraps 设置是否可在最大值和最小值循环
Value 设定值
MinValue 设定最小值
MaxValue 设定最大值
StepValue 设置步进值
TouchEffect 设置接触效应


CAStepper 方法(点击查看方法介绍)

方法 说明
create 创建,默认Frame为(0,0,0,0)
createWithFrame 创建,并指定其Frame,默认Frame为(0,0,0,0)
createWithCenter 创建,并指定其Center,默认Center为(0,0,0,0)
setBackgroundImage 设置背景图像
getBackgroundImageForState 获取背景图像
setIncrementImage 设置右部增加部分的背景
getIncrementImageForState 获取右部增加部分的背景
setDecrementImage 设置左部减少部分的背景
getDecrementImageForState 获取左部减少部分的背景
addTarget 添加回调事件
removeTarget 删除回调事件
removeAllTargets 删除所有回调事件
init 初始化
initWithFrame 初始化,并指定其Frame
initWithCenter 初始化,并指定其Center
onEnter 输入
onExit 退出
visit 访问
setDividerColor 设置分频器颜色
getDividerColor 获取分频器颜色
setTailorImageAtIndex 设置索引裁剪图像
getTailorImageAtIndex 获取索引截取图像


我们尝试这用CAStepper去控制一张图片的旋转,每次旋转30度。
同样我们首先要在FirstViewController.h中添加一个监听函数,来监听CAStepper的值的变化。

//监听函数
    void stepperValueChange(CAControl* control, DPoint point);

然后我们在FirstViewController.cpp添加CAStepper控件并为其绑定监听。

void FirstViewController::viewDidLoad()
{
    // Do any additional setup after loading the view from its nib.
    DRect winRect = this->getView()->getBounds();
    DSize size = winRect.size;
     
    //创建CAImageView用于选择
    CAImageView* imageView = CAImageView::createWithImage(CAImage::create("HelloWorld.png"));
    imageView->setFrame(winRect);
    imageView->setTag(1);
    this->getView()->addSubview(imageView);
    CAStepper* stepper = CAStepper::createWithCenter(DRect(size.width * 0.5, size.height * 0.6, 200, 200));
     
    //最大值
    stepper->setMaxValue(360);
     
    //最小值
    stepper->setMinValue(0);
     
    //每此变化值(步进值)
    stepper->setStepValue(30);
     
    //设置监听
    stepper->addTarget(this, CAControl_selector(FirstViewController::stepperValueChange));
     
    //是否开启触摸特效
    stepper->setTouchEffect(true);
     
    //释放开车长按效果(flase必须一次一次按,true可以按着不懂变化。默认为true)测试无效
    stepper->setAutoRepeat(true);
     
    //设置是否可在最大值和最小值循环(当增长到最大值时,再点增大则变成最小值。最小值再减少变成最大值)
    stepper->setWraps(true);
     
    //添加到屏幕
    this->getView()->addSubview(stepper);
}

void FirstViewController::stepperValueChange(CAControl* control, DPoint point)
{
    //获得stepper对象
    CAStepper* stepper = (CAStepper*)control;
     
    //根据tag获得imageView
    CAImageView* imageView = (CAImageView*)this->getView()->getSubviewByTag(1);
     
    //获得stepper的当前值
    float zoomValue = stepper->getValue();
     
    //设置旋转角度
    imageView->setRotation(zoomValue);
}

这样我们就可以通过增减CAStepper的值来控制CAImageView的旋转角度了。


CAStepper 属性说明

Continuous

类型:bool

解释:设置连续,set/get{}。


AutoRepeat

类型:bool

解释:设置自动重复,set/get{}。


Wraps

类型:bool

解释:设置是否可在最大值和最小值循环set/get{}。


Value

类型:double

解释:设定值,set/get{}。


MinValue

类型:double

解释:设定最小值,set/get{}。


MaxValue

类型:double

解释:设定最大值。set/get{}。


StepValue

类型:double

解释:设置步进值。set/get{}。


TouchEffect

类型:bool

解释:设置接触效应,set/get{}。


CAStepper 方法说明

static CAStepper* create();

返回值:static CAStepper

参数:

解释:创建,默认Frame为(0,0,0,0)


static CAStepper* createWithFrame(const CCRect& rect);

返回值:static CAStepper

参数:

类型
参数名 说明
CCRect& rect 区域大小

解释:创建,并指定其Frame,默认Frame为(0,0,0,0)


static CAStepper* createWithCenter(const CCRect& rect);

返回值:static CAStepper

参数:

类型
参数名 说明
CCRect rect 中心点的位置及

解释:创建,并指定其Center,默认Center为(0,0,0,0)


void setBackgroundImage(CAImage* image, CAControlState state);

返回值:void

参数:

类型
参数名 说明
CAImage* image 图像
CAControlState state 控制状态

解释:设置背景图像


CAImage* getBackgroundImageForState(CAControlState state);

返回值:CAImage*

参数:

类型
参数名 说明
CAControlState state 控制状态

解释:获取背景图像


void setIncrementImage(CAImage* image, CAControlState state);

返回值:void

参数:

类型
参数名 说明
CAImage* image 图像
CAControlState state 控制状态

解释:设置右部增加部分的背景 


CAImage* getIncrementImageForState(CAControlState state);

返回值:CAImage*

参数:

类型
参数名 说明
CAControlState state 控制状态

解释:获取右部增加部分的背景 


void setDecrementImage(CAImage* image, CAControlState state);

返回值:void

参数:

类型
参数名 说明
CAImage* image 图像
CAControlState state 控制状态

解释:设置左部减少部分的背景


CAImage* getDecrementImageForState(CAControlState state);

返回值:CAImage*

参数:

类型
参数名 说明
CAControlState state 控制状态

解释:获取左部减少部分的背景


virtual void addTarget(CAObject* target, SEL_CAControl selector);

返回值:virtual void

参数:

类型 参数名 说明
CAObject* target 目标
SEL_CAControl selector 选择器

解释:添加回调事件


virtual void removeTarget(CAObject* target, SEL_CAControl selector);

返回值:virtual void

参数:

类型 参数名 说明
CAObject* target 目标
SEL_CAControl selector 选择器

解释:删除回调事件


virtual void removeAllTargets();

返回值:virtual void

参数:

解释:删除所有回调事件


virtual bool init();

返回值:virtual bool

参数:

解释:初始化


virtual bool initWithFrame(const DRect& rect);

返回值:virtual bool

参数:

类型 参数名 说明
const DRect& rect 区域大小

解释:初始化,并指定其Frame


virtual bool initWithCenter(const DRect& rect);

返回值:virtual bool

参数:

类型 参数名 说明
const DRect& rect 中心点的位置及大小

解释:初始化,并指定其Center


virtual void onEnter();

返回值:virtual void

参数:

解释:输入


virtual void onExit();

返回值:virtual void

参数:

解释:退出


virtual void visit();

返回值:virtual void

参数:

解释:访问


void setDividerColor(CAColor4B color);

返回值:void

参数:

类型 参数名 说明
CAColor4B color 颜色

解释:设置分频器颜色


CAColor4B getDividerColor();

返回值:CAColor4B

参数:

解释:获取分频器颜色


void setTailorImageAtIndex(int index);

返回值:void

参数:

类型 参数名 说明
int index 索引

解释:设置索引裁剪图像


CAView* getTailorImageAtIndex(int index);

返回值:CAView*

参数:

类型 参数名 说明
int index 索引

解释:获取索引截取图像

      




分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)