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

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

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

 

 

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

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

 

代码实现[Silverlight端]

说明：

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

 

 

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

 

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

a：增加的全局变量

TextBlock redText; // 红色玩家文字
TextBlock blackText; // 黑色玩家文字
private  SolidColorBrush defaultBrush  =   new  SolidColorBrush(Color.FromArgb( 0 ,  0 ,  0 ,  0 )); // 默认透明的背景色

 

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 ,  0 ,  0 )
            };
            redText  =   new  TextBlock()
            {
                FontFamily  =   new  FontFamily( " 宋体 " ),
                FontSize  =   12 ,
                Margin  =   new  Thickness( 10 ,  100 ,  0 ,  0 )
            };
            spectatorChair  =   new  Rectangle()
            {
                Width  =  RoomWidth  /   3 ,
                Height  =  RoomWidth  /   3 ,
                Fill  =  defaultBrush,
                Margin  =   new  Thickness(RoomWidth  /   3 , RoomHeight  /   3 ,  0 ,  0 )
            };
            blackChair  =   new  Rectangle()
            {
                Width  =  redChair.Width,
                Height  =  redChair.Height,
                Fill  =  defaultBrush,
                Margin  =   new  Thickness( 106 ,  58 ,  0 ,  0 )
            };
            blackText  =   new  TextBlock()
            {
                FontFamily  =   new  FontFamily( " 宋体 " ),
                FontSize  =   12 ,
                Margin  =   new  Thickness( 84 ,  20 ,  0 ,  0 )
            };
            TextBlock text  =   new  TextBlock()
            {
                Foreground  =   new  SolidColorBrush(Colors.White),
                Text  =   " -  "   +  RoomID  +   "  - " ,
                FontFamily  =   new  FontFamily( " 宋体 " ),
                FontSize  =   12 ,
                Margin  =   new  Thickness( 54 ,  130 ,  0 ,  0 )
            };


            room  =   new  Canvas()
            {
                Width  =  RoomWidth,
                Height  =  RoomHeight,
                Margin  =   new  Thickness(InitPoint.X, InitPoint.Y,  0 ,  0 ),
                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  =   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, 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);
        }

 

第九阶段源码：点击下载

 

 

结言：

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