使用Html5+C#+微信 开发移动端游戏详细教程:（六）游戏界面布局与性能优化

本篇教程我们主要讲解在游戏界面上的布局一般遵循哪些原则和一些性能优化的通用方法。

接着教程（五），我们通过Loading类一次性加载了全部图像素材，现在要把我们所用到的素材变成图片对象显示在界面上，由上而下，首先是top层，top里面包涵了玩家（微信）头像，关卡信息，怪物血条信息，玩家金币，玩家宝石，玩家总攻击力。

定义函数 setTop 来初始化top层：

function setTop() {  TopDiv = new LSprite();//定义top层  var Topshape = new LShape();//定义画图对象  Topshape.graphics.drawRect(0, "#000", [0, 0, 484, 100, 10], true, "#000");//绘制一个矩形  Topshape.alpha = 0.6; //透明度  TopDiv.addChild(Topshape); //添加矩形对象  BGDiv.addChild(TopDiv); //添加top层  userheadimg = CreatImg("userhead",0.62,0.62,22,12);//添加玩家头像  TopDiv.addChild(userheadimg);  headborderimg = CreatImg("headborder",0.8,0.8,18,7);//添加头像边框  TopDiv.addChild(headborderimg);}//创建图片对象公共方法function CreatImg(name,scaleX,scaleY,x,y){  var bitmapData = new LBitmapData(loadData[name]);  var img = new LBitmap(bitmapData);  img.scaleX =scaleX;  img.scaleY =scaleY;  img.x = x;  img.y = y;  return img;} 

原标题：使用Html5+C#+微信 开发移动端游戏详细教程:（六）游戏界面布局与性能优化

关键词：C#