【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的问题!

好像有段时间没有更新了,主要项目比较着急,不过现在cocos2d基本算是全拿下了,进展很顺利,那么在这里主要给大家介绍下一些Himi遇到的问题;

本章介绍两个知识点:

               1. 在Cocos2d中添加系统组件;(本例中添加UIView 并嵌套一些View)

               2. 解决View设置透明后,View中的其他组件也跟着透明的问题;详细问题如下:(网上找的网友的问题贴)

 

 

  1. “   如何把背景图片设置为半透明   ” 
  2.  
  3. 现在的界面大概是这样的:最底下一个UIVIEW,这个UIVIEW有一个自己的背景图, 
  4. 然后在这个UIVIEw之上有第二个VIEW,这个VIEW也有一个背景图。 
  5. 现在要达到的效果是使第二个VIEW的图像不会覆盖最底层VIEW的背景图。 
  6. 把上面一层VIEW的ALpha值改小我觉得不行,因为上面一层VIEW里面也有自己各种部件, 
  7. 如果这么改的话,上面一层VIEW里面的所有的元素也会被透明化,但这不是我要的效果。。。 
  8. 透明的仅仅是第二层的背景图。 

 

以上是网友的问题,其实总结起来问题就是咱们今天要讲述的的第二点问题;

OK,首先介绍如何在Cocos2d中添加系统组件;

首先创建一个cocos2d项目,我这里使用的cocos2d版本为1.0.0

然后创建一个UIViewController类,名字为: MyUIView (这个创建文件步骤就不说啦~)

整个项目目录如下图所示:

 

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

 

我们先在我们的MyUIView.xib中添加点东西,不然显示出来也不能明显看出;OK,双击 xib文件进入编写(我的xcode是4.1针对lion的版本)

我这里添加了一个View,然后放置了一个button(方便讲解本章的第二个问题)如下图:

 

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

OK,save下,然后开始编写在cocos2d中显示系统组件的代码:HelloWorldLayout.m  如下:

 

  1. MyUIView *view = [[MyUIView alloc] initWithNibName:@"MyUIView" bundle:nil]; 
  2.         [[[CCDirector sharedDirector] openGLView] addSubview:view.view]; 

 

 

这两句代码位置写在了cocos2d默认给出的场景类中的构造函数里:

 

-(id) init
{

	if( (self=[super init])) {
        
        MyUIView *view = [[MyUIView alloc] initWithNibName:@"MyUIView" bundle:nil];
		[[[CCDirector sharedDirector] openGLView] addSubview:view.view];
        
	}
	return self;
}

 

下面运行看效果:

 

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

 

很简单的,删除代码也easy,如下代码:

 

  1. [self.updateUIView.view removeFromSuperview]; 

 

然后下面我们开始讲解本博文的第二点知识点;

为了让大家更好的看出问题,我将button设置一个背景图,然后给装有button的view设置灰色的背景,如下图:

 

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

OK。现在设置我们要设置view半透明,OK,设置alpha为0.5.然后运行看到的效果图如下:

 

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

 

这个效果明显不对,因为我们想要的是view半透明,其中的button并不需要透明!!!!!

当时遇到此问题就开始各种尝试,因为当时我的项目有好多view,我尝试过在view添加一张ImageView然后将ImageVIew的图与背景图一样,并设置半透明,但是因为很多个view所以最后失败,然后尝试各种度娘,谷歌等,也去对应的群里问了 都是没有找到解决方法,但是最后终于让我尝试出来解决的方法;

其实view的alpha是针对整个view(包括其中的所有组件)的一个透明度,那么如果只是单纯的修改view的透明,其实只要更改它的opacity属性!

点击你的view然后点击其background属性,然后点击other,如下图:

 

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

 

 

 

将其下方的opacity属性调整为50%,OK,保存当前xib文件 ,运行项目!效果图如下:

 

【Cocos2d游戏开发之七】添加/删除系统组件,并解决View设置透明会影响View中的其他组件的有关问题

 

 

 

这才是应该要的效果,view是50%透明的~组件不受影响;

其实这篇博文讲述的比较简单,属于细节,不过细节决定成败,希望大家遇到类似的细节问题,尽可能的解决不要给自己积累疑问,不然会对后期提高带来极大障碍;

OK,就到这里,童鞋们,撒乐个油~

 

 

本文出自 “Himi” 博客,请务必保留此出处http://xiaominghimi.blog.51cto.com/2614927/645211