js 三态按钮_开关三态按钮

cocos2d-x 开关按钮 三态按钮 的实现 CCMenuItemToggle

二.实现过程:

1.创建CCMenuItemToggle对象:

CCMenuItemImage *btnOn =CCMenuItemImage::create("soundon.png" ,"soundoff.png");

CCMenuItemImage *btnOff=CCMenuItemImage::create("soundoff.png","soundon.png");

CCMenuItemToggle *btnSnd =CCMenuItemToggle::createWithTarget(this,menu_selector(GameLayer::onMusicEnable),btnOn, btnOff,NULL);

2.添加到CCMenu中:

CCMenu* pMenu = CCMenu::create(btnSnd, NULL);

pMenu-&gtsetPosition(CCPointZero);

this-&gtaddChild(pMenu);

3.响应代码:

void GameLayer::onMusicEnable( cocos2d::CCObject* pObj )

{

CCMenuItemToggle *toggleItem = (CCMenuItemToggle *)pObj;

CCLog("%d",toggleItem-&gtgetSelectedIndex());

}

三.其他

1.调用CCMenuItemToggle::createWithTarget (…)状态:

获得:

int nID=toggleItem-&gtgetSelectedIndex();

swith(nID)

{

case 0:

//...

break;

case 1:

//...

break;

}

设置:

toggleItem-&gtsetSelectedIndex(1);

toggleItem-&gtsetSelectedIndex(2);

2.三态按钮也可以采用类似的方法实现,CCMenuItemToggle::createWithTarget()一次传入3种状态,点击后会自动1-2-3-1这样切换 ,只是不能采用上面的方法实现获得和设置状态.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用Vue.js开发中,可以使用Vuex来实现按钮开关的功能。Vuex是Vue.js状态管理库,用于在应用程序中集中管理和共享状态。要实现按钮开关,可以按照以下步骤进行操作: 1. 在Vuex的store中定义一个状态属性,用于表示按钮开关状态。例如,可以定义一个名为`isButtonOn`的状态属性,并初始化为`false`。 2. 在store中定义一个mutation,用于修改按钮开关状态。例如,可以定义一个名为`toggleButton`的mutation,通过修改`isButtonOn`的值来切换按钮状态。 3. 在组件中使用`mapState`和`mapMutations`辅助函数来获取和修改Vuex中的状态。在组件中引入这两个辅助函数,并将`isButtonOn`映射到组件的计算属性中,以便在模板中使用。同时,将`toggleButton`映射到组件的方法中,以便在按钮点击事件中调用。 4. 在模板中使用`v-bind`和`v-on`指令来绑定按钮状态和点击事件。使用`v-bind`指令将按钮的`disabled`属性绑定到`isButtonOn`,以控制按钮的禁用状态。使用`v-on`指令将按钮的点击事件绑定到`toggleButton`方法,以实现按钮开关功能。 下面是一个示例代码,演示了如何使用Vuex实现按钮开关的功能: ```javascript // 在Vuex的store中定义状态和mutation const store = new Vuex.Store({ state: { isButtonOn: false }, mutations: { toggleButton(state) { state.isButtonOn = !state.isButtonOn; } } }); // 在组件中使用mapState和mapMutations辅助函数 const MyComponent = { computed: { ...Vuex.mapState(['isButtonOn']) }, methods: { ...Vuex.mapMutations(['toggleButton']) } }; // 在模板中使用v-bind和v-on指令 <template> <button :disabled="isButtonOn" @click="toggleButton"> {{ isButtonOn ? '关闭' : '打开' }} </button> </template> ``` 通过以上步骤,你可以使用Vuex实现一个按钮开关的功能。当按钮被点击时,按钮状态会切换,并且按钮的禁用状态会根据状态属性的值进行更新。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值