九宫格方式显示9个echarts效果

news2024/11/16 3:32:35

功能:
创建了一个简单的Web浏览器应用程序,使用wxPython库创建了一个主窗口,并在窗口中嵌入了九个Web浏览器面板。用户可以选择一个文件夹,并通过点击按钮打开多个网页,每个网页将在一个单独的Web浏览器面板中显示。这个应用程序提供了一种方便的方式来同时查看和比较多个网页内容。
C:\pythoncode\blog\9ehartsshow.py
在这里插入图片描述

简介:
当执行这段代码时,它会创建一个名为MainFrame的类,该类继承自wx.Frame,是应用程序的主窗口。接下来,我们将详细解释代码的每个部分。

import wx
import wx.html2
import webbrowser
import os

首先,我们导入了必要的库。wx是wxPython库的主要模块,wx.html2模块用于嵌入Web浏览器,webbrowser模块用于打开外部浏览器,os模块用于处理文件和文件夹操作。

class MainFrame(wx.Frame):
    def __init__(self):
        super().__init__(None, title="Web Browser", size=(800, 600))
        self.panel = wx.Panel(self)

接下来,我们定义了一个名为MainFrame的类,并在构造函数__init__中初始化主窗口。我们使用super()函数调用父类的构造函数,并传递了一些参数,如None表示没有父窗口,title表示窗口的标题,size表示窗口的大小。然后,我们创建了一个面板self.panel,它将包含我们的GUI组件。

self.folder_picker = wx.DirPickerCtrl(self.panel, message="选择文件夹",
                                      style=wx.DIRP_USE_TEXTCTRL | wx.DIRP_SMALL)
self.button_open = wx.Button(self.panel, label="打开网页")
self.browsers = []

在构造函数中,我们创建了三个GUI组件。self.folder_picker是一个文件夹选择控件,用于让用户选择一个文件夹。self.button_open是一个按钮,标签为"打开网页"。self.browsers是一个列表,用于存储嵌入的Web浏览器对象。

self.button_open.Bind(wx.EVT_BUTTON, self.on_open)

我们使用Bind方法将按钮的EVT_BUTTON事件与self.on_open方法绑定。这意味着当用户点击按钮时,将调用self.on_open方法来处理事件。

grid_sizer = wx.GridSizer(rows=3, cols=3, gap=(10, 10))
for _ in range(9):
    browser = wx.html2.WebView.New(self.panel)
    self.browsers.append(browser)
    grid_sizer.Add(browser, proportion=1, flag=wx.EXPAND)
sizer = wx.BoxSizer(wx.VERTICAL)
sizer.Add(self.folder_picker, flag=wx.EXPAND)
sizer.Add(grid_sizer, proportion=1, flag=wx.EXPAND)
sizer.Add(self.button_open, flag=wx.EXPAND)
self.panel.SetSizer(sizer)

在这部分代码中,我们创建了一个九宫格布局,并将九个Web浏览器面板添加到其中。我们使用wx.GridSizer创建了一个具有3行3列的网格布局,并通过gap参数设置了行和列之间的间隔。然后,我们使用for循环创建了九个嵌入的Web浏览器对象,并将它们添加到self.browsers列表中。我们使用grid_sizer.Add方法将每个浏览器面板添加到九宫格布局中。接下来,我们创建了一个wx.BoxSizer垂直布局管理器,并使用Add方法将文件夹选择控件、九宫格布局和打开网页按钮添加到垂直布局中。最后,我们通过SetSizer方法将垂直布局应用到面板self.panel上。

def on_open(self, event):
    folder_path = self.folder_picker.GetPath()
    if not folder_path:
        wx.MessageBox("请选择文件夹!", "错误", wx.OK | wx.ICON_ERROR)
        return

    html_files = [f for f in os.listdir(folder_path) if f.endswith(".html")]
    num_browsers = min(len(html_files), 9)

    for i in range(num_browsers):
        html_file = os.path.join(folder_path, html_files[i])
        browser = self.browsers[i]
        browser.LoadURL(f"file://{html_file}")

on_open方法是响应打开网页按钮点击事件的处理函数。当用户点击打开网页按钮时,这个方法将被调用。首先,它获取用户选择的文件夹路径。如果未选择文件夹,则显示一个错误对话框并返回。接下来,它列出文件夹中所有以".html"结尾的HTML文件,并计算需要打开的网页数量(最多为9个)。然后,它使用range循环遍历需要打开的网页数量,并依次将每个HTML文件加载到对应的Web浏览器面板中。

if __name__ == "__main__":
    app = wx.App()
    frame = MainFrame()
    frame.Show()
    app.MainLoop()

最后,我们在__main__条件下创建了一个wx.App实例,实例化MainFrame类,并显示主窗口。然后,我们调用app.MainLoop()方法来运行应用程序的事件循环,使应用程序进入主事件循环并等待用户交互。
完整代码:

import wx
import wx.html2
import webbrowser
import os

class MainFrame(wx.Frame):
    def __init__(self):
        super().__init__(None, title="Web Browser", size=(800, 600))
        self.panel = wx.Panel(self)

        # Create GUI components
        self.folder_picker = wx.DirPickerCtrl(self.panel, message="选择文件夹",
                                              style=wx.DIRP_USE_TEXTCTRL | wx.DIRP_SMALL)
        self.button_open = wx.Button(self.panel, label="打开网页")
        self.browsers = []

        # Bind event handlers
        self.button_open.Bind(wx.EVT_BUTTON, self.on_open)

        # Create grid layout
        grid_sizer = wx.GridSizer(rows=3, cols=3, gap=(10, 10))
        for _ in range(9):
            browser = wx.html2.WebView.New(self.panel)
            self.browsers.append(browser)
            grid_sizer.Add(browser, proportion=1, flag=wx.EXPAND)
        sizer = wx.BoxSizer(wx.VERTICAL)
        sizer.Add(self.folder_picker, flag=wx.EXPAND)
        sizer.Add(grid_sizer, proportion=1, flag=wx.EXPAND)
        sizer.Add(self.button_open, flag=wx.EXPAND)
        self.panel.SetSizer(sizer)

    def on_open(self, event):
        folder_path = self.folder_picker.GetPath()
        if not folder_path:
            wx.MessageBox("请选择文件夹!", "错误", wx.OK | wx.ICON_ERROR)
            return

        html_files = [f for f in os.listdir(folder_path) if f.endswith(".html")]
        num_browsers = min(len(html_files), 9)

        for i in range(num_browsers):
            html_file = os.path.join(folder_path, html_files[i])
            browser = self.browsers[i]
            browser.LoadURL(f"file://{html_file}")

if __name__ == "__main__":
    app = wx.App()
    frame = MainFrame()
    frame.Show()
    app.MainLoop()

总结一下,这段代码创建了一个简单的Web浏览器应用程序,使用wxPython库创建了一个主窗口,并在窗口中嵌入了九个Web浏览器面板。用户可以选择一个文件夹,并通过点击按钮打开多个网页,每个网页将在一个单独的Web浏览器面板中显示。这个应用程序提供了一种方便的方式来同时查看和比较多个网页内容。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/887644.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

解决 adb install 错误INSTALL_FAILED_UPDATE_INCOMPATIBLE

最近给游戏出包,平台要求 v1 签名吧,AS 打包后,adb 执行安装到手机,我用的设备是google pixel6 , android 系统 13, 提示如下: adb install -r v5_android_202308161046.apk Performing Streamed Install a…

sql server 存储过程 set ansi_nulls set quoted_identifier,out 、output

SQL-92 标准要求在对空值(NULL) 进行等于 () 或不等于 (<>) 比较时取值为 FALSE。 当 SET ANSI_NULLS 为 ON 时&#xff0c;即使 column_name 中包含空值&#xff0c;使用 WHERE column_name NULL 的 SELECT 语句仍返回零行。即使 column_name 中包含非空值&#xff0c…

AI 绘画Stable Diffusion 研究(九)sd图生图功能详解-老照片高清修复放大

大家好&#xff0c;我是风雨无阻。 通过前面几篇文章的介绍&#xff0c;相信各位小伙伴&#xff0c;对 Stable Diffusion 这款强大的AI 绘图系统有了全新的认知。我们见识到了借助 Stable Diffusion的文生图功能&#xff0c;利用简单的几个单词&#xff0c;就可以生成完美的图片…

Java多线程实战

Java多线程实战 java多线程&#xff08;超详细&#xff09; java自定义线程池总结 Java创建线程方式 方法1&#xff0c;继承Thread类 方法2&#xff0c;实现Runable接口 方法2-2&#xff0c;匿名内部类形式lambda表达式 方法3&#xff0c;实现Callable接口&#xff0c;允许…

【Django】Task2 了解models和使用admin后台

文章目录 【Django】Task2 了解models和使用admin后台1.什么是models1.1常用字段类型说明1.2常用配置参数1.3models示例 2.使用Django的admin管理模块2.1admin管理模块介绍2.2创建管理员用户2.3定义models实体对象2.4注册对象2.5合并数据库2.6启动项目并进入管理后台 3.springb…

计算机视觉:从图像识别到目标检测的技术进展

随着人工智能领域的快速发展&#xff0c;计算机视觉技术在过去几年中取得了令人瞩目的进步。从最初的图像识别到如今的目标检测&#xff0c;技术的不断创新和突破让计算机在理解和解释图像中变得越来越强大。本文将带您走进这一令人兴奋的领域&#xff0c;探索计算机视觉从图像…

ssh远程连接服务器

一、远程连接服务器简介 二、连接加密技术简介 三、ssh服务配置 四、用户登录ssh服务 Enforcing会强制限制&#xff0c;如端口为22&#xff0c;可以访问&#xff0c;如果是2000端口&#xff0c;不能使用 Permissive是宽容的模式&#xff0c;不限制使用端口 Enforcing会重启失败…

C++ 用st协程库解决 一个客户端同时连接多个服务端的问题 State Thread st协程库 在程序中的运用

继之前的一篇文章 业务需求是这样 程序中配置了很多个网络设备 这些设备作为server端 每隔1分钟要通过socket去和设备通信 以此来实现 设备是否在线 默认最传统的方法 一个线程中 遍历这些设备 假设有30个设备 每个设备超时时间5秒 那么 遍历一遍需要30*5 150秒 如…

uniapp 小兔鲜儿 - 首页模块(2)

目录 热门推荐 首页 – 热门推荐组件 首页 – 获取热门推荐数据 首页 – 热门推荐数据类型并渲染 猜你喜欢 首页 – 猜你喜欢组件 首页 – 获取猜你喜欢数据 首页 – 猜你喜欢数据类型和渲染 首页 – 猜你喜欢分页准备 首页 – 猜你喜欢分页加载 首页 – 猜你喜欢分…

RabbitMQ启动服务报错1067解决方案

首先&#xff1a; 你的 Erlang正确下载安装&#xff0c;且配置完成环境变量&#xff0c;可在命令行键入erl&#xff0c;若显示erlang版本则说明环境变量配置成功。如下&#xff1a; 原因分析&#xff1a; 1. 电脑名称为中文 2. erlang和rabbitmq版本不匹配 3. 安装目录有空格…

211、仿真-基于51单片机土壤湿度智能盆栽灌溉报警Proteus仿真设计(程序+Proteus仿真+配套资料等)

毕设帮助、开题指导、技术解答(有偿)见文未 目录 一、硬件设计 二、设计功能 三、Proteus仿真图 四、程序源码 资料包括&#xff1a; 需要完整的资料可以点击下面的名片加下我&#xff0c;找我要资源压缩包的百度网盘下载地址及提取码。 方案选择 单片机的选择 方案一&am…

诚迈科技荣膺小米“最佳供应商奖”

近日&#xff0c;诚迈科技受邀参加小米战略合作伙伴HBR总结会。诚迈科技以尽职尽责的合作态度、精益求精的交付质量荣膺小米公司颁发的最佳供应商奖&#xff0c;其性能测试团队荣获优秀团队奖。 诚迈科技与小米在手机终端方向一直保持着密切的合作关系&#xff0c;涉及系统框架…

机械臂-五次多项式与三次多项式对比

##1、三次多项式算法 代码如下&#xff1a; L(1) Link( d, 0.081, a ,-0.01 , alpha, pi/2 ,offset,0); L(2) Link( d, 0 , a , 0.099 , alpha, 0 ,offset,pi/2); L(3) Link( d, 0 , a , -0.01 , alpha,pi/2,offset,pi/2); L(4) Link( d, 0.1170.123,…

JVM中分代回收机制

为什么要分为新生代和老年代&#xff1f; 分为新生代&#xff08;Young Generation&#xff09;和老年代&#xff08;Old Generation&#xff09;是为了更有效地管理和优化内存的使用。 新生代主要存放生命周期较短的对象&#xff0c;例如方法的局部变量、临时变量等。由于这…

奥威BI财务数据分析方案:借BI之利,成就智能财务分析

随着智能技术的发展&#xff0c;各行各业都走上借助智能技术高效运作道路&#xff0c;财务数据分析也不例外。借助BI商业智能技术能够让财务数据分析更高效、便捷、直观立体&#xff0c;也更有助于发挥财务数据分析作为企业经营管理健康晴雨表的作用。随着BI财务数据分析经验的…

数据结构介绍

1、什么是数据结构呢&#xff1f; 计算机底层存储、组织数据的方式。是指数据相互之间是以什么方式排列在一起的。数据结构是为了更方便的管理和使用数据&#xff0c;需要结合具体的业务来进行选择。一般情况下&#xff0c;精心选择的数据结构可以带来更高的运行或者存储效率。…

STM32单片机并口通信编程实例:代码详解与应用案例

引言&#xff1a; 单片机并口通信是一种传统而常用的通信方式&#xff0c;通过并行方式进行数据传输。尽管串口通信在现代应用中更加普遍&#xff0c;但并口通信在一些特定领域的应用仍然具有重要意义。本文将介绍单片机并口通信的原理、配置和实践方法&#xff0c;并给出STM32…

中电金信通过KCSP认证 云原生能力获权威认可

中电金信通过KCSP&#xff08;Kubernetes Certified Service Provider&#xff09;认证&#xff0c;正式成为CNCF&#xff08;云原生计算基金会&#xff09;官方认证的 Kubernetes 服务提供商。 Kubernetes是容器管理编排引擎&#xff0c;底层实现为容器技术&#xff0c;是云原…

【数据结构与算法】普里姆算法

普里姆算法 最小生成树 最小生成树&#xff0c;简称MST。 给定一个带权的无向连通图&#xff0c;如何选取一棵生成树&#xff0c;使树上所有边上权的总和为最小&#xff0c;这就叫最小生成树。N 个顶点&#xff0c;一定有 N - 1 条边半酣全部顶点N - 1 条边都在图中举例说明…

爬虫逆向实战(五)--猿人学第三题

一、数据接口分析 主页地址&#xff1a;猿人学第三题 1、抓包 通过抓包可以发现数据接口是api/match/3 2、判断是否有加密参数 请求参数是否加密&#xff1f; 无请求头是否加密&#xff1f; 无响应是否加密&#xff1f; 无cookie是否加密&#xff1f; 无 二、发送请求 …