GeckoFX 在winform中的简单应用

★ 背景近日恰逢双十一，瞅了瞅自己干瘪的钱包，没忍心入手期待已久的 macPro，只好在虚拟机里玩一下 mac好了，等以后钱包傲气的时候再来个真实的。安装环境：windows10 VMWare14.22018-7-28 小嘚瑟补充：唧唧歪歪大半年，一夜回到解放前，终于剁手整了个真机，可以折腾一下了…---------------------...

1024小神

1406人浏览 · 2021-09-15 13:19:21

1024小神 · 2021-09-15 13:19:21 发布

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布局器只适合进行简单的布局，在这里介绍一种布局器，可以消除布局顺序对布局效果的影响，同时可以自己进行四角的设定。

代码如下：

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框架的要求，定义一个属性编辑器器
///

pythonpythoneyJ1cGRhdGUiOiBmYWxzZSwgInZlcnNpb24iOiAxLjAsICJ1cGNvbnRlbnQiOiAiXHU0ZmVlXHU1OTBkXHU5MGU4XHU1MjA2XHU2NzNhXHU1NzhiXHU5NWVhXHU5MDAwXHU5NWVlXHU5ODk4XHVmZjBjXHU0ZmVlXHU2NTM5XHU4M2RjXHU1MzU1XHU1NmZlXHU2ODA3XHU1YzU1XHU3OTNhXHVmZjBjXHU4ZmQ5XHU1YzA2XHU1M2VmXHU4MGZkXHU2NjJmXHU2NzAwXHU1NDBlXHU0ZTAwXHU2YjIxXHU2NmY0XHU2NWIwXHVmZjBjXHU0ZWU1XHU1NDBlXHU1M2VmXHU4MGZkXHU1YzMxXHU0ZTBkXHU2NmY0XHU2NWIwXHU0ZTg2XHVmZjBjXHU1MzQ3XHU3ZWE3XHU2NzA5XHU5NWVlXHU5ODk4XHU4YmY3XHU1MmEwXHU1ZmFlXHU0ZmUxXHVmZjFhc3hzdWNjZXNzIiwgInVwdXJsIjogImh0dHBzOi8vd3d3LmxhbnpvdXcuY29tL2lGS2NSdGFmeDFpIiwgInNob3dtZXNzYWdlIjogZmFsc2UsICJtZXNzYWdlIjogIlx1OGZkOVx1OTFjY1x1NjYyZm1lc3NhZ2UiLCAiaGVhZGVycyI6ICIvaW5kZXgucGhwP3U9NTYzMDIzJmV4dD1kNzY3YjsiLCAiYWJvdXQiOiAiXHU1MjA2XHU0ZWFiXHU2NzJjOFx1NjcwOFx1NGUyNFx1NGUyYVx1OTA4MFx1OGJmN1x1NzgwMVx1ZmYxYVx1MzAxMDQ4ZmEqMjQzZjNkNTNjMmFcdTMwMTFcdTMwMTAwMzQ1YjQzYypkZmExZWZiXHUzMDExXHU1ZGYyXHU4OGFiXHU2Y2U4XHU1MThjLFx1OTY5MFx1ODVjZlx1NTE3Nlx1NGUyZFx1NGUwMFx1NGY0ZFx1ZmYwY1x1NGVlNVx1NTQwZVx1NmJjZlx1NjcwOFx1OTBmZFx1NGYxYVx1NGUwZFx1NWI5YVx1NjVmNlx1NTcyOFx1OGZkOVx1OTFjY1x1NTIwNlx1NGVhYlx1NGUyNFx1NGUyYVx1NzgwMVx1NWI1MFx1ZmYwMSIsICJ3ZWl4aW54aW4iOiAic3hzdWNjZXNzIiwgIndlaXBob3RvIjogInBob3RvIiwgIm1hemlub3RlIjogIlx1OTcwMFx1ODk4MVx1OTA4MFx1OGJmN1x1NzgwMVx1NjI0ZFx1NTNlZlx1NGVlNVx1NmNlOFx1NTE4Y1x1NTRlNiEifQ==pythonpython

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); } } } }