图2，创建房间时：

UI界面分析：左边是4个按钮，选择游戏种类，为单选；右边为该游戏种类需勾选的一些选项，有复选框，label，输入框控件；局数为单选，玩法为单选和多选，房间底注由玩家输入，最低进入的金币根据属性勾选自动显示。

左边游戏种类按钮分析：

在勾选游戏种类时，点击某个按钮后，该按钮图标变亮且不能再点击，其他图标变暗且可点击。所以在cocos studio设计的时候，按钮选中图片时，不可点击的图片设置成高亮图片，正常和按下状态时设置成灰暗图片。代码中，设置一个默认游戏种类，如设置斗地主为默认的，则设置其按钮为不可用状态，即高亮图片显示。给每个按钮的button响应函数里添加代码，当它点击的时候，它的状态变为不可用，其他按钮状态变为可用。

btn_ddz:setButtonEnabled(false)  --设置默认游戏种类
self.gameStyle = 2               --当前游戏种类的代号，当创建房间时，传递给服务器


--设置其中一个按钮的响应函数，其他按钮同理可得
btn_texas:onButtonClicked(function(event) 
	btn_texas:setButtonEnabled(false)
	btn_ddz:setButtonEnabled(true)
	btn_niuniu:setButtonEnabled(true)
	btn_mahjong:setButtonEnabled(true)
	self.gameStyle = 1
end)

右边属性界面分析：

局数为单选，玩法第一排也为单选，跟游戏种类一样，也是点击某个按钮后，该按钮图标变亮且不能再点击，其他图标变暗且可点击。所以在UI界面和代码跟游戏种类的一样的做法。 玩法第二排为多选，则这两个用复选框。房间底注为玩家输入，最低进入和消耗房卡由勾选的属性决定，不同勾选组合最低进入的金币不同，即勾选完属性后，要刷新这两个label的显示。

确认创建按钮：

当点击该按钮后，把该界面接收的信息（游戏种类，局数，玩法，房间底注，最低进入金币）收集起来给逻辑处理模块，再传递给服务器，服务器生成房间号。

function hallRoomCreate:btn_createRoom()
    local btn_create = cc.uiloader:seekNodeByPath(self.ccsNode, "Panel_18/btn_create")        
	btn_create:onButtonClicked(function(event)
		local owner = User:getName()
		friendRoomHandler:checkRoomCreate(200,{owner = owner,gameStyle = self.gameStyle, 
			gameTime = self.gameTime, roomLowCoin = self.roomLowCoin, 
			lowCoinJoin = self.LowCoin})
    end) 
end