CAScale9ImageView（九宫格图片拉伸）

由 ?﹏???ζ???﹏﹏? 创建， 最后一次修改 2016-08-27 类说明        CAScale9ImageView是CrossApp提供的一种九宫格拉伸图片的解决方案，我们先来了解一下什么是九宫格图片拉伸。在App的设计过程中，为了适配不同的手机分辨率，图片大小需要拉伸或者压缩，这样就出现了可以任意调整大小的拉伸样式。CAScale9ImageView 属性（点击方法名可查看方法介绍）属性说明OriginalSize原始尺寸CapInsets拉伸区域InsetLeft左侧拉伸距离InsetTop上侧拉伸距离InsetRight右侧拉伸距离InsetBottom下侧拉伸距离CAScale9ImageView 方法（点击方法名可查看方法介绍）方法说明create创建，默认Frame为(0,0,0,0)createWithImage创建，并指定其图像createWithFrame创建，并指定其Frame，默认Frame为(0,0,0,0)createWithCenter创建，并指定其Center，默认Center为(0,0,0,0)init初始化initWithImage初始化，并指定其图像setCapInsets设置拉伸区域setInsetLeft设置左侧拉伸区域setInsetTop设置上侧拉伸区域setInsetRight设置右侧拉伸区域setInsetBottom设置下侧拉伸区域setColor设置颜色getColor获取颜色setAlpha设置透明度copy复制setImage设置图像getImage获取图像draw重新绘制图像CAScale9ImageView的实现非常巧妙，通过将原纹理资源切割成9部分（PS: 这也是叫九宫图的原因），根据想要的尺寸，完成以下的三个步骤：    （1）保持4个角部分不变形    （2）单向拉伸4条边（即在4个角两两之间的边，比如上边，只做横向拉伸）    （3）双向拉伸中间部分（即九宫图的中间部分，横向，纵向同时拉伸，PS：拉伸比例不一定相同）实例代码：void FirstViewController::viewDidLoad(){ //创建 CAScale9ImageView* first9IV = CAScale9ImageView::createWithImage( CAImage::create("source_material/btn_rounded_normal.png")); //设置显示大小（拉伸后的大小） //设置非拉伸区域为(5,5,20,20) first9IV->setCapInsets(DRect(5,5,20,20)); this->getView()->addSubview(first9IV); first9IV->setFrame(DRect(100, 100, 50, 140)); //添加渲染 //创建 CAImage::create("source_material/btn_rounded_highlighted.png")); CAScale9ImageView* second9IV = CAScale9ImageView::createWithImage( //设置非拉伸区域与顶部的距离 second9IV->setInsetTop(3.0f); second9IV->setInsetLeft(3.0f); //设置非拉伸区域与底部的距离 second9IV->setInsetBottom(3.0f); //设置非拉伸区域与右边的距离 second9IV->setInsetRight(3.0f); //设置非拉伸区域与左边的距离 CALabel* image9Label = CALabel::createWithFrame(DRect(400, 200, 150, 40)); //设置显示区域（拉伸后的大小） second9IV->setFrame(DRect(400, 200, 150, 40)); //添加渲染 this->getView()->addSubview(second9IV); this->getView()->addSubview(image9Label); //创建 image9Label->setText(UTF8("使用九图")); image9Label->setTextAlignment(CATextAlignmentCenter); image9Label->setVerticalTextAlignmet(CAVerticalTextAlignmentCenter); imageView->setImage(CAImage::create("source_material/btn_rounded_highlighted.png")); //不使用9宫格拉伸 设置大小与上同 CAImageView* imageView = CAImageView::createWithFrame(DRect(400, 300, 150, 40)); //设置显示图片 //添加渲染 this->getView()->addSubview(imageView); //创建 imageLabel->setVerticalTextAlignmet(CAVerticalTextAlignmentCenter); CALabel* imageLabel = CALabel::createWithFrame(DRect(400, 300, 150, 40)); imageLabel->setText(UTF8("不用九图")); imageLabel->setTextAlignment(CATextAlignmentCenter); this->getView()->addSubview(imageLabel);}CAScale9ImageView 属性说明OriginalSize类型：DSize解释：原始尺寸，get{}。CapInsets类型：DSize解释：拉伸区域，get{}。InsetLeft类型：float解释：左侧拉伸距离。get{}。InsetTop类型：float解释：上侧拉伸距离。get{}。InsetRight类型：float解释：右侧拉伸距离。get{}。InsetBottom类型：float解释：下侧拉伸距离。get{}。CAScale9ImageView 方法说明static CAScale9ImageView* create();返回值：static CAScale9ImageView*参数：解释：创建，默认Frame为(0,0,0,0)static CAScale9ImageView* createWithImage(CAImage* image);返回值：static CAScale9ImageView*参数：类型参数名说明CAImage*image图像解释：创建，并指定其图像static CAScale9ImageView* createWithFrame(const DRect& rect);返回值：static CAScale9ImageView*参数：类型参数名说明const DRect&rect区域大小解释：创建，并指定其Frame，默认Frame为(0,0,0,0)static CAScale9ImageView* createWithCenter(const DRect& rect);返回值：static CAScale9ImageView*参数：类型参数名说明const DRect&rect中心点的位置及大小解释：创建，并指定其Center，默认Center为(0,0,0,0)virtual bool init();返回值：virtual bool参数：解释：初始化virtual bool initWithImage(CAImage* image);返回值：virtual bool参数：类型参数名说明CAImage*image图像解释：初始化，并指定其图像virtual void setCapInsets(const DRect& capInsets);返回值：virtual void参数：类型参数名说明const DRect&capInsets拉伸区域解释：设置拉伸区域virtual void setInsetLeft(float insetLeft);返回值：virtual void参数：类型参数名说明floatinsetLeft左侧拉伸区域解释：设置左侧拉伸区域virtual void setInsetTop(float insetTop);返回值：virtual void参数：类型参数名说明floatinsetTop上侧拉伸区域解释：设置上侧拉伸区域virtual void setInsetRight(float insetRight);返回值：virtual void参数：类型参数名说明floatinsetRight右侧拉伸区域解释：设置右侧拉伸区域virtual void setInsetBottom(float insetBottom);返回值：virtual void参数：类型参数名说明floatinsetBottom下侧拉伸区域解释：设置下侧