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

xiaoxiao2022-07-09 70

热到飚血了。。。

上次创建了一房间了，现在要创建多个房间了。

我们像添加一个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部分代码：点此下载

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

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