CCMenu 与 CCMenuItem

本文介绍如何使用 Cocos2d-x 创建三种不同类型的菜单项:文字菜单、切换开关和图片按钮,并展示了如何设置它们的样式及交互行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

引入#import "ccDeprecated.h"

// 第一个菜单项:CCMenuItemFont

        // 设置文字大小

        [CCMenuItemFontsetFontSize:50];

        CCMenuItemFont *item1 = [CCMenuItemFontitemWithString:@"文字菜单"];

        // 文字为黄色

        item1.color = ccc3(255, 255, 0);

        

        // 第二个菜单项:CCMenuItemToggle

        // 重新设置字体和大小

        [CCMenuItemFontsetFontName:@"Courier New"];

        [CCMenuItemFontsetFontSize:40];

        // on为青色

        CCMenuItemFont *on = [CCMenuItemFontitemWithString:@"On"];

        on.color = ccc3(0, 255, 255);

        // off为红色

        CCMenuItemFont *off = [CCMenuItemFontitemWithString:@"Off"];

        off.color = ccc3(255, 0, 0);

        CCMenuItemToggle *item2 = [CCMenuItemToggleitemWithItems:[NSArrayarrayWithObjects:on,off, nil] block:^(id sender) {

            NSLog(@"切换了开关状态");

        }];

        

        // 第三个菜单项:CCMenuItemSprite

        // 默认的精灵

        CCSprite *normal = [CCSpritespriteWithFile:@"people.png"];

        // 被按下时的精灵(红色)

        CCSprite *selected = [CCSpritespriteWithFile:@"enemy.png"];

        selected.color = ccRED;

        CCMenuItemSprite *item3 = [CCMenuItemSpriteitemWithNormalSprite:normal selectedSprite:selected block:^(id sender) {

            NSLog(@"点击了图片按钮");

        }];

        

        // 按顺序添加菜单项到菜单中

        CCMenu *menu = [CCMenu menuWithItems:item1, item2, item3, nil];

        // 让菜单居中

        CGSize winSize = [CCDirectorsharedDirector].winSize;

        menu.position = ccp(winSize.width * 0.5f, winSize.height * 0.5f);

        // 垂直方向排列菜单项,每个菜单项之间有30的垂直间距

        [menu alignItemsHorizontallyWithPadding:30];

        

        // 添加菜单到图层中

 

        [self addChild:menu];

资源下载链接为: https://pan.quark.cn/s/67c535f75d4c 在开发 Vue 项目时,跨域问题是一个常见的挑战,主要是由于浏览器的同源策略限制了不同源之间的请求。本文将介绍几种解决跨域问题的方法,适用于使用 vue-cli 脚手架搭建的项目。 在后端服务器上,可以通过修改响应头来解决跨域问题。例如,在 PHP 中,可以设置 Access-Control-Allow-Origin 为 *,以允许所有来源的请求,同时设置 Access-Control-Allow-Methods 为 POST, GET,以允许跨域的 POST 和 GET 请求。代码示例如下: 在前端开发环境中,可以使用 http-proxy-middleware 来设置代理,从而绕过浏览器的同源策略。在 vue-cli 项目中,打开 config/index.js 文件,并在 proxyTable 对象中添加以下配置: 这样,前端的请求路径以 /api 开头时,http-proxy-middleware 会自动将请求转发到目标地址。 axios 是一个常用的 HTTP 库,用于处理前后端交互。可以在项目的 main.js 文件中全局配置 axios,例如设置 POST 请求的 Content-Type: 在组件中,可以通过 this.$axios 发起请求: Fetch API 是另一种发起 HTTP 请求的方式,同样支持跨域。在 Vue 组件中,可以使用以下代码发起 POST 请求: 如果目标服务器只支持 JSONP,可以使用 jQuery 的 $.ajax 方法,并设置 dataType 为 JSONP。例如: Vue 项目中的跨域问题可以通过调整后端服务器的 Header 或在前端使用 http-proxy-middleware 代理来解决。对于支持 JSONP 的 API,还
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值