上回我分享了音频的那些用法,这次来讲一些怎么用滑动条来控制音频。
首先要新建个标题,以及自己找些控制的图片按钮,下面是初始化按钮的代码。
autolabhead=Label::createWithSystemFont("Option","华文楷体",60); //标题
labhead->setTextColor(Color4B::WHITE);
labhead->setPosition(Point(Director::getInstance()->getWinSize().width/2,
Director::getInstance()->getWinSize().height/2+250));
this->addChild(labhead);
autolabmusic=Label::createWithSystemFont("Music","华文楷体",25); //music
labmusic->setTextColor(Color4B::WHITE);
labmusic->setPosition(Point(Director::getInstance()->getWinSize().width/2-280,
Director::getInstance()->getWinSize().height/2+100));
this->addChild(labmusic);
autolabsound=Label::createWithSystemFont("Sound","华文楷体",25); //sound
labsound->setTextColor(Color4B::WHITE);
labsound->setPosition(Point(Director::getInstance()->getWinSize().width/2-280,
Director::getInstance()->getWinSize().height/2-100));
this->addChild(labsound);
btnback=Button::create("option/back1.png","option/back2.png"); //返回按钮
btnback->setScale(0.1);
btnback->setPosition(Point(Director::getInstance()->getWinSize().width-160,
Director::getInstance()->getWinSize().height-100));
this->addChild(btnback);
btnmusic=Button::create("option/music1.png","option/music2.png"); //音乐按钮
btnmusic->setScale(0.1);
btnmusic->setPosition(Point(Director::getInstance()->getWinSize().width/2+300,
Director::getInstance()->getWinSize().height/2+100));
this->addChild(btnmusic);
btnsound=Button::create("option/sound1.png","option/sound2.png"); //音效按钮
btnsound->setScale(0.1);
btnsound->setPosition(Point(Director::getInstance()->getWinSize().width/2+300,
Director::getInstance()->getWinSize().height/2-100));
this->addChild(btnsound);
然后在新建两个滚动条,一个是音乐控制,一个是音效控制。
music_slider=Slider::create();
music_slider->loadBarTexture("option/sliderTrack.png");
music_slider->loadSlidBallTextures("option/sliderThumb.png","option/sliderThumb.png","");
music_slider->loadProgressBarTexture("option/sliderProgress.png");
//float musicpercent =UserDefault::getInstance()->getFloatForKey("musicPercent");
floatmusicpercent1=0;
if(musicpercent1==0.0f)
{
musicpercent1=100.0f;
}
music_slider->setPercent(musicpercent1);
music_slider->setPosition(Point(Director::getInstance()->getWinSize().width/2,
Director::getInstance()->getWinSize().height/2+100));
this->addChild(music_slider);
//音效
musiceffect_slider=Slider::create();
musiceffect_slider->loadBarTexture("option/sliderTrack.png");
musiceffect_slider->loadSlidBallTextures("option/sliderThumb.png","option/sliderThumb.png","");
musiceffect_slider->loadProgressBarTexture("option/sliderProgress.png");
//float musicpercent = UserDefault::getInstance()->getFloatForKey("musicPercent");
floatmusicpercent2=0;
if(musicpercent2==0.0f)
{
musicpercent2=100.0f;
}
musiceffect_slider->setPercent(musicpercent2);
musiceffect_slider->setPosition(Point(Director::getInstance()->getWinSize().width/2,
Director::getInstance()->getWinSize().height/2-100));
this->addChild(musiceffect_slider);
新建所有按钮和滑动条之后,接下来就是实现功能了,先设置按钮的监听事件,点击以后静音,再次点击开启声音。
btnback->addClickEventListener([=](Ref*sender){ //返回主界面
SimpleAudioEngine::getInstance()->playEffect("music/buttoneffect.mp3");
Director::getInstance()->popScene();
});
btnmusic->addClickEventListener([=](Ref*sender){ //静音换图
floatmusicv=SimpleAudioEngine::getInstance()->getBackgroundMusicVolume();
SimpleAudioEngine::getInstance()->playEffect("music/buttoneffect.mp3");
if(musicv!=0)
{
SimpleAudioEngine::getInstance()->setBackgroundMusicVolume(0);
music_slider->setPercent(0);
btnmusic->loadTextureNormal("option/music3.png");
}
if(musicv==0)
{
SimpleAudioEngine::getInstance()->setBackgroundMusicVolume(1);
music_slider->setPercent(100);
btnmusic->loadTextureNormal("option/music1.png");
}
});
btnsound->addClickEventListener([=](Ref*sender){ //静音效换图
SimpleAudioEngine::getInstance()->playEffect("music/buttoneffect.mp3");
floatsoundv=SimpleAudioEngine::getInstance()->getEffectsVolume();
if(soundv!=0)
{
SimpleAudioEngine::getInstance()->setEffectsVolume(0);
musiceffect_slider->setPercent(0);
btnsound->loadTextureNormal("option/sound3.png");
}
if(soundv==0)
{
SimpleAudioEngine::getInstance()->setEffectsVolume(1);
musiceffect_slider->setPercent(100);
btnsound->loadTextureNormal("option/sound1.png");
}
});
接下来设置滑动条同步设置声音的大小。
music_slider->addEventListener([=](Ref*pSender,Slider::EventTypetype)
{
if(type==Slider::EventType::ON_PERCENTAGE_CHANGED)
{
floatpece1=music_slider->getPercent();
SimpleAudioEngine::getInstance()->setBackgroundMusicVolume(pece1/100.0);
//UserDefault::getInstance()->setFloatForKey("musicPercent",pece);
if(pece1==0)
{
btnmusic->loadTextureNormal("option/music3.png");
}
else
{
btnmusic->loadTextureNormal("option/music1.png");
}
}
});
musiceffect_slider->addEventListener([=](Ref*pSender,Slider::EventTypetype)
{
if(type==Slider::EventType::ON_PERCENTAGE_CHANGED)
{
floatpece2=musiceffect_slider->getPercent();
SimpleAudioEngine::getInstance()->setEffectsVolume(pece2/100.0);
//UserDefault::getInstance()->setFloatForKey("musicPercent",pece);
if(pece2==0)
{
btnsound->loadTextureNormal("option/sound3.png");
}
else
{
btnsound->loadTextureNormal("option/sound1.png");
}
}
});
这样就完成了我们控制声音的界面了。在这里我们用上一回的语句加入背景音乐和音效之后,就可已经在这个设置页面上面控制音效的大小和开关啦!(如果不会的话,请看我的这个博客:http://blog.csdn.net/shenmirenlcy/article/details/50054625)
下面是运行的结果,请看图片。
不过如果实在cocos2dx 3.6的版本中的话,可能你会发现貌似无法控制声音的大小,只能控制声音的开关,这个是因为在系统的函数里面,居然是空的........下一篇我再来分享一下怎么把里面的代码补全咯。