Silverlight+WCF 新手实例 象棋 游戏房间列表(十三)

热到飚血了。。。
上次创建了一房间了，现在要创建多个房间了。

我们像添加一个Chess类来创建很多棋子一样，现在创建一个Game类来创建很多房间：

Code文件夹右键，添加新建项->类->Game.cs,同样的，名称空间去掉[.Code]

namespace NewChessProject
{
/// <summary>
/// 游戏 by 路过秋天
/// </summary>
public class Game
{

}
}

先上一个房间列表的属性：

public List<GameRoom> GameRoomList//房间列表
{
get;
set;
}

接下来就是一个创建房间的方法了：





public void CreateGameRoom(int count)
{
GameRoomList = new List<GameRoom>();
int margin = 40;
int GameRoomWidth = 120;
int pageWidth = 800;
int x = 0, y = 0;
Point location;
for (int i = 0; i < count; i++)
{
//计算房间位置
x = i % (pageWidth / GameRoomWidth) * GameRoomWidth + margin + i % (pageWidth / GameRoomWidth) * 20;
y = (i / (pageWidth / GameRoomWidth)) * GameRoomWidth + margin;
location = new Point(x, y);
GameRoom GameRoom = new GameRoom(i + 1, location, GameRoomWidth);
GameRoomList.Add(GameRoom);
}
}
public void DrawIn(Panel control)
{
for (int i = 0; i < GameRoomList.Count; i++)
{
GameRoomList[i].DrawIn(control);
}
}

由于我们设置了页面总宽为800,我们需要到Room.xaml设置一下Canvas的宽和高：

<Grid x:Name="LayoutRoot" Background="White" Width="800" Height="600" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,0,0,0">

</Grid>
OK，现在我们回到Room.xaml.cs代码里，创建30个房间：





public partial class Room : UserControl
{
public Room()
{
InitializeComponent();
//GameRoom gameRoom = new GameRoom(1, new Point(0,0), 120);
//gameRoom.DrawIn(LayoutRoot);
Game game = new Game();
game.CreateGameRoom(30);
game.DrawIn(LayoutRoot);
}
}

运行F5，看下效果：



怎么全挤在一堆了，我查了查，调了调，又比较了一下，发现：

原来Grid布局和Canvas布局的区别。

因此，把Grid标签换成Canvas标签就行了：

<Canvas Background="White" Height="600" HorizontalAlignment="Left" Margin="0,0,0,0" Name="LayoutRoot" VerticalAlignment="Top" Width="800" >
</Canvas>

OK，再F5运行，房间正常了：



OK，列表出来了。

下一节开始要讲WCF通讯，同时后面章节会对之前的很多代码会做调整与补充。

现在提供第3部分代码：点此下载