兵棋系列2----兵棋游戏中地图滑动和委托消息

　　前几天写了一个六边形阵列的算法，今天周末比较闲，下午没事就做了做兵棋的地图操作，一点一点的做吧，总会做好，毕竟我也经常玩各种棋，对做一个这类型的小游戏非常感兴趣。

     首先来解释下，下面要出现代码的操作。如上图，当鼠标指针移动到地图的四个边时，地图会自动左右上下滑动（地图比这个from要大很多，不这么做地图显示不完整了，不要跟我说用滚动条，那个给人感觉不好，这也是兵棋里不会缺少的操作吧），同时下面的消息框会记录鼠标的位置，这个消息框前期为我开发时显示一些测试信息用的，后期应该会把它改成一个功能区（部队参数、将领参数、环境参数、消息显示等等吧）

　　下面把源代码放出来，懂得大大们可以指点下怎么做。

---

　　C#开发中，控件和控件之间的消息传递有多种方式，我一般选择委托，毕竟灵活方便。以下是两种传递消息的模式，我选择了第一个，放弃了第二个；其实个人觉得第二个方法更优秀，它作为一个继承基类，可以很安全的把消息传递给它的上层类；第一种采用静态，优势是灵活方便，弊端是一个委托几乎只在一个功能上使用。

选择的传递消息模式

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace UI
{
    public enum MsgType
    {
        /// <summary>
        /// 常规消息显示（黑色）
        /// </summary>
        Show,
        /// <summary>
        /// 提示信息（绿色）
        /// </summary>
        Info,
        /// <summary>
        /// 状态栏显示
        /// </summary>
        State,
        /// <summary>
        /// 错误消息，可识别，可控类型（蓝色）
        /// </summary>
        Error,
        /// <summary>
        /// 警告消息，程序异常，不可处理（红色）
        /// </summary>
        Warn,
        /// <summary>
        /// 他人发送消息的颜色
        /// </summary>
        OtherMessage,
        /// <summary>
        /// 本人发送消息的颜色
        /// </summary>
        OwnerMessage
    }

    class MsgEventArgs
    {
        private string _message;

        public string Message
        {
            get { return _message; }
            set { _message = value; }
        }

        private MsgType _type;

        public MsgType Type
        {
            get { return _type; }
            set { _type = value; }
        }

        public MsgEventArgs(string msg)
        {
            this._message = msg;

            this._type = MsgType.Show;
        }
        public MsgEventArgs(string msg, MsgType type)
        {
            this._message = msg;
            this._type = type;
        }
    }

    class MsgEvnet
    {
        public delegate void MsgEvent(object sender, MsgEventArgs msg);
        public static event MsgEvent msgEvent;

        public static void SendMsg(string msg)
        {
            if (MsgEvnet.msgEvent != null)
            {
                MsgEvnet.msgEvent(null, new MsgEventArgs(msg));
            }
        }

        public static void SendMsg(string msg, MsgType type)
        {
            if (MsgEvnet.msgEvent != null)
            {
                MsgEvnet.msgEvent(null, new MsgEventArgs(msg, type));
            }
        }

        public static void SendMsg(object sender, string msg)
        {
            if (MsgEvnet.msgEvent != null)
            {
                MsgEvnet.msgEvent(sender, new MsgEventArgs(msg));
            }
        }

        public static void SendMsg(object sender, string msg, MsgType type)
        {
            if (MsgEvnet.msgEvent != null)
            {
                MsgEvnet.msgEvent(sender, new MsgEventArgs(msg, type));
            }
        }
    }
}

放弃的传递消息模式

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace UI
{
    public enum MsgType
    {
        /// <summary>
        /// 常规消息显示（黑色）
        /// </summary>
        Show,
        /// <summary>
        /// 提示信息（绿色）
        /// </summary>
        Info,
        /// <summary>
        /// 状态栏显示
        /// </summary>
        State,
        /// <summary>
        /// 错误消息，可识别，可控类型（蓝色）
        /// </summary>
        Error,
        /// <summary>
        /// 警告消息，程序异常，不可处理（红色）
        /// </summary>
        Warn,
        /// <summary>
        /// 他人发送消息的颜色
        /// </summary>
        OtherMessage,
        /// <summary>
        /// 本人发送消息的颜色
        /// </summary>
        OwnerMessage
    }

    public class MsgEventArgs : EventArgs
    {
        public string Message;
        public MsgType Type;

        public MsgEventArgs(string msg)
        {
            this.Message = msg;

            this.Type = MsgType.Show;
        }
        public MsgEventArgs(string msg, MsgType type)
        {
            this.Message = msg;
            this.Type = type;
        }
    }

    public class MsgEvent
    {
        public event EventHandler<MsgEventArgs> msgEvent;

        public void SendMsg(string msg)
        {
            if (this.msgEvent != null)
            {
                this.msgEvent(this, new MsgEventArgs(msg));
            }
        }

        public void SendMsg(string msg, MsgType type)
        {
            if (this.msgEvent != null)
            {
                this.msgEvent(this, new MsgEventArgs(msg, type));
            }
        }
    }
}

---

　　下面这段代码之前放出来过（http://www.cnblogs.com/preacher/p/4105810.html），做了几点修改，计算的方式：根据每个正六边形的中心点，计算出下三边的相对位置然后绘制下三边。以下算法中，把之前的基类Control改为了Label，主要方便控件透明，Control为基类是不支持控件透明。

六边形阵列绘制算法

using System;
using System.Drawing.Drawing2D;
using System.Drawing;
using System.Windows.Forms;
using System.Collections.Generic;

namespace UI.Controls
{
    public class SixSidesControl : Label
    {
        double G3 = Math.Sin(60 * Math.PI / 180);//二分之根号三
        private int m_sideLength = 20;

        public int SideLength
        {
            get { return m_sideLength; }
            set
            {
                m_sideLength = value;
                Invalidate();
            }
        }


        private float m_lineThickness = 1;

        public float LineThickness
        {
            get { return m_lineThickness; }
            set
            {
                m_lineThickness = value;
                Invalidate();
            }
        }


        private Color m_lineColor = Color.Black;

        public Color LineColor
        {
            get { return m_lineColor; }
            set
            {
                m_lineColor = value;
                Invalidate();
            }
        }

        public SixSidesControl()
        {
            SetStyle(ControlStyles.UserPaint, true);
            SetStyle(ControlStyles.AllPaintingInWmPaint, true);
            SetStyle(ControlStyles.DoubleBuffer, true);
        }

        protected override void OnPaint(PaintEventArgs pe)
        {
            //横线，三被的边长
            //纵线，根号三倍的边长
            List<float> xList = new List<float>();
            List<float> yList = new List<float>();

            int maxx = this.Width / (3 * m_sideLength);
            int maxy = (int)(this.Height / (G3 * m_sideLength));

            for (int y = -1; y <= maxy; y++)
            {
                float curHeight =(float)( y * G3 * m_sideLength);
                for (int x =-1; x <= maxx; x++)
                {
                    float curWidth;
                    if (y % 2 == 0)
                        curWidth = (float)(x * 3 * m_sideLength);
                    else
                        curWidth = (float)((x * 3 + 1.5) * m_sideLength);

                    yList.Add(curHeight);
                    xList.Add(curWidth);
                }
            }

            using (Pen pen = new Pen(new SolidBrush(m_lineColor), m_lineThickness))
            {
                pe.Graphics.SmoothingMode = SmoothingMode.HighQuality;
                pen.StartCap = LineCap.Round;
                pen.EndCap = LineCap.Round;

                OnPaint(pen, pe, xList.ToArray(), yList.ToArray());
            }

            base.OnPaint(pe);
        }

        private void OnPaint(Pen pen, PaintEventArgs pe, float[] x, float[] y)
        {
            for (int i = 0; i < x.Length; i++)
            {
                //9点方向的点
                float px1 = (float)(x[i] - m_sideLength);
                float py1 = (float)(y[i]);

                //3点方向的点
                float px2 = (float)(x[i] + m_sideLength);
                float py2 = (float)(y[i]);

                //5点方向的点
                float px3 = (float)(x[i] + 0.5 * m_sideLength);
                float py3 = (float)(y[i] + G3 * m_sideLength);

                //7点方向的点
                float px4 = (float)(x[i] - 0.5 * m_sideLength);
                float py4 = (float)(y[i] + G3 * m_sideLength);

                pe.Graphics.DrawLines(pen, new PointF[]
                    {   
                        new PointF(px2, py2),
                        new PointF(px3, py3), 
                        new PointF(px4, py4),
                        new PointF(px1, py1)
                    });
            }
        }
    }
}

---

 　　下面这段代码主要控制鼠标操作的事件，以及通过委托把消息传递出去。当鼠标指针靠近控件边缘并在1/8的相对区域内，会触发滑动地图的事件。

兵棋地图控件

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Data;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using UI.Properties;
using System.Threading;

namespace UI.Controls
{
    public class MyMap : Panel
    {
        SixSidesControl ctl = null;

        readonly int _movePx = 10;

        public MyMap()
        {
            ctl = new SixSidesControl();
            ctl.BackgroundImage = Resources.dt;
            ctl.BackgroundImageLayout = ImageLayout.Stretch;
            ctl.Size = new Size((int)(1024 * 2), (int)(600 * 2));//设置地图大小
            ctl.LineThickness = 2;//线够不够胖
            ctl.LineColor = Color.Gray;//线的颜色够不够深
            ctl.SideLength = 25;//线的边够不够长
            this.Controls.Add(ctl);
            this.AutoScroll = false;//是否开启滚动条
            this.BackColor = Color.Blue;

            ctl.MouseMove += new MouseEventHandler(ctl_MouseMove);
            this.MouseMove += new MouseEventHandler(MyMap_MouseMove);
        }

        void ctl_MouseMove(object sender, MouseEventArgs e)
        {
            MyMap_MouseMove(sender, new MouseEventArgs(e.Button, e.Clicks, e.X + ctl.Location.X, e.Y + ctl.Location.Y, e.Delta));
        }

        void MyMap_MouseMove(object sender, MouseEventArgs e)
        {
            int mx = e.X;
            int my = e.Y;

            if (mx > 0 && my > 0 && mx < this.Width && my < this.Height)
            {
                int x = this.Width / 8;
                int y = this.Height / 8;
                int x2 = this.Width - x;
                int y2 = this.Height - y;

                if (mx > x && my > y && mx < x2 && my < y2)
                    return;

                if (mx < x && my < y)
                {
                    MoveMap(_movePx, _movePx);
                    MsgEvnet.SendMsg("左上移动，鼠标位置：(" + mx + "," + my + ")");
                }
                else if (mx < x && my > y && my < y2)
                {
                    MoveMap(_movePx, 0);
                    MsgEvnet.SendMsg("向左移动，鼠标位置：(" + mx + "," + my + ")");
                }
                else if (mx < x && my > y2)
                {
                    MoveMap(_movePx, -_movePx);
                    MsgEvnet.SendMsg("左下移动，鼠标位置：(" + mx + "," + my + ")");
                }
                else if (mx > x && mx < x2 && my < y)
                {
                    MoveMap(0, _movePx);
                    MsgEvnet.SendMsg("向上移动，鼠标位置：(" + mx + "," + my + ")");
                }
                else if (mx > x && mx < x2 && my > y2)
                {
                    MoveMap(0, -_movePx);
                    MsgEvnet.SendMsg("向下移动，鼠标位置：(" + mx + "," + my + ")");
                }
                else if (mx > x2 && my < y)
                {
                    MoveMap(-_movePx, _movePx);
                    MsgEvnet.SendMsg("右上移动，鼠标位置：(" + mx + "," + my + ")");
                }
                else if (mx > x2 && my > y && my < y2)
                {
                    MoveMap(-_movePx, 0);
                    MsgEvnet.SendMsg("向右移动，鼠标位置：(" + mx + "," + my + ")");
                }
                else if (mx > x2 && my > y2)
                {
                    MoveMap(-_movePx, -_movePx);
                    MsgEvnet.SendMsg("右下移动，鼠标位置：(" + mx + "," + my + ")");
                }
            }
        }

        void MoveMap(int x, int y)
        {
            int nx = Math.Min(Math.Max(this.Width - ctl.Width, ctl.Location.X + x), 0);
            int ny = Math.Min(Math.Max(this.Height - ctl.Height, ctl.Location.Y + y), 0);

            if (ctl.Location.X == nx && ny == ctl.Location.Y)
                return;

            ctl.Location = new Point(nx, ny);

            Thread.Sleep(50);
        }

        ~MyMap()
        { 
        
        }
    }
}

---

　　from窗体控件里面的东西相对来说比较简单了，主要是把通过委托的消息展示下，没什么难度，把设计器和后台代码合并了。

 form窗体控件

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace UI
{
    public partial class frmMap : Form
    {
        public frmMap()
        {
            InitializeComponent();

            MsgEvnet.msgEvent += (s, e) => { AppendText(this.rtxShowMsg, e); };
        }

        private void AppendText(RichTextBox tb, MsgEventArgs e)
        {
            if (!this.InvokeRequired)
            {
                Color color = Color.Black;
                switch (e.Type)
                {
                    case MsgType.Info:
                        color = Color.Green;
                        break;
                    case MsgType.Error:
                        color = Color.Blue;
                        break;
                    case MsgType.Warn:
                        color = Color.Red;
                        break;
                    case MsgType.OtherMessage:
                        color = Color.DarkSeaGreen;
                        break;
                    case MsgType.OwnerMessage:
                        color = Color.DarkSlateBlue;
                        break;
                }
                tb.SelectionColor = color;
                tb.AppendText(e.Message + Environment.NewLine);
            }
            else
            {
                tb.Invoke(new MethodInvoker(delegate { AppendText(tb, e); }));
            }
        }


        private System.ComponentModel.IContainer components = null;

        protected override void Dispose(bool disposing)
        {
            if (disposing && (components != null))
            {
                components.Dispose();
            }
            base.Dispose(disposing);
        }

        private void InitializeComponent()
        {
            this.rtxShowMsg = new System.Windows.Forms.RichTextBox();
            this.myMap1 = new UI.Controls.MyMap();
            this.SuspendLayout();
            // 
            // rtxShowMsg
            // 
            this.rtxShowMsg.Anchor = ((System.Windows.Forms.AnchorStyles)(((System.Windows.Forms.AnchorStyles.Bottom | System.Windows.Forms.AnchorStyles.Left)
                        | System.Windows.Forms.AnchorStyles.Right)));
            this.rtxShowMsg.Location = new System.Drawing.Point(0, 484);
            this.rtxShowMsg.Name = "rtxShowMsg";
            this.rtxShowMsg.Size = new System.Drawing.Size(767, 62);
            this.rtxShowMsg.TabIndex = 2;
            this.rtxShowMsg.Text = "";
            // 
            // myMap1
            // 
            this.myMap1.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom)
                        | System.Windows.Forms.AnchorStyles.Left)
                        | System.Windows.Forms.AnchorStyles.Right)));
            this.myMap1.BackColor = System.Drawing.Color.Blue;
            this.myMap1.Location = new System.Drawing.Point(0, 2);
            this.myMap1.Name = "myMap1";
            this.myMap1.Size = new System.Drawing.Size(767, 476);
            this.myMap1.TabIndex = 3;
            // 
            // frmMap
            // 
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 12F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.BackgroundImageLayout = System.Windows.Forms.ImageLayout.None;
            this.ClientSize = new System.Drawing.Size(767, 547);
            this.Controls.Add(this.myMap1);
            this.Controls.Add(this.rtxShowMsg);
            this.Name = "frmMap";
            this.Text = "frmMap";
            this.ResumeLayout(false);

        }

        private System.Windows.Forms.RichTextBox rtxShowMsg;
        private UI.Controls.MyMap myMap1;
    }
}

---

　　时间有限，篇幅有限，今天下午就敲了这么多，下次继续。（不过上午把设计文档写好了，按照步骤一点点的做吧）

　　这几段代码手打后没详细测试，可能会有问题，欢迎斧正。

差点忘记了，背景图片用的这个：