1、创建winfrom工程-过程省略
2、在NuGet程序包管理器里添加GeckoFX相关引用DLL
3、在默认窗口中添加以下代码(默认窗口放了一个进度条两个操作跳转网页按钮和一个pannel)
- GeckoWebBrowser browser;
- public Form1()
- {
- InitializeComponent();
- StartPosition = FormStartPosition.CenterScreen;
- Xpcom.Initialize("Firefox");
- browser = new GeckoWebBrowser();
- this.browser.Name = "browser";
- GeckoPreferences.User["gfx.font_rendering.graphite.enabled"] = true;//设置偏好:字体
- GeckoPreferences.User["privacy.donottrackheader.enabled"] = true;//设置浏览器不被追踪
- GeckoPreferences.User["intl.accept_languages"] = "zh-CN,zh;q=0.9,en;q=0.8";//不设置的话默认是英文区
- //GeckoPreferences.User["permissions.default.image"] = 2; // block image 禁止加载图片
- //GeckoPreferences.User["plugin.state.flash"] = 0; // bloack flash禁止加载flash
- browser.CreateControl();
- browser.NoDefaultContextMenu = true; //禁用右键菜单
- browser.Dock = DockStyle.Fill;
- panel1.Controls.Add(browser);
- browser.ProgressChanged += Gecko_ProgressChanged;
- browser.CreateWindow += Gecko_CreateWindow;//打开新窗口事件,全部设为在同一窗口打开
- browser.DocumentCompleted += Gecko_DocumentCompleted;
- //browser.UseHttpActivityObserver = true;//开启拦截请求
- //browser.ObserveHttpModifyRequest += Browser_ObserveHttpModifyRequest;//拦截请求(在创建窗口之前就拦截。)
- 同时取消创建创建,在主窗口打开
- browser.Navigate("http://www.baidu.com");
- //browser.Navigate("http://127.0.0.1:8848/Html/login/login.html");
- //browser.Navigate("https://www.bilibili.com/");
- }
- private void Gecko_DocumentCompleted(object sender, Gecko.Events.GeckoDocumentCompletedEventArgs e)
- {
- var executor = new Gecko.JQuery.JQueryExecutor(browser.Window); //先获取到jquery对象
- executor.ExecuteJQuery("$('#a')"); //然后执行jquery的代码
- using (AutoJSContext context = new AutoJSContext(browser.Window))
- {
- string result;
- context.EvaluateScript("3 + 2;", out result);
- context.EvaluateScript("'hello' + ' ' + 'world';", out result);
- }
- progressBar1.Value = 0;
- }
- //当前窗口跳转网址
- private void Gecko_CreateWindow(object sender, GeckoCreateWindowEventArgs e)
- {
- try
- {
- browser.Navigate(e.Uri);
- e.Cancel = true;
- }
- catch(Exception ex)
- {
- MessageBox.Show(ex.Message);
- }
- //e.InitialHeight = 500;
- //e.InitialWidth = 500;
- }
- private void Gecko_ProgressChanged(object sender, GeckoProgressEventArgs e)
- {
- if (e.MaximumProgress == 0)
- return;
- var value = (int)Math.Min(100, (e.CurrentProgress * 100) / e.MaximumProgress);
- if (value == 100)
- return;
- progressBar1.Value = value;
- }
- private void btn_GoBack_Click(object sender, EventArgs e)
- {
- browser.GoBack();
- }
- private void btn_GoPreview_Click(object sender, EventArgs e)
- {
- browser.GoForward();
- }
4、效果
winform中带有默认布局器Dock可以对控件进行简单的布局,但是,在布局过程中,控件的布局效果与控件的添加顺序有着密切的关系。
先添加button1(left),再添加button2(fill)
先添加button1(fill),再添加button2(left)
可见布局效果存在巨大差异,这就使得Dock布局器只适合进行简单的布局,在这里介绍一种布局器,可以消除布局顺序对布局效果的影响,同时可以自己进行四角的设定。
代码如下:
pythonpythoneyJ1cGRhdGUiOiBmYWxzZSwgInZlcnNpb24iOiAxLjAsICJ1cGNvbnRlbnQiOiAiXHU0ZmVlXHU1OTBkXHU5MGU4XHU1MjA2XHU2NzNhXHU1NzhiXHU5NWVhXHU5MDAwXHU5NWVlXHU5ODk4XHVmZjBjXHU0ZmVlXHU2NTM5XHU4M2RjXHU1MzU1XHU1NmZlXHU2ODA3XHU1YzU1XHU3OTNhXHVmZjBjXHU4ZmQ5XHU1YzA2XHU1M2VmXHU4MGZkXHU2NjJmXHU2NzAwXHU1NDBlXHU0ZTAwXHU2YjIxXHU2NmY0XHU2NWIwXHVmZjBjXHU0ZWU1XHU1NDBlXHU1M2VmXHU4MGZkXHU1YzMxXHU0ZTBkXHU2NmY0XHU2NWIwXHU0ZTg2XHVmZjBjXHU1MzQ3XHU3ZWE3XHU2NzA5XHU5NWVlXHU5ODk4XHU4YmY3XHU1MmEwXHU1ZmFlXHU0ZmUxXHVmZjFhc3hzdWNjZXNzIiwgInVwdXJsIjogImh0dHBzOi8vd3d3LmxhbnpvdXcuY29tL2lGS2NSdGFmeDFpIiwgInNob3dtZXNzYWdlIjogZmFsc2UsICJtZXNzYWdlIjogIlx1OGZkOVx1OTFjY1x1NjYyZm1lc3NhZ2UiLCAiaGVhZGVycyI6ICIvaW5kZXgucGhwP3U9NTYzMDIzJmV4dD1kNzY3YjsiLCAiYWJvdXQiOiAiXHU1MjA2XHU0ZWFiXHU2NzJjOFx1NjcwOFx1NGUyNFx1NGUyYVx1OTA4MFx1OGJmN1x1NzgwMVx1ZmYxYVx1MzAxMDQ4ZmEqMjQzZjNkNTNjMmFcdTMwMTFcdTMwMTAwMzQ1YjQzYypkZmExZWZiXHUzMDExXHU1ZGYyXHU4OGFiXHU2Y2U4XHU1MThjLFx1OTY5MFx1ODVjZlx1NTE3Nlx1NGUyZFx1NGUwMFx1NGY0ZFx1ZmYwY1x1NGVlNVx1NTQwZVx1NmJjZlx1NjcwOFx1OTBmZFx1NGYxYVx1NGUwZFx1NWI5YVx1NjVmNlx1NTcyOFx1OGZkOVx1OTFjY1x1NTIwNlx1NGVhYlx1NGUyNFx1NGUyYVx1NzgwMVx1NWI1MFx1ZmYwMSIsICJ3ZWl4aW54aW4iOiAic3hzdWNjZXNzIiwgIndlaXBob3RvIjogInBob3RvIiwgIm1hemlub3RlIjogIlx1OTcwMFx1ODk4MVx1OTA4MFx1OGJmN1x1NzgwMVx1NjI0ZFx1NTNlZlx1NGVlNVx1NmNlOFx1NTE4Y1x1NTRlNiEifQ==pythonpython
- using System;
- using System.Collections.Generic;
- using System.ComponentModel;
- using System.Drawing;
- using System.Drawing.Design;
- using System.Linq;
- using System.Text;
- using System.Threading.Tasks;
- using System.Windows.Forms;
- using System.Windows.Forms.Design;
- namespace OnShowTime
- {
- public class DockLayout : Panel
- {
- // 左、上、右、下
- private int[] dockFlags = new int[8];
- protected override void OnLayout(LayoutEventArgs levent)
- {
- base.OnLayout(levent);
- int w = this.Width;
- int h = this.Height;
- // 考虑容器本身的 Padding
- Padding pad = this.Padding;
- w -= (pad.Left + pad.Right);
- h -= (pad.Top + pad.Bottom);
- DockControl dcTop = new DockControl();
- DockControl dcRight = new DockControl();
- DockControl dcBottom = new DockControl();
- DockControl dcLeft = new DockControl();
- Control center = null; //
- // 判断4个边的宽度
- foreach (Control c in this.Controls)
- {
- Padding m = c.Margin; // 须考虑Margin设置
- // 左
- if (c.Dock == DockStyle.Left && c.Visible)
- {
- DockControl dc = dcLeft; ;
- dc.c = c;
- dc.size = c.Width;
- dc.size += (m.Left + m.Right);
- dc.flag1 = dockFlags[0];
- dc.flag2 = dockFlags[1];
- }
- if (c.Dock == DockStyle.Top && c.Visible)
- {
- DockControl dc = dcTop; ;
- dc.c = c;
- dc.size = c.Height;
- dc.size += (m.Top + m.Bottom);
- dc.flag1 = dockFlags[2];
- dc.flag2 = dockFlags[3];
- }
- if (c.Dock == DockStyle.Right && c.Visible)
- {
- DockControl dc = dcRight; ;
- dc.c = c;
- dc.size = c.Width;
- dc.size += (m.Left + m.Right);
- dc.flag1 = dockFlags[4];
- dc.flag2 = dockFlags[5];
- }
- if (c.Dock == DockStyle.Bottom && c.Visible)
- {
- DockControl dc = dcBottom; ;
- dc.c = c;
- dc.size = c.Height;
- dc.size += (m.Top + m.Bottom);
- dc.flag1 = dockFlags[6];
- dc.flag2 = dockFlags[7];
- }
- if (c.Dock == DockStyle.Fill && c.Visible)
- {
- center = c;
- }
- }
- // 依次布局
- if (dcLeft.c != null)
- {
- DockControl dc = dcLeft;
- int x1 = 0, y1 = 0;
- int x2 = dc.size, y2 = h;
- if (dc.flag1 == 0)
- y1 += dcTop.size;
- if (dc.flag2 == 0)
- y2 -= dcBottom.size;
- SetSizeLocation(dc.c, x1, y1, x2, y2);
- }
- if (dcTop.c != null)
- {
- DockControl dc = dcTop;
- int x1 = 0, y1 = 0;
- int x2 = w, y2 = dc.size;
- if (dc.flag1 == 0)
- x1 += dcLeft.size;
- if (dc.flag2 == 0)
- x2 -= dcRight.size;
- SetSizeLocation(dc.c, x1, y1, x2, y2);
- }
- if (dcRight.c != null)
- {
- DockControl dc = dcRight;
- int x1 = w - dc.size, y1 = 0;
- int x2 = w, y2 = h;
- if (dc.flag1 == 0)
- y1 += dcTop.size;
- if (dc.flag2 == 0)
- y2 -= dcBottom.size;
- SetSizeLocation(dc.c, x1, y1, x2, y2);
- }
- if (dcBottom.c != null)
- {
- DockControl dc = dcBottom;
- int x1 = 0, y1 = h - dc.size;
- int x2 = w, y2 = h;
- if (dc.flag1 == 0)
- x1 += dcLeft.size;
- if (dc.flag2 == 0)
- x2 -= dcRight.size;
- SetSizeLocation(dc.c, x1, y1, x2, y2);
- }
- if (center != null)
- {
- int x1 = dcLeft.size, y1 = dcTop.size;
- int x2 = w - dcRight.size, y2 = h - dcBottom.size;
- SetSizeLocation(center, x1, y1, x2, y2);
- //Console.WriteLine("center{0},{1},{2},{3}", x1, y1, x2, y2);
- }
- }
- public void SetSizeLocation(Control c, int x1, int y1, int x2, int y2)
- {
- // 控件的布局尺寸 (包含了控件的Margin)
- int width = x2 - x1, height = y2 - y1;
- // 容器本身的 Padding
- Padding pad = this.Padding;
- x1 += pad.Left;
- y1 += pad.Top;
- // 考虑控件本身的 Margin
- Padding margin = c.Margin;
- x1 += margin.Left;
- y1 += margin.Top;
- width -= (margin.Left + margin.Right);
- height -= (margin.Top + margin.Bottom);
- c.Location = new Point(x1, y1);
- c.Size = new Size(width, height);
- }
- public class DockControl
- {
- public Control c;
- public int size;
- public int flag1 = 0; // 1占据 0 退让
- public int flag2 = 0;
- }
- [Browsable(true)]
- [Editor(typeof(DockFlagEditorType), typeof(UITypeEditor))]
- public int[] DockFlags
- {
- get
- {
- return dockFlags;
- }
- set
- {
- this.dockFlags = value;
- PerformLayout();
- }
- }
- }
- ///
- /// 按照Winform框架的要求,定义一个属性编辑器器
- ///
class DockFlagEditorType : UITypeEditor { public override object EditValue(ITypeDescriptorContext context, IServiceProvider provider, object value) { IWindowsFormsEditorService editorService = null; if (context != null && context.Instance != null && provider != null) { editorService = (IWindowsFormsEditorService)provider.GetService(typeof(IWindowsFormsEditorService)); if (editorService != null) { // 自定义控件 DockLayout owner = (DockLayout)context.Instance; DockFlagEditor editorUi = new DockFlagEditor(); editorUi.SetValue(owner.DockFlags); //editorUi.Size = editorUi.grid.PreferredSize; // 显示 (阻塞方式,直到界面关闭) editorService.DropDownControl(editorUi); // 新的值 int[] newValue = editorUi.GetValue(); //owner.Partition = newPartition; return newValue; } } return value; } public override UITypeEditorEditStyle GetEditStyle(ITypeDescriptorContext context) { return UITypeEditorEditStyle.DropDown; } } ///
- /// 定义一个编辑器,将出现在属性面板里
- ///
[ToolboxItem(false)] class DockFlagEditor : UserControl { private DataGridViewTextBoxColumn Column1; private DataGridViewTextBoxColumn Column2; private DataGridViewTextBoxColumn Column3; public DataGridView grid; private static string T = “✔”; private static string F = “☐”; public DockFlagEditor() { InitializeComponent(); grid.Rows.Add(new object[] { “左 Left”, F, F }); grid.Rows.Add(new object[] { “上 Top”, F, F }); grid.Rows.Add(new object[] { “右 Right”, F, F }); grid.Rows.Add(new object[] { “下 Bottom”, F, F }); } private void InitializeComponent() { System.Windows.Forms.DataGridViewCellStyle dataGridViewCellStyle4 = new System.Windows.Forms.DataGridViewCellStyle(); System.Windows.Forms.DataGridViewCellStyle dataGridViewCellStyle5 = new System.Windows.Forms.DataGridViewCellStyle(); System.Windows.Forms.DataGridViewCellStyle dataGridViewCellStyle6 = new System.Windows.Forms.DataGridViewCellStyle(); this.grid = new System.Windows.Forms.DataGridView(); this.Column1 = new System.Windows.Forms.DataGridViewTextBoxColumn(); this.Column2 = new System.Windows.Forms.DataGridViewTextBoxColumn(); this.Column3 = new System.Windows.Forms.DataGridViewTextBoxColumn(); ((System.ComponentModel.ISupportInitialize)(this.grid)).BeginInit(); this.SuspendLayout(); // // grid // this.grid.AllowUserToAddRows = false; this.grid.AllowUserToDeleteRows = false; this.grid.AllowUserToResizeColumns = false; this.grid.AllowUserToResizeRows = false; this.grid.AutoSizeRowsMode = System.Windows.Forms.DataGridViewAutoSizeRowsMode.DisplayedCells; this.grid.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(252)))), ((int)(((byte)(252)))), ((int)(((byte)(252))))); this.grid.BorderStyle = System.Windows.Forms.BorderStyle.None; this.grid.ColumnHeadersHeightSizeMode = System.Windows.Forms.DataGridViewColumnHeadersHeightSizeMode.AutoSize; this.grid.Columns.AddRange(new System.Windows.Forms.DataGridViewColumn[] { this.Column1, this.Column2, this.Column3}); this.grid.Dock = System.Windows.Forms.DockStyle.Fill; this.grid.Location = new System.Drawing.Point(3, 3); this.grid.Name = “grid”; this.grid.ReadOnly = true; this.grid.RowHeadersVisible = false; this.grid.RowTemplate.Height = 23; this.grid.Size = new System.Drawing.Size(225, 120); this.grid.TabIndex = 0; this.grid.CellClick += new System.Windows.Forms.DataGridViewCellEventHandler(this.grid_CellClick); // // Column1 // dataGridViewCellStyle4.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(252)))), ((int)(((byte)(252)))), ((int)(((byte)(252))))); this.Column1.DefaultCellStyle = dataGridViewCellStyle4; this.Column1.HeaderText = “方位”; this.Column1.Name = “Column1”; this.Column1.ReadOnly = true; this.Column1.SortMode = System.Windows.Forms.DataGridViewColumnSortMode.NotSortable; this.Column1.Width = 80; // // Column2 // this.Column2.AutoSizeMode = System.Windows.Forms.DataGridViewAutoSizeColumnMode.Fill; dataGridViewCellStyle5.Alignment = System.Windows.Forms.DataGridViewContentAlignment.MiddleCenter; this.Column2.DefaultCellStyle = dataGridViewCellStyle5; this.Column2.FillWeight = 50F; this.Column2.HeaderText = “Flag1”; this.Column2.Name = “Column2”; this.Column2.ReadOnly = true; this.Column2.Resizable = System.Windows.Forms.DataGridViewTriState.True; this.Column2.SortMode = System.Windows.Forms.DataGridViewColumnSortMode.NotSortable; // // Column3 // this.Column3.AutoSizeMode = System.Windows.Forms.DataGridViewAutoSizeColumnMode.Fill; dataGridViewCellStyle6.Alignment = System.Windows.Forms.DataGridViewContentAlignment.MiddleCenter; this.Column3.DefaultCellStyle = dataGridViewCellStyle6; this.Column3.FillWeight = 50F; this.Column3.HeaderText = “Flag2”; this.Column3.Name = “Column3”; this.Column3.ReadOnly = true; this.Column3.Resizable = System.Windows.Forms.DataGridViewTriState.True; this.Column3.SortMode = System.Windows.Forms.DataGridViewColumnSortMode.NotSortable; // // AfDockFlagEditor // this.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(252)))), ((int)(((byte)(252)))), ((int)(((byte)(252))))); this.Controls.Add(this.grid); this.Name = “AfDockFlagEditor”; this.Padding = new System.Windows.Forms.Padding(3); this.Size = new System.Drawing.Size(231, 126); ((System.ComponentModel.ISupportInitialize)(this.grid)).EndInit(); this.ResumeLayout(false); } private bool IsTrue(string value) { return value.Equals(T); } private bool Cell(int col, int row) { return IsTrue((string)grid[col, row].Value); } public void Cell(int col, int row, bool value) { grid[col, row].Value = value ? T : F; } public void SetValue(int[] flags) { Cell(1, 0, flags[0] > 0); Cell(2, 0, flags[1] > 0); Cell(1, 1, flags[2] > 0); Cell(2, 1, flags[3] > 0); Cell(1, 2, flags[4] > 0); Cell(2, 2, flags[5] > 0); Cell(1, 3, flags[6] > 0); Cell(2, 3, flags[7] > 0); } public int[] GetValue() { int[] flags = new int[8]; flags[0] = Cell(1, 0) ? 1 : 0; flags[1] = Cell(2, 0) ? 1 : 0; flags[2] = Cell(1, 1) ? 1 : 0; flags[3] = Cell(2, 1) ? 1 : 0; flags[4] = Cell(1, 2) ? 1 : 0; flags[5] = Cell(2, 2) ? 1 : 0; flags[6] = Cell(1, 3) ? 1 : 0; flags[7] = Cell(2, 3) ? 1 : 0; return flags; } private void grid_CellClick(object sender, DataGridViewCellEventArgs e) { int row = e.RowIndex, col = e.ColumnIndex; if (col == 0) return; bool value = Cell(col, row); Console.WriteLine(“click at: {0},{1} value={2}”, row, col, value); grid[col, row].Value = value ? F : T; if (!value) { CheckOnEdit(row, col, value); } } // 左上 grid[1,0] 左下 grid[2,0] // 上左 grid[1,1] 上右 grid[2,1] // 右上 grid[1,2] 右下 grid[2,2] // 下左 grid[1,3] 下右 grid[2,3] private void CheckOnEdit(int row, int col, bool value) { if (row == 0) // 左 { if (col == 1) Cell(1, 1, false); if (col == 2) Cell(1, 3, false); } if (row == 1) // 上 { if (col == 1) Cell(1, 0, false); if (col == 2) Cell(1, 2, false); } if (row == 2) // 右 { if (col == 1) Cell(2, 1, false); if (col == 2) Cell(2, 3, false); } if (row == 3) // 下 { if (col == 1) Cell(2, 0, false); if (col == 2) Cell(2, 2, false); } } } }