#1.渲染框架

1.导演与层

• 1.导演Director-Ref(单实例类)

• 2.层Layer-Node节点-Ref

2.重点:将节点2设置为节点1的子节点的方法:

• 节点1->addChild(节点2);

3.Node的设置/获取属性的方法:

• 1.设置/获取位置:setPosition/getPosition(设置位置时,如果有父节点,则是以父节点内容左下角坐标为坐标系原点,与父节点锚点无关)

• 2.设置/获取旋转:setRotation/getRotation

• 3.设置/获取缩放:setScale/getScale

• 4.设置/获取倾斜:setSkew/getSkew

• 5.设置/获取翻转:setFlipped/getFilpped(不影响子节点)

• 6.设置/获取透明度:setOpacity/getOpacity(取值范围0-255)(不影响子节点)

• 7.设置/获取颜色:setColor/getColor(不影响子节点)

• 8.设置/获取是否可见:setVisible/getVisible

• 9.设置/获取锚点:setAnchorPoint(左下角为(0,0),右上角为(1,1)),层的锚点默认在(0,0),其他节点的锚点默认在(0.5,0.5)

• 10.设置/获取内容大小:setContentSize/getContentSize(获取节点的大小(层的大小与屏幕大小一样),与缩放和旋转无关)

• 11.设置ZOrder:setZOrder/getZOrder(Z轴的顺序,Z值越大越后渲染)

• 12.设置/获取标签:可以通过标签删除节点;

• 13.设置/获取名字:可以通过名字删除节点;

• 14.设置/获取父节点:setParent(节点)/getParent();

4.移除节点的方法Node:

1.removeChild(Node* child);//移除某一个节点

2.removeChildByTag();//通过标签移除节点

3.removeChildByName();//通过名字移除节点

4.removeAllChild();//移除所有节点

5.removeFromParent();//从父节点上移除

5.精灵:

1.设置纹理: sp->setTexture(“图片路径”);

2.设置纹理矩形:sp->setTextureRect(Rect(左下角坐标,宽高));

6.Size类:由宽高组成;

7.Rect类:由左下角坐标和矩形宽高组成;

8.获取可视区域的起点和大小:

_director->getVisibleOrigin();

_director->getVisibleSize();

9.Cocos2d-x的四大坐标系:

1.OpenGL坐标系:左下角为原点,x轴向右,y轴向上;

2.世界坐标系:与OpenGL坐标系相同;

3.本地坐标系:也称为自身坐标系;

4.屏幕坐标系:左上角为原点,x轴向右,y轴向下(触摸事件得到的坐标就是屏幕坐标,需要从屏幕坐标转世界)

5.转换坐标系的函数:Node:convertTo一类

10.打印到输出窗口:

使用log("%d\n",hp);//字符串使用code格式+转义字符打印

2.二段构建

• MyLayer.h

  #pragma once
  #include "cocos2d.h"  //cocos2d的基本类
  //继承于Scene
  class MyLayer:public cocos2d::Layer
  {
  public:MyLayer();~MyLayer();//创建方法static MyLayer* create();bool init() override;
  };
  

• MyLayer.cpp

  #include "MyLayer.h"using namespace cocos2d;
  MyLayer::MyLayer()
  {
  }MyLayer::~MyLayer()
  {
  }MyLayer *MyLayer::create()
  {MyLayer *ret = new (std::nothrow) MyLayer();//判断指针是否为空和是否初始化成功if (ret && ret->init()){ret->autorelease();return ret;}else{delete ret;ret = nullptr;return nullptr;}
  }bool MyLayer::init()
  {//调用父类的初始化方法if (!Layer::init()){return false;}return true;
  }
  

3.调度器

1.调度器:处理随时间变化的动态事件.

隔一段时间调用一次函数,例如:移动/发射子弹/判断碰撞等;

• 默认调度器:每一帧调用update函数;

  1.实现默认调度器的两步:

  1.开启默认调度器 Node:scheduleUpdate();

  2.重写update函数 Node:update(float delta);//虚函数

• 单次调度器

  1.开启单次调度器

  void Node::scheduleOnce(SEL_SCHEDULE selector, float delay);// 1.方法 2.延时

  void Node::scheduleOnce(const std::function<void(float)> &callback, float delay, const std::string &key);

  2.写一个返回值类型为void,形参为float类型的函数(一般写在开启单次调度器的类中)

• 自定义调度器:可以控制时间间隔/调用次数等;

  1.开启自定义调度器schedule

  void Node::schedule(SEL_SCHEDULE selector, float interval, unsigned int repeat, float delay);

  1.方法 2.间隔时间 2.重复次数(CC_REPEAT_FOREVER表示最大值,为一直重复)(总共调用repeat+1次) 3.延时)

  void Node::schedule(const std::function<void(float)> &callback, const std::string &key);

  2.写一个返回值类型为void,形参为float类型的函数

2.function与lambda

• typedef void(Ref::*SEL_SCHEDULE)(float):

  取别名:

  void(*pFunc)(float):pFunc指向返回值为void,形参为float类型的函数

  void(Ref::*pFunc)(float):pFunc是指向Ref类的成员函数,

  成员函数返回值类型为void,形参为float.

  typedef void(Ref::*SEL_SCHEDULE)(float):SEL_SCHEDULE是类型名,是成员函数指针的别名.

  成员函数指针:赋值:&类名::成员函数

• function<返回值类型(形参表))>

  1.函数名的地址(只能传普通函数的地址)

  2.仿函数

  3.lambda表达式:匿名方法(在使用方法后被销毁,称之为闭包)

  捕获列表->返回值类型

  {

  函数体;

  };

  (->返回值类型可以省略)

  捕获:值捕获和引用捕获

  4.CC_CALLBACK_数字

  数字:对应function中指定的形参个数

  CC_CALLBACK_1(类名::函数名,对象)

  注意:不用加&

3.如何关闭调度器:

1.关闭默认调度器:unscheduleUpdate();

2.关闭自定义调度器:unschedule(SEL_SCHEDULE selector);//通过方法名删除

​ unschedule(const string& key);//通过键值删除

4.哪些情况下会自动关闭调度器?

1.游戏暂停时;//参照游戏mainLoop

2.当节点移出舞台时;//参照:Node的析构函数

3.父节点被移除时,子节点会全部被移除;

4.内存管理机制

Cocos2d内存管理机制:引用计数;

1.Ref类:

1.retain():引用计数+1;//使用retain函数前引用计数必须是>0的情况;

2.release():引用计数-1;//使用release函数时引用计数必须是>0的情况;当引用计数为0时,释放对象的内存;

3.autorelease():将对象添加到自动释放池;

​ 在每一帧mainLoop时,都会将这一帧加入自动释放池的对象进行clear(),clear()是将所有对象的引用计数-1,

​ 如果引用计数为0,则删除;

注意:⚠️

1.retain和release或者autorelease应该成对使用;

2.当游戏结束时,如果引用计数>1,则可能造成内存泄漏;

3.当引用计数已经为0时,再次使用该对象,则报错;

2.对象池技术:

​ 1.对象工厂创建对象:retain()引用计数+1

​ 2.子弹管理类:析构时(所有链表中的对象release引用计数-1)

5.判断碰撞

判断包围盒相交:

​ 1.获取包围盒:Node:getBoundingBox();

​ 2.Rect:

​ 1.bool containsPoint(const Vec2& point) const;//判断包围盒内是否存在某个点

​ 2.bool intersectsRect(const Rect& rect) const;//判断两个矩形是否相交

6.事件监听器与分发器

1.事件分发器:EventDispatcher(事件分发器按照优先级顺序派发给事件监听器)

访问:Node:_eventDispatcher

2.事件监听器:EventListener

3.事件:键盘/鼠标/触摸(单点触摸/多点触摸)/自定义等

---------------------单点触摸监听事件-----------------------------------

4.单点触摸事件监听器:EventListenerTouchOneByOne

​ 1.创建单点触摸事件监听器

​ 2.添加触摸事件响应

​ 3.将触摸监听添加到事件分发器中

​ 4.设置是否吞噬触摸：是否将触摸事件往下一个优先级的监听器传递(默认不吞噬)

--------------------多点触摸监听事件-----------------------------------

5.多点触摸监听事件监听器:EventListenerTouchAllAtOnce

1.创建多点触摸事件监听器

2.添加触摸事件响应

typedef std::function<void(const std::vector<Touch*>&, Event*)> ccTouchesCallback;

ccTouchesCallback onTouchesBegan;

ccTouchesCallback onTouchesMoved;

ccTouchesCallback onTouchesEnded;

ccTouchesCallback onTouchesCancelled;

3.将触摸监听添加到事件分发中

4.设置是否吞噬触摸

6.键盘事件监听器:EventListenerKeyboard

​ 1.创建键盘事件监听器

​ EventListenerKeyboard* eventListener = EventListenerKeyboard::create();

​ 2.添加键盘事件响应

​ 3.将键盘监听添加到事件分发器中

7.鼠标事件监听器:EventListenerMouse

​ 1.创建鼠标事件监听器

​ EventListenerMouse* mouseListener = EventListenerMouse::create();

​ 2.添加鼠标事件响应

​ 3.将鼠标事件监听添加到事件分发器中

8.自定义事件监听器:EventCustom

例如:敌机与主机碰撞,监听主机死亡事件,游戏结束;

1.创建自定义事件监听器

EventListenerCustom::create();

2.将自定义事件添加到事件分发器中

_eventDispatcher->addEventListenerWithFixedPriority();

事件分发器分发消息:通知调用自定义回调事件;

_eventDispatcher->dispatchCustomEvent(1.事件名 2.传递参数void*(也就是回调函数的EventCustom*));

7.帧动画与缓存

1.动作:Action(继承于Ref)

2.动作的执行:通过节点执行

Node:runAction(Action*)

动画的停止:

Node:stopAction(Action*);//停止某个动作

​ stopActionByTag();//通过标签停止动作

​ stopActionsByFlags();//通过Falgs停止动作

​ stopAllActions();//停止当前节点上的所有动作

3.有限时间动作分为即时动作和持续动作.

ActionInstant(即时动作)

​ — FiniteTimeAction(有限时间动作) — Action(动作)

ActionInterval(持续动作)

4.即时动作指能够立刻完成的动作，这类动作是在下一帧立刻完成的动作，如设定位置、设定缩放等。

(Place/FlipX/FlipY/Show/Hide/CallFunc(回调)等)

5.持续动作指不能够立刻完成的动作,如移动/跳跃等;

1.属性变化动作:通过属性值的逐渐变化来实现动画效果。需要注意的是XXTo和XXBy的区别在于XXTo是表示最终值，而XXBy则表示向量-改变值。

(MoveTo/MoveBy/JumpTo/JumpBy/BezierTo/BezierBy/ScaleTo/ScaleBy/RotateTo/RotateBy)

2.视觉特效动作:

(FadeIn/FadeOut/FateTo/TintTo/TintBy/Blink/Animate(帧动画))

3.其他动作:DelayTime/Repeat/RepeatForever

4.复合动作:

​ 1.序列动作:Sequence(让各种动作有序执行)

​ 2.组合动作:Spawn(使一批动作同时执行)

5.变速动作:Speed/ActionEase

----帧动画创建步骤----:

1.创建Animation: Animation* animation = Animation::create();

2.添加所有的精灵帧:

for (int i = 1; i <= 4; i++)

{

​ char filename[64];

​ sprintf_s(filename, “PlaneBattle/Images/Enemy/enemy0_down%d.png”, i);

​ animation->addSpriteFrameWithFile(filename);

}

3.设置动画播放的速率:

animation->setDelayPerUnit(0.3f);

4.设置是否循环:

animation->setLoops(-1);//-1表示无限循环

5.设置当动画结束时是否回到起始帧(切换回最开始的精灵):

animation->setRestoreOriginalFrame(true);

6.创建Animate:

Animate* animate = Animate::create(animation);

7.播放动作:

sp->runAction(animate);

----------缓存------------

Cache:实现原理(map:一个文件名对应一张纹理(或者一个精灵帧))

-------纹理缓存---------

纹理缓存:TextureCache::getInstance();

TextureCache::getInstance()->addImage(“路径名”);//通过路径名添加纹理

------精灵帧缓存--------

精灵帧缓存:SpriteFrameCache::getInstance();//精灵帧缓存最终也要添加纹理缓存;

//通过路径名添加精灵帧:会自动将纹理图片路径由.plist替换成.png

SpriteFrameCache::getInstance()->addSpriteFramesWithFile(".plist文件的路径");

SpriteFrameCache::getInstance()->addSpriteFramesWithFile(".plist文件路径", “.png文件路径”);

SpriteFrameCache::getInstance()->addSpriteFramesWithFile(".plist文件路径", 纹理);

制作.plist文件:TexturePacker(.plst文件实际就是xml文件)

1.通过精灵帧缓存创建精灵帧

Sprite* sp = Sprite::createWithSpriteFrameName(“MsShadaoLeft_0.png”); //注意!!!

sp->setPosition(200, 200);

this->addChild(sp);

2.通过精灵帧缓存创建帧动画

Animation* ani = Animation::create();

for (int i = 0; i < 4; i++)

{

​ char filename[30];

​ sprintf(filename, “MsShadaoLeft_%d.png”, i);

​ //通过名字获得精灵帧

​ SpriteFrame* sf = SpriteFrameCache::getInstance()->getSpriteFrameByName(filename); //注意!!!

​ ani->addSpriteFrame(sf);//动画添加精灵帧

}

​ ani->setDelayPerUnit(0.3f);

​ ani->setLoops(-1);

​ ani->setRestoreOriginalFrame(true);

​ Animate* animate = Animate::create(ani);

​ sp->runAction(animate);

8.其他动作

-------------------------回调动作---------------------------

回调动作:通过回调动作回调函数,一般在组合或者序列动作中使用;CallFunc

1.CallFunc::create(callfunc_selector(类名::函数名));

2.CallFunc::create(CC_CALLBACK_0(类名::函数名,节点));

3.CallFuncN::create(callfunc_selector(类名::函数名));

4.CallFuncN::create(CC_CALLBACK_1(类名::函数名,节点));

注意:CallFunc和CallFuncN不同的是CallFunc只能回调返回值为void无形参的函数,

CallFuncN回调返回值为void形参为Node*的函数(指的是调用方法的节点)

-------------------------组合动作---------------------------

组合动作:使一批动作同时执行(注意必须以nullptr结尾)

Spwan::create(动作1,动作2…动作N,nullptr);

-------------------------序列动作---------------------------

序列动作:让各种动作有序执行(注意必须以nullptr结尾)

Sequence::create(动作1,动作2…动作N,nullptr);

-----------------------重复动作-----------------------------

1.Repeat::create(1.有限时间动作 2.次数);

2.RepeatForever::create(持续动作);

---------------------To和By一类动作---------------------

MoveTo/MoveBy:To指的是目的地 By指的是改变值

9.场景切换与其他效果

------------------游戏暂停/恢复/结束----------------------------

游戏暂停:Director::getInstance()->pause();(时间间隔dt = 0)

游戏恢复:Director::getInstance()->resume();

游戏结束Director::getInstance()->end();

---------------------场景转换与过渡效果--------------------------

场景转换:1.第一个场景:Director::getInstance()->runWithScene(Scene*);

​ 2.切换其他场景:Director::getInstance()->replaceScene(Scene*);

场景切换特效:在两个不同场景之间直接转换的能力。例如：淡入淡出，放大缩小，旋转，跳动等。

从技术上来说，一个场景转换就是在展示并控制一个新场景之前执行一个转换效果。

TransitionScene(场景过渡的基类) - Scene - Node - Ref

主要的切换特效有：

TransitionRotoZoom 旋转进入

TransitionJumpZoom 跳动进入

TransitionPageTurn 翻页效果进入

TransitionRadialCCW 钟摆效果

TransitionMoveInL ／ TransitionMoveInR ／ TransitionMoveInT ／ TransitionMoveInB 左侧／右侧／顶部／底部进入

TransitionSlideInL／TransitionSlideInR／TransitionSlideInT／TransitionSlideInB 分别从左侧／右侧／顶部／底部滑入

TransitionShrinkGrow 交替进入

TransitionFlipX／TransitionFlipY x轴翻入（左右）／ y轴翻入（上下）

TransitionFlipAngular 左上右下轴翻入

TransitionZoomFlipX／TransitionZoomFlipY x轴翻入放大缩小效果（左右）／ y轴翻入放大缩小效果（上下）

TransitionFadeTR ／TransitionFadeBL／TransitionFadeUp／TransitionFadeDown 小方格右上角显示进入／ 小方格左下角显示进入／ 横条向上显示进入／ 横条向下显示进入

TransitionSplitCols ／ TransitionSplitRows 竖条切换进入／ 横条切换进入

TransitionZoomFlipAngular 左上右下轴翻入放大缩小效果

TransitionFade 渐隐进入

TransitionCrossFade 渐变进入

TransitionTurnOffTiles 小方格消失进入

TransitionRadialCCW／TransitionRadialCW 扇面展开收起

例如:

auto transitions = TransitionMoveInL::create(0.2f, scene);

Director::getInstance()->replaceScene(transitions);

10.声音控制

SimpleAudioEngine类(单例):控制声音和音效的播放(需要引用#include “SimpleAudioEngine.h”)

1.声音和音效的预加载:

加载音乐和音效通常是个耗时间的过程，因此为了防止由加载产生的延时导致实际播放与游戏播放不协调的现象。

在播放音效和音乐前，需要预加载音乐文件。

SimpleAudioEngine::getInstance()->preloadBackgroundMusic(文件路径);//加载背景音乐

SimpleAudioEngine::getInstance()->preloadEffect(文件路径);//加载音效

2.声音和音效的播放和停止:

SimpleAudioEngine::getInstance()->playBackgroundMusic(const char* pszFilePath, bool bLoop = false); //播放背景音乐，bLoop表示是否要循环播放

SimpleAudioEngine::getInstance()->playEffect(const char* pszFilePath, bool bLoop = false,float pitch = 1.0f, float pan = 0.0f, float gain = 1.0f); //播放音效，bLoop表示是否要循环播放

SimpleAudioEngine::getInstance()->stopBackgroundMusic(bool bReleaseData = false); //停止背景音乐

SimpleAudioEngine::getInstance()->stopEffect(unsigned int nSoundId); //停止指定音效，nSoundId为音效编号

SimpleAudioEngine::getInstance()->stopAllEffects(); //停止所有音效

3.声音和音效的暂停和恢复:

SimpleAudioEngine::getInstance()->pauseBackgroundMusic(); //暂停背景音乐

SimpleAudioEngine::getInstance()->pauseEffect(unsigned int nSoundId); //暂停指定音效，nSoundId为音效编号

SimpleAudioEngine::getInstance()->pauseAllEffects(); //暂停所以音效

SimpleAudioEngine::getInstance()->resumeBackgroundMusic(); //恢复背景音乐

SimpleAudioEngine::getInstance()->resumeEffect(unsigned int nSoundId); //恢复指定音效，nSoundId为音效编号

SimpleAudioEngine::getInstance()->resumeAllEffects(); //恢复所有音效

4.声音和音效的属性设置:

SimpleAudioEngine::getInstance()->setBackgroundMusicVolume(float volume); //设置背景音乐音量

SimpleAudioEngine::getInstance()->setEffectsVolume(float volume); //设置音效音量

SimpleAudioEngine::getInstance()->rewindBackgroundMusic(); //重新播放背景音乐

SimpleAudioEngine::getInstance()->isBackgroundMusicPlaying(); //返回一个值，表示是否在播放背景音乐

11.UI

UI:user interface(用户界面)

UI控件:例如按钮/文本/输入框/滑动条/滚动条等

所有的UI控件都继承于Widget;//Widget - ProtectedNode - Node - Ref

----------------------按钮:Button-----------------------

1.创建按钮:auto btn = Button::create();//1.正常状态图片 2.选中状态图片 3.禁用状态下的图片(设置为不能被点击)

2.添加按钮触摸监听事件:

btn->addTouchEventListener();//参数:function<void(Ref*,Widget::TouchEventType)>

1.其中Ref*参数表示被点击的控件,可通过dynamic_cast转换;

2.TouchEventType表示触摸状态,分别分为BEGAN/MOVED/ENDED/CANCELLED

3.可选择的属性:

​ btn->setSwallowTouches(false);//设置是否吞噬触摸

​ btn->setEnabled(false);//设置是否禁用//属于Widget方法

4.将按钮添加到层上;

---------------------文本:Text-------------------------

1.创建文本:auto text = Text::create();//1.内容 2.字体路径 3.字体大小

2.设置文本内容:text->setString(“分数:1”);//文本内容

3.将文本添加到层上;

4.可选择的属性:

enableShadow():开启阴影

enableOutline():开启描边

---------------------复选框:CheckBox----------------------

1.创建复选框:auto checkBox = CheckBox::create();//1.选中状态下的图片 2.未选中状态下的图片

2.添加复选框监听事件

checkBox->addEventListener();//参数:function<void(Ref*,CheckBox::EventType)>

1.其中Ref*参数表示被点击的控件,可通过dynamic_cast转换;

2.CheckBox::EventType表示选中与未选中状态,分别分为SELECTED/UNSELECTED

3.设置选中状态

checkBox->setSelected(true);

--------------------单选框组RadioGroup---------------------------------

1.创建单选框组:auto group = RadioButtonGroup::create();

2.循环创建单选框,并将单选框作为单选框组的子节点:

​ for (int i = 0; i < 3; i++)

​ {

​ //---------------------添加单选框---------------------------------

​ auto radioButton = RadioButton::create(“Slot 2.png”, “Star Left.png”);//1.选中状态下的图片 2.未选中状态下的图片

​ radioButton->setPosition(Vec2(100, 100 + i * 70));

​ group->addRadioButton(radioButton);

​ group->addChild(radioButton);

​ }

3.将单选框组作为层的子节点;

this->addChild(group);

----------------ImageView---------------------

//相比于Sprite,ImageView好在可以直接创建监听时间

1.创建ImageView:ImageView* image = ImageView::create();

2.设置开启触摸（默认不开启）:setTouchEnabled(true);//必须开启触摸才能监听到触摸/点击事件

3.监听触摸/点击事件:

addTouchEventListener;

addClickEventListener;

12.Cocostudio制作

//--------------------文件资源管理FileUtils(单例)-------------------

//addSearchPath:添加资源搜索相对路径

//--------------------操作CocosStudio-------------------

//1.设置发布路径：Resources - res

//2.设置文件夹路径：资源与CCS中的层放在同一路径下，防止查找不到资源

//3.每次编辑完，记得发布！！！

//-------------------加载cocosStudio里面的csb文件------------------

//1.CSLoder::createNode();//参数：csb文件的路径 返回值：节点（当前csb文件的根结点）

//2.将节点添加到当前层上

//3.通过根结点查找子节点：getChildByName

//--------------------加载与播放CocosStudio里的动画----------------(引用using namespace cocostudio::timeline;)

//1.制作动画：1.创建节点，再节点上右键创建精灵，将所有动画的帧往精灵上拖动

//2.添加动画：将动画添加到层上，摆放好位置

//3.创建层的根结点，通过名字获取播放动画的节点

//3.创建时间线，设置时间线参数通过节点运行动作

//-------------------添加帧事件----------------

//1.在cocostudio编辑动画时，先勾选 “开始记录动画”

//2.选中要加事件的帧的资源

13.文件存储

//-------------------文件存储：UserDefault(单例)-----------------------

//1.set：1.键 2.值

//2.get：1.键 2.默认值

14.瓦片地图

// 加载TMX文件：TMXTiledMap(瓦片地图）

// 1.获取地图大小（10*10）：getMapSize

// 2.获取块大小（70*70）：getTileSize

// 3.获取图块层：getLayer(参数：图块层名 返回值：TMXLayer）

// 4.获取对象层：getObjectGroup（参数：对象层名 返回值：TMXObjectGroup)

// TMXLayer:（左上角为原点，左上角第一块坐标为(0,0)

// 1.获得某一个块：getTileAt(参数：坐标）

// 2.获取某一块的GID值：getTileGIDAt(参数：坐标)

// 3.设置某一块的GID值：setTileGID(参数：1.GID值 2.坐标）

// 4.获得图层的宽高：getLayerSize

//TMXObjectGroup：对象层

//1.获得某一个对象：getOject(参数：对象名 返回值：ValueMap（键值对））

//2.获得所有对象：getObjects(返回值：vector)

//键值对<string,value>：一个键对应一个值（一个对象属性名字对应属性值）；

//访问：键值对[“键”]； //例如value[“x”]/value[“hp”]

//对象层作用：存储数据（例如存储出怪点/怪物行走路径/建塔区域等）

//1.创建对象层

//2.选中创建矩形对象的工具（对象点/对象区域）

// 快捷键：Ctrl+移动：以图块格子为单位移动

// Ctrl+缩放：以左上角等比缩放

// Shfit+缩放：以中心点缩放

// Ctrl+Shfit+缩放：以中心等比缩放

//3.修改属性：基本属性和自定义属性