DirectUI技术开发界面的好奇今天想到怎么不让winform也那样了,使用html 做 ui ,大家都知道使用div +css布局是一件非常容易的事情;

光说不练是假打,所以花了一个把小时尝试把winform的界面做成 webui

一:

大家都知道 winform 中有个控件叫 webBrowser 如果你不知道具体怎么用详细看msdn 都知道了; 这里的它就是主角;

准备:

现在我们新建一个winform项目在上面放一个webBrowser 名称默认停靠父窗口在新建一个html 网页名称 html.htm

#region Windows 窗体设计器生成的代码        ///         /// 设计器支持所需的方法 - 不要        /// 使用代码编辑器修改此方法的内容。        /// 
       private void InitializeComponent()        {            this.components = new System.ComponentModel.Container();            this.moveContron1 = new MoveControns.MoveContron(this.components);            this.webBrowser1 = new System.Windows.Forms.WebBrowser();            this.SuspendLayout();            //             // moveContron1            //             this.moveContron1.form = this;            this.moveContron1.MoveBorder = true;            //             // webBrowser1            //             this.webBrowser1.Dock = System.Windows.Forms.DockStyle.Fill;            this.webBrowser1.IsWebBrowserContextMenuEnabled = false;            this.webBrowser1.Location = new System.Drawing.Point(2, 2);            this.webBrowser1.MinimumSize = new System.Drawing.Size(20, 20);            this.webBrowser1.Name = "webBrowser1";            this.webBrowser1.ScrollBarsEnabled = false;            this.webBrowser1.Size = new System.Drawing.Size(375, 258);            this.webBrowser1.TabIndex = 1;            this.webBrowser1.Url = new System.Uri("file:///E:/visual%20studio/WebUi/WebUi/HTML.htm", System.UriKind.Absolute);            this.webBrowser1.WebBrowserShortcutsEnabled = false;            //             // MianWindow            //             this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 12F);            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;            this.BackColor = System.Drawing.SystemColors.ActiveCaptionText;            this.ClientSize = new System.Drawing.Size(379, 262);            this.Controls.Add(this.webBrowser1);            this.FormBorderStyle = System.Windows.Forms.FormBorderStyle.None;            this.Name = "MianWindow";            this.Opacity = 0.9D;            this.Padding = new System.Windows.Forms.Padding(2);            this.Text = "Form_Test";            this.Paint += new System.Windows.Forms.PaintEventHandler(this.MianWindow_Paint);            this.ResumeLayout(false);        }        #endregion       private MoveControns.MoveContron moveContron1;       private System.Windows.Forms.WebBrowser webBrowser1;

html的内容如下:

11111111

为了使网页能够与winform 交互所以的把 com 的看见行设置为真

[PermissionSet(SecurityAction.Demand, Name = "FullTrust")]    [ComVisible(true)] // 将该类设置为com可访问    public partial class MianWindow : GlassForm    {}

为了更好看我们把 winform的边框去掉

这里的代码是处理移动窗口我们使用 winApi

    #region win32 api 移动窗体        [DllImport("user32.dll")]        public static extern bool ReleaseCapture();        [DllImport("user32.dll")]        public static extern bool SendMessage(IntPtr hwnd, int wMsg, int wParam, int lParam);        public const int WM_SYSCOMMAND = 0x0112;        public const int SC_MOVE = 0xF010;        public const int HTCAPTION = 0x0002;this.MouseDown += new MouseEventHandler(WinApiMoveEvent);        public void WinApiMoveEvent() //这里重载了 主要解决 参数问题        {            ReleaseCapture();            SendMessage(dropForm.Handle, WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0);        }        public void WinApiMoveEvent(object sender, System.Windows.Forms.MouseEventArgs e)        {            ReleaseCapture();            SendMessage(dropForm.Handle, WM_SYSCOMMAND, SC_MOVE + HTCAPTION, 0);        }        #endregion

现在演示怎么让js 调用 winform的方法

///         /// 给WebBrowser中Web的JS调用的方法  关闭自己        /// 
        ///         public void ShowMsg(string msg)        {        }        void Form1_AeroGlassCompositionChanged(object sender, AeroGlassCompositionChangedEventArgs e)        {            // When the desktop composition mode changes the window exclusion must be changed appropriately.            if (e.GlassAvailable)            {                Invalidate();            }            else            {                this.BackColor = Color.Teal;            }        }        public void CloseMe()        {            if (MessageBox.Show("你确定要关闭吗?", "提示", MessageBoxButtons.YesNo) == DialogResult.Yes)            {                Close();            }        }

///最大化和最小化的处理

  public void MaxWin()        {            if (this.WindowState == FormWindowState.Maximized)            {                this.WindowState = FormWindowState.Normal;            }            else            {                this.MaximumSize = new Size(Screen.PrimaryScreen.WorkingArea.Width, Screen.PrimaryScreen.WorkingArea.Height);                this.WindowState = FormWindowState.Maximized;            }        }

如果是winform 要调用 web中的js 看这里

webBrowser1里有 document. InvokeScript("这里是js 的函数名", 这里是参数);
现在基本完成 ,

本人不善表达如有不明白这里下源码看