Silverlight+WCF 实战-网络象棋最终篇之房间装修-Silverlight端[带第九阶段源码](三)

在线演示地址：Silverlight+WCF 新手实例 象棋 在线演示

上一系列四十篇索引：Silverlight+WCF 新手实例 象棋 专题索引

本篇紧接着上一篇：Silverlight+WCF 实战-网络象棋最终篇之房间装修-WCF端(二)

继续为房间进行如下的装修：



代码实现[Silverlight端]

说明：


由于更换背景引入图片，房间的属性发生了较大的变化，由此引发了客户端房间类较大的改动。

1：Silverlight端：GameRoom类大调整[[b]被注释的是原来的代码，未注释的是修改的代码][/b]

由于房间本次装修的变化较大，成本也是不低的。

a：增加的全局变量


TextBlock redText;
//
红色玩家文字

TextBlock blackText;
//
黑色玩家文字

private
SolidColorBrush defaultBrush
=

new
SolidColorBrush(Color.FromArgb(

,

,

,

));
//
默认透明的背景色

b：增加的属性[同样删除两个字段RedPlayerInChair/BlackPlayerInChair]







///
//
<summary>

///
// 红色座位有人

///
//
</summary>

//
public bool RedPlayerInChair

//
{

//
get;

//
set;

//
}

///
//
<summary>

///
// 黑色座位有人

///
//
</summary>

//
public bool BlackPlayerInChair

//
{

//
get;

//
set;

//
}

public

bool
IsGaming
{

get
;

set
;
}

public
GameService.Player RedPlayer
{

get
;

set
;
}

public
GameService.Player BlackPlayer
{

get
;

set
;
}

///

<summary>

///
背景图片[还没玩游戏]

///

</summary>

public
ImageBrush BackgroundBrush
{

get
;

set
;
}

///

<summary>

///
背景图片[游戏中]

///

</summary>

public
ImageBrush GamingBrush
{

get
;

set
;
}

c：调整构造函数，增加背景图传入[由于背景图片引入，原来的长方形房间变成正方形，由此改变了部分算法]







public
GameRoom(
int
roomID, Point location,
int
width, ImageBrush background, ImageBrush gaming)
{
RoomHeight
=
RoomWidth
=
width;
RoomID
=
roomID;
InitPoint
=
location;
BackgroundBrush
=
background;
GamingBrush
=
gaming;
}

d：绘房间和重绘房间函数，直接把以前的注释掉，写个新了





Draw/ReDraw函数



private

void
Draw()
{
redChair
=

new
Rectangle()
{
Width
=

32
,
Height
=

32
,
Fill
=
defaultBrush,
Margin
=

new
Thickness(
12
,
58
,

,

)
};
redText
=

new
TextBlock()
{
FontFamily
=

new
FontFamily(
"
宋体
"
),
FontSize
=

12
,
Margin
=

new
Thickness(
10
,
100
,

,

)
};
spectatorChair
=

new
Rectangle()
{
Width
=
RoomWidth
/

3
,
Height
=
RoomWidth
/

3
,
Fill
=
defaultBrush,
Margin
=

new
Thickness(RoomWidth
/

3
, RoomHeight
/

3
,

,

)
};
blackChair
=

new
Rectangle()
{
Width
=
redChair.Width,
Height
=
redChair.Height,
Fill
=
defaultBrush,
Margin
=

new
Thickness(
106
,
58
,

,

)
};
blackText
=

new
TextBlock()
{
FontFamily
=

new
FontFamily(
"
宋体
"
),
FontSize
=

12
,
Margin
=

new
Thickness(
84
,
20
,

,

)
};
TextBlock text
=

new
TextBlock()
{
Foreground
=

new
SolidColorBrush(Colors.White),
Text
=

"
-
"

+
RoomID
+

"
-
"
,
FontFamily
=

new
FontFamily(
"
宋体
"
),
FontSize
=

12
,
Margin
=

new
Thickness(
54
,
130
,

,

)
};

room
=

new
Canvas()
{
Width
=
RoomWidth,
Height
=
RoomHeight,
Margin
=

new
Thickness(InitPoint.X, InitPoint.Y,

,

),
Background
=
BackgroundBrush,
Opacity
=

0.8

};
redChair.MouseLeftButtonDown
+=

new
MouseButtonEventHandler(redChair_MouseLeftButtonDown);
blackChair.MouseLeftButtonDown
+=

new
MouseButtonEventHandler(blackChair_MouseLeftButtonDown);
spectatorChair.MouseLeftButtonDown
+=

new
MouseButtonEventHandler(spectatorChair_MouseLeftButtonDown);

room.Children.Add(redChair);
room.Children.Add(blackChair);
room.Children.Add(spectatorChair);

room.Children.Add(text);
room.Children.Add(redText);
room.Children.Add(blackText);
container.Children.Add(room);
}

public

void
ReDraw()
{

if
(RedPlayer
!=

null
)
{
redChair.Fill
=
GetPlayerBrush(RedPlayer.Head);
redText.Text
=
RedPlayer.NickName;

//
redChair.Effect= new System.Windows.Media.Effects.Effect().

}

else

{
redChair.Fill
=
defaultBrush;
redText.Text
=

""
;
}

if
(BlackPlayer
!=

null
)
{
blackChair.Fill
=
GetPlayerBrush(BlackPlayer.Head);
blackText.Text
=
BlackPlayer.NickName;
}

else

{
blackChair.Fill
=
defaultBrush;
blackText.Text
=

""
;
}

room.Background
=
IsGaming
?
GamingBrush : BackgroundBrush;
}

e：新增加的取用户头像图片的函数







private
ImageBrush GetPlayerBrush(
string
head)
{
ImageBrush headBrush
=

new
ImageBrush()
{
ImageSource
=

new
BitmapImage(
new
Uri(
"
images/head/
"

+
head, UriKind.Relative))
};

return
headBrush;
}

f：点击黑色座位事件：blackChair_MouseLeftButtonDown







//
if (!BlackPlayerInChair)

//
{

//
BlackPlayerInChair = true;

//
blackChair.Fill = new RadialGradientBrush(Colors.Blue, Colors.White);

//
Enter(2);

//
}

if
(BlackPlayer
==

null
)
{
BlackPlayer
=
App.player;
blackChair.Fill
=
GetPlayerBrush(App.player.Head);
blackText.Text
=
App.player.NickName;
Enter(
2
);
}

g：点击红色座位事件:redChair_MouseLeftButtonDown







//
if (!RedPlayerInChair)

//
{

//
RedPlayerInChair = true;

//
redChair.Fill = new RadialGradientBrush(Colors.Blue, Colors.White);

//
Enter(1);

//
}

if
(RedPlayer
==

null
)
{
RedPlayer
=
App.player;
redChair.Fill
=
GetPlayerBrush(App.player.Head);
redText.Text
=
App.player.NickName;
Enter(
1
);
}

说明


GameRoom类的代码到此就改完了，差不多把整类都重写了，看，成本多高~~~房子啊房子~

2：Silverlight端：Game类调整

代码不多，把原来的函数注释掉，换个新的如下：





CreateGameRoom 创建房间


public

void
CreateGameRoom(
int
count)
{
GameRoomList
=

new
List
<
GameRoom
>
();
ImageBrush bgBrush
=

new
ImageBrush()
{
ImageSource
=

new
BitmapImage(
new
Uri(
"
images/chess/tablen.png
"
, UriKind.Relative))
};
ImageBrush gamingBrush
=

new
ImageBrush()
{
ImageSource
=

new
BitmapImage(
new
Uri(
"
images/chess/tables.png
"
, UriKind.Relative))
};

int
GameRoomWidth
=

150
;

int
pageWidth
=

800
;

int
x
=

, y
=

;
Point location;

for
(
int
i
=

; 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, bgBrush, gamingBrush);
GameRoomList.Add(GameRoom);
}
}

3：Silverlight端：Room.xaml调整

房间更新接收通过时，由于字段变化，需要调整一下：







void
UpdateRoomState(GameService.Room gsRoom, GameRoom room)
{

//
room.RedPlayerInChair = gsRoom.RedInChair;

//
room.BlackPlayerInChair = gsRoom.BlackInChair;

room.RedPlayer
=
gsRoom.RedPlayer;
room.BlackPlayer
=
gsRoom.BlackPlayer;
room.IsGaming
=
gsRoom.IsGaming;
room.ReDraw();
}

还有构造函数原来创建了30个房间，为兼容高度，改成20个房间了。


game.CreateGameRoom(20);

4：Silverlight端：Login.xaml调整

登陆的时候，给用户设置一个默认头像，当然也可以改成选择头像的方式：





btnLogin_Click


private

void
btnLogin_Click(
object
sender, RoutedEventArgs e)
{
nickName
=
txtNickName.Text.Trim();

if
(nickName
==

""
)
{
MessageBox.Show(
"
请输入昵称!
"
);

return
;
}

if
(nickName.Contains(
"
,
"
))
{
MessageBox.Show(
"
昵称不能包含非法字符!
"
);

return
;
}
btnLogin.IsEnabled
=

false
;
App.player.ID
=
userID;
App.player.NickName
=
nickName;
App.player.Head
=

"
1.png
"
;
//
只是加了这一行

App.client.LoginAsync(App.player);
}

第九阶段源码：点击下载

结言：


为了装修房间，大动干戈了一场，不过看到最后结果，相信还是值的。

原文链接：
http://www.cnblogs.com/cyq1162/archive/2010/10/13/1849939.html