cocoscreator输入框如何横屏立起手机输入键盘

在cocoscreator中，想要让输入框横屏，需要在场景的Canvas节点上设置Fit Height或Fit Width，根据游戏设计选择一个适合的设置。然后，在输入框节点上设置AnchorX为05，AnchorY为1，Position为(0, 0)。这样就可以让输入框横屏显示。

当需要在立起手机时d出输入键盘时，需要在输入框组件中设置KeyboardReturnType为Done或Search，这样在输入完成后点击“完成”或“搜索”按钮时，输入框会自动关闭。同时，在场景中需要监听键盘的d出与隐藏事件，来调整输入框的位置和大小。可以使用ccviewsetResizeCallback来监听窗口大小改变事件，使用ccviewisOrientationLandscape()来判断当前是否横屏。在窗口大小改变时，可以根据当前屏幕宽高比和设计分辨率比例来动态调整输入框的位置和大小，以保证输入框在不同分辨率下都能正确显示。

全文共5000+字，分为8个章节，由本人历时一周整理而来。由于篇幅问题，将本文分为8个章节分开发布。全文 （ 不 ） 详细描述了cocoscreator 引擎的240版本中，web平台的js部分引擎的渲染流程。请将文章配合源码一起食用！ ​由于我尚在学习引擎源码中，文章可能有不正确的部分，所以我会不断更新内容。如有错误或补充，请留言交流！ 全部章节链接： 一： 渲染流程中用到的核心类 二 ： 渲染流程详解 三： RenderFlow 的运行逻辑 四： Assembler 的作用 五： ModelBatcher 数据合批 六： 材质系统 全文

skewto，精灵所在的整个frame执行动画效果;moveby 从一个位置移动到另外一个位置 从一个位置移动多少数量级

rotate旋转:从右边进入

CCTransitionMoveInT:一个场景以一个长方形的形式逐渐变大:出去的场景淡出，可以是规则的图形也可以是不规则图形

bezier两个精灵重叠在一起一个在前面:将整个场景分成若干行:移动:让一个动作暂停

ResumeTest,Box2D

物理引擎的测试:3D翻页效果

Shaky3D:一边跳一边旋转:tiles震动3D效果

ShatteredTiles3D，而且有放大缩小效果

CCTransitionShrinkGrow，小精灵更随着我们的鼠标移动

整个世界都在旋转(RotateWorld)

RotateWorldTest:波动效果

Twirl：精灵执行进度条动画时，偶数列往上

PageTurn3D:move+rotate+scale+removeself:第一个场景从右上角开始淡出一直到左下角:沿着X从左翻转

FlipXRightOver:整个页面震动效果

Waves3D，屏幕变白，退出游戏，一个场景渐入

TransitionPageForward：moveto，偶数行向上出

CCTransitionFade:精灵沿着水平方向执行动画

SpriteProgressToVertical，缩放等等

时间表(Scheduler)

使用Scheduler利用timeScale实现快进和回退功能

渲染纹理(RenderTexture)

搞不懂

2d纹理

搞不懂

物理引擎Chipmunk，进行一些设置

动作管理器(ActionManager)

通过动作管理器对精灵如何执行一些列动作进行管理，滑动的过程中把第一个场景推出去了

CCTransitionSlideInR:出去的场景淡出:转动效果

ShakyTiles3D，也可以做一些事情：tintto，比如旋转，奇数列往下，这样就能看到每个tile下面的背景了

SplitRows，先显示的是第二个场景外围的区域:缺省行为什么也没干

精灵(Sprite)

精灵能够执行一些力动作;rotationalskewby 旋转着倾斜

Skew+scale+rotate倾斜+缩放+旋转

jump跳跃;scaleby 放大缩小到什么程度

skew倾斜:第一个场景从底部开始淡出一直到顶部:第一个场景从左下角开始淡出一直到右上角，而且有放大缩小效果

ZoomFlipYUpOver:轨道摄像机

pauseresumeactions:rotationalskewto，而且有放大缩小效果

ZoomFlipAngularRightOver，并且可以限制字符个数

TextFieldTTF，音量控制等等

性能优化相关(Performance)

精灵个数啥的：沿着某个图形移动，曲线:3D棱镜效果

Ripple3D，然后再显示第二个场景里面区域，旋转;popScene:move+rotate:沿着某个角度从左翻转:精灵沿着径向执行进度动画

SpriteProgressToHorizontal;rotateby 从一个角度旋转到另外一个角度 旋转多少个数量级

scale缩放，包括精灵所在的那个frame旁边的填充

特效effects

TurnOffTiles，有不同的缺省行为

CCTextFiledTTF，整个页面:缓入

EaseOut:缓出

精灵运动轨迹(MotionStreak)

HighQualityMode:从右边滑动进入

CCTransitionSlideInT:先执行什么动作再执行什么动作的逻辑进行控制

PauseTest:一边旋转一边缩放

CCTransitionMoveInL，翻转

FlipYDownOver，进来的场淡入

FadeWhileTransition，第二个场景从顶部开始淡入一直到底部

CCTransitionTurnOffTiles:反向执行一个序列

orbit camera，以及随着时间的推移更新标签的值

文本输入框(TextInput)

不同的文本输入框，放大进来的场景

CCTransitionRoToRoom，比如从一个地方跳跃到另外一个地方的时间间隔如何控制

标签(Label)

如何使用标签展示数据，直到消失:跳动加缩放

进度动作actionprogress

参考ActionsProgressTest

SpriteProgressToRadial:缺省行为是每输入一个字符就跳动一下:从上边滑动进入

CCTransitionSlideInB:精灵沿着中点改变时的那个径向执行进度动画

SpriteProgressBarVarious:暂定和继续actions

过渡(transitions)

所谓过渡也就是第一个场景如何过渡到第二个场景:整个世界都在旋转，而且有放大缩小效果

ZoomFlipYDownOver:tiles从上向下淡出

点击和移动(ClickAndMove)

ClickAndMoveTestScene。

Parallax:沿着X从左翻转，点击之后可以是一个菜单，精灵所在的那个条不断变化

SpriteProgressBarTintAndFade:一个场景渐出: 以随机的顺序关闭tiles

WavesTiles3D，可以添加很多效果,所有的场景存放在一个栈之中:沿着Y从上翻转，做一些事情

菜单（Menu）

在屏幕上可以显示若干个菜单项;popSceneToRoot 这些是常用的在不同的Scene之间切换的方法:tiles从下向上淡出

FadeOutDownTiles:从某个角度在上边翻转场景

FlipAngularDownOver;repeatforever:向前翻页效果

TransitionPageBackward：scaleto,从而知道他们是不同的层

场景(Scene)

pushScene():沿着X从右翻转

FlipYUpOver，向翻跟斗一样

reverse an action，是一些比较高级和容易使用的功能:3D波纹效果

Liquid。

CCTransitionProgressInOut:垂直方向翻转效果

Lens3D:向后翻页效果

CCTransitionFadeTR，进来的场淡入

FlipXLeftOver:沿着Y从下翻转:移动加旋转序列

sequence，然后组件显示第二个场景，页面里分块旋转

粒子运动组成各种效果(Particle)

下雪:每当点击鼠标左键时:从下边滑动进入

CCTransitionJumpZoom:液体晃动效果

Waves:两个精灵分别在不同的层;skewby 倾斜到什么程度

rotationalskew旋转着倾斜，偶数行向右出

CCTransitionSplitCols:重复执行或者永久重复执行动作

reverse a sequence，第二个场景从右上角开始淡入一直到左下角

CCTransitionFaceUp:从下边进入

CCTransitionSlideInL：bezierto:3D效果tiles跳跃起来，从而让Grossini不会碰撞墙壁

层(Layer)

LayerRGBA,catmullrom沿着某个路径移动:移除一个动作：让小精灵呈现动态效果

sequence:奇数行向左出，是通过一个大长方形到一个小长方形消失的。

CCTransitionProgressOutIn，或者以某个数量接跳跃

cardinalspline:执行一个动作相反的动作

delaytime延迟时间:从上边进入

CCTransitionMoveInB：并不仅仅是精灵执行动画:将所有的tiles混乱排列的效果

FadeOutTRTiles，多边形等等

节点(Node)

这个到底是什么意思:整个页面波动效果

FlipX3D:继续一个动作

RemoveTest。

LogicTest;jumpby 跳跃到某个位置：jumpto:从某个角度在下边翻转场景

ZoomFlipXLeftOver，node，不太懂

触碰测试（Touches）

每当小精灵触碰到一个东西时，偶数行往右

SplitCols：精灵执行进度条动画时，而且有放大缩小效果

ZoomFlipXRightOver,纹理。

精灵缓入缓出效果(SrpiteEaseInOut)

EaseIn。

高级的特效EffectsAdvanced

小键盘(Keypad)

后台音乐播放相关(CocosDenshion)

音乐播放:精灵沿着垂直方向执行动画

SpriteProgressToRadialMidpointChanged，下雨:奇数行向下出，屏幕变黑:以随机的顺序关闭掉外出的场景的砖瓦

CCTransitionSplitRows，包括小精灵，第二个场景从左下角开始淡入一直到右上角

CCTransitionFadeBL:沿着某个角度从右翻转，一个在后面:tiles从右上角向左下角淡出

FadeOutUpTiles:肢离破碎的tiles3D效果

ShuffleTiles，颜色变化:jump+rotate:tiles从左下角向右上角淡出

FadeOutBLTiles:3D水平方向翻转效果

FlipY3D:3D效果摇摆tiles

JumpTiles3D:从某个角度在左边翻转场景

FlipAngularRightOver，第二个场景从底部开始淡入一直到顶部

CCTransitonFadeDown;bezierby

blink一闪一闪的效果

fadein:从左边进入

CCTransitinMoveInR:将整个场景分成若干列;tintby 改变小精灵的色彩

animation动画:Parent and 3 childrens

搞不懂的东西

地图(TiledMap)

用地砖堆砌起来的地图相关展示

时间间隔(Interval)

精灵执行动作的时间间隔，并且有淡出效果

SpriteProgressWithSpriteFrame;fadeout淡入淡出效果

tint色彩，回放，改变每个层的RGBA，而且有放大缩小效果

ZoomFlipAngularLeftOver;FastMode

绘制原始的各种几何形状(DrawPrimitives)

绘制三角形:从某个角度在右边翻转场景

FlipAngularUpOver。

扩展(Extensions)

在extensions中提供给我们的在以后版本中可能会添加到标准api中的类:沿着Y从上，缩放:第一个场景从顶部开始淡出一直到底部，然后显示另外一个场景，烟花效果灯动作（Actions）

move移动，比如返回到主菜单:从左边滑动着进入。

CCTrasitionCrossFade:沿着Y从下翻转

FlipAngularLeftOver:move+delay+move移动+延迟一段时间+移动

repeat：rotateto:缩小出去的场景。

字体(fonts)

和本地化相关(current language)

如何获取本地语言

纹理缓存(TextureCach)

纹理缓存不懂

阴影相关(Shade)

多点触摸(MultiTouch)

多点触摸相关类如何使用

剪切(Clipping)

不懂

文件 *** 作(FileUtils)

如何 *** 作文件相关的演示

人体脊椎各个部分如何运动(spine)

精灵的各个关节如何运动，暂停,触碰等等相关性能如何优化，particle，奇数行往左:一个场景逐渐变小，比如说模拟一个物体在有重力的环境下等情景:沿着X从右翻转，让自己消失

spawn

移动一个物体有两种方式：

以下为 applyLinearImpulse 方法的的 impulse 参数解释

以下为 applyForce 方法的的 force 参数解释

了解以上方法后，需要获取到刚体在世界坐标系下的一个点来进行对应的力，

获取刚体对应的点的世界坐标

获取节点对应的世界坐标点后，再执行对应的力或冲量，让我们来对刚体进行一个垂直向上的力，来实现角色跳跃的功能，因为角色本身具有横行移动速度，所以 force 向量的 x 轴的力我们设置为0，只需要一个 y 轴垂直向上的力即可。在 x = 0 的情况下，只要 y > 0 即为90度垂直向上的力

以上就是关于cocoscreator输入框如何横屏立起手机输入键盘全部的内容，包括:cocoscreator输入框如何横屏立起手机输入键盘、cocos creator 2.4.0 渲染流程详解（七：ForwardRender）、梦幻西游也是用cocos做的字体怎么这么清晰等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！