Cocos2d-x 3.0 开发（十五）使用UILayout布局，制作对话界面

最新推荐文章于 2023-06-14 18:04:22 发布
最新推荐文章于 2023-06-14 18:04:22 发布
阅读量2.7w 收藏 11
点赞数 4
分类专栏： Cocos2D-X Cocos2d-x 3.0 开发 文章标签： CocoStudio cocos2d-x 3.0 Cocos2d-x UILayout 自动布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fansongy/article/details/17382049
版权
本文介绍了如何在Cocos2d-x 3.0中利用UILayout进行动态布局，特别是在ScrollView中添加和控制子控件的位置。通过CocoStudio编辑界面，设置线性纵向布局，并在程序中实现动态添加Button控件，通过调整UILinearLayoutParameter确保布局正确。
摘要由CSDN通过智能技术生成

1、概述


    上一篇我们在编辑器中设计了一个静态的UIScrollView，而通常我们都需要在程序中动态增加信息。插入元素的位置怎么确定？在3.0中UILayout已经实现了基本的布局，一起来看看吧：




2、编辑界面


    打开CocoStudio的UIEditor 编辑一个界面，创建一个ScrollView和两个Button。因为ScrollView继承自UILayout，这里我们采用它。不太能搞定的童鞋可参考：Cocos2d-x 3.0 开发（十四）使用UIScrollView 实现大小不同物品拖动展示

 

最低0.47元/天 解锁文章
松阳
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
枫叶天空Cocos2d-x3.0系列教程三 ui教程2 布局组件
枫叶天空
02-02 4140
本节继续讲述cocos2d-x的组件——布局组件，本节内容如下： 1、layout组件 2、ScrollView组件 3、ListView组件 4、PageView组件 准备工作 同前面的内容一样，在这里我们也建立一个LayoutManager类来管理我们的布局组件，头文件代码如下： #include "cocos2d.h" #include "CocosGUI.h" USING_
Cocos2d-x 3.0final 终结者系列教程23CocosStudio UI组件使用大全Cocos2d-x3.2使用
热门推荐
Cocos2d-x,Android,IOS,游戏，HTML5开发/交流/学习/资源 沈大海
08-19 1万+
按钮UIButton 复选框UICheckBox 滑块UISlider 图片UIImageView 进度条UILoadingBar 纹理文本 UITextAtlas 字体文本 UIText 图片字体文本 UITextBMFont 文本区域 UITextField 布局组件 UILayout 滚动组件 UIScrollView 页面切换组件 UIPageView 列表组件 UIListView 所有控件都继承 UIWidget
cocosLua 之 Layout布局管理
最新发布
qq_24726043的博客
06-14 827
Layout作为cocos2dx UI中的基础容器，支持裁切，支持布局。针对于后者而言，等这些容器的布局都通过Layout进行拓展支持的，简单了解下它们的继承结构。fill:#333;color:#333;color:#333;fill:none;ScrollViewLayoutTableViewListViewPageViewLayout的C++代码继承结构：fill:#333;color:#333;color:#333;fill:none;WidgetLayout主要用于布局管理器。
CocosCreator 屏幕适配、UI布局排版 (第十二篇)
程序员战胜
03-04 6197
前言： 这篇文章将会提及屏幕的适配问题、Widget(对齐组件)的使用、Label组件的文字排版、以及容器Layout 组件。 一、屏幕适配 1.屏幕适配主要是用来解决不同的手机分辨率不同的问题。因为我们在游戏开发的时候那个画布Canvas就设置好了，虽然一般在设置分辨率的时候都是适合大部分的手机，但还是有一部分手机不匹配。对于不匹配的分辨率就要进行等比的缩放操作，这个时候就出现了游戏界面宽度缩放...
cocos2dx－ui的分类与使用
hanxiaoqiag的专栏
08-30 3557
cocos2dx－ui的分类与使用
【Cocos2d-x】源码分析之 2d/ui/UILayout
yhhwatl的专栏
05-21 2958
cocostudio源码浅析之UILayout
cocos2d-x 3.0
08-06
《cocos2d-x 3.0：游戏开发中的角色移动技术详解》 在游戏开发领域，cocos2d-x是一款广泛使用的开源2D游戏引擎，尤其在移动平台上的应用非常广泛。cocos2d-x 3.0版本带来了许多性能优化和新特性，使得开发者能够更...
Cocos2d-x 3.0的俄罗斯方块代码
03-15
《Cocos2d-x 3.0的俄罗斯方块代码》是一个基于Cocos2d-x游戏引擎3.0及以上版本实现的经典游戏项目。Cocos2d-x是一个广泛使用的开源跨平台2D游戏开发框架，它允许开发者用C++、Lua或JavaScript编写游戏，并在iOS、...
使用Cocos2d-x 3.0制作的太空射击游戏
05-15
如果你对于如何制作基于Cocos2d-x3.0的游戏完全陌生的话，这个代码可以帮助你！你将会学习到，如何从头至尾构建一个完整的游戏，不需要任何的经验！ 代码中还包含了视差滚动（parallax scrolling），预分配Node，...
cocos2dx 3.x 水波纹
01-13
把 Birkemose 用 cocos2d-iphone v1.1 写的那个水波纹特效，用 cocos2dx v3.13 重新实现。 资源包括 原版 和我自己的改写版。
cocos2d-x-3.0 类图
05-17
这是我重新弄的cocos2d-x-3.0的类图.之前别人兄台弄的,有些不全面,有些地方错误.我这个可以说是最新的了.每个类添加了中文的详细注解,同时也添加了中文的类名称翻译.这样对cocos2d-x-3.0的框架比较好上手. 有兴趣的...
Cocos2d-x Layout简单使用
木木三的专栏
10-17 1213
转载自：https://www.cnblogs.com/mfrbuaa/p/5064598.html Text* alert = Text::create("Layout", "fonts/Marker Felt.ttf", 30 ); alert->setColor(Color3B(159, 168, 176)); alert->setPosition(Point(widgetSi...
Cocos2d-x Layout简单使用
杜甲同学的专栏
04-30 5481
1、 Text* alert = Text::create("Layout", "fonts/Marker Felt.ttf", 30 ); alert->setColor(Color3B(159, 168, 176)); alert->setPosition(Point(widgetSize.width / 2.0f,
cocos2d-x UILayout和ClipNode模板冲突
weixin_30448685的博客
04-22 74
现在手头上负责的一个项目，基于cocos2d-x做的一个手机游戏。 里面有个背包界面。很早以前出现一个bug。 外层界面一个ScrollView，就是滚动界面，底层基于两套机制实现裁剪的。 1.基于模板缓冲机制做的。 2.基于可视区域裁剪的。 系统默认都是基于模板裁剪，最早以前我发现这个界面非常的卡顿，后面发现同事在里面的背包Item为了实现Mask用RTT(渲染到纹理)。 每次进入界...
【Cocos2d-x】源代码分析之 2d/ui/Widget
weixin_33971205的博客
09-27 188
从今天開始 咱也模仿 红孩儿这些大牛分析源代码 ，因为水平有限 不正确之处欢迎狂喷。哈哈。 #ifndef __UIWIDGET_H__ #define __UIWIDGET_H__ #include "ui/CCProtectedNode.h" #include "ui/UILayoutDefine.h" #include "ui/UILayoutParameter.h" #in...
再记录一个cocos2dx两个scrollview时的点击响应问题
希望成长得更快一点
03-14 826
好久没上来记录问题了 可能是我已经不打算再花太多时间研究cocos的问题了 不过最近遇到一个问题在网上一直没查到 不知道是不是只有我遇到了其他人没遇到。。  好吧 开个玩笑 最近遇到的问题是在一个uilistview上创建cell cell里面有scrollview scrollview里面有uiButton 在这种情况下点击按钮的时候是不能拖动最下面的listview的 然后我就想点击按钮的时候...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值