Skip to content

WebBrowserDemo 项目分析

项目信息

文件结构

WebBrowserDemo/
├── ExeOptions.ini
├── Extractor_Icon.ico
├── Project1.py
├── Project1.xml
├── Unit1.py
├── Unit1.pydfm
├── Unit1.sct
├── Unit1.sfm
├── WebView2Loader.dll

主程序文件: Project1.py

from glcl import *
from Unit1 import *

def main():
    Application.Initialize()
    Application.Title = 'Project1'
    Application.MainFormOnTaskbar = True
    Application.Icon.LoadFromFile(os.path.join(os.path.dirname(os.path.abspath(__file__)), "Extractor_Icon.ico"))
    MainForm = Form1(Application)
    MainForm.Show()
    FreeConsole()
    Application.Run()
    MainForm.Free()

if __name__ == '__main__':
    main()

单元文件: Unit1.py

import os
from glcl import *

class Form1(Form):

    def __init__(self, owner):
        self.Button1 = Button(self)
        self.LoadProps(os.path.join(os.path.dirname(os.path.abspath(__file__)), "Unit1.pydfm"))
        self.Button1.OnClick = self.Button1Click
        # WebBrowser目前还不能通过窗体设计器创建,需要通过代码的方式创建实例
        self.WebBrowser1 = WebBrowser(self)
        # 指定此属性,如果目标计算机的Edge引擎可用将优先使用Edge引擎,前提是必须附带
        # 打包工程目录下的的WebView2Loader.dll文件,目标计算机也必须有安装WebView2,
        # 可在微软官方下载。
        self.WebBrowser1.SelectedEngine = EdgeIfAvailable
        self.WebBrowser1.ParentWindow = self.Handle     # 父窗口句柄,必须指定这个属性
        self.WebBrowser1.Width = 1500   # 设置宽度
        self.WebBrowser1.Height = 800   # 设置高度
        self.WebBrowser1.Left = 10      # 设置左边距离
        self.WebBrowser1.Top = 10       # 设置顶部距离
        self.WebBrowser1.Silent = True  # 安静模式
        self.WebBrowser1.Show()

    def Button1Click(self, Sender):
        # 访问网页,此网页可检测当前是IE内核还是Chromium内核
        self.WebBrowser1.Navigate('https://www.ip138.com')
        # 部署为exe后,如果附带打包了WebView2Loader.dll并且目标计算机有安装WebView2
        # 那么方位该网页无弹窗提示,否则会弹窗提示“请升级使用Chrome内核浏览器”

设计文件: Unit1.sct

def Button1Click(Sender): 

设计文件: Unit1.sfm

object Form1: TForm
  Left = 0
  Top = 0
  Caption = 'Form1'
  ClientHeight = 597
  ClientWidth = 813
  Color = clBtnFace
  Font.Charset = DEFAULT_CHARSET
  Font.Color = clWindowText
  Font.Height = -15
  Font.Name = 'Segoe UI'
  Font.Style = []
  TextHeight = 20
  object Button1: TButton
    Left = 712
    Top = 552
    Width = 75
    Height = 25
    Caption = 'Button1'
    TabOrder = 0
    OnClick = Button1Click
  end
end

其他文件

  • ExeOptions.ini
  • Extractor_Icon.ico
  • Project1.xml
  • WebView2Loader.dll

详细分析

功能概述

浏览器组件演示

使用的组件

  • Form1 (TForm)
  • Button1 (TButton)

技术特点

  • 包含2个GUI组件
  • 定义1个事件处理

窗体属性

  • caption: Button1
  • height: 597
  • width: 813

代码分析

导入的模块: - import os - from glcl import *

定义的类: - Form1

定义的方法: - init - Button1Click

事件绑定: - self.Button1.OnClick = self.Button1Click