基于Chrome开源提取的界面开发框架 二

最新推荐文章于 2025-09-09 16:53:48 发布
原创 最新推荐文章于 2025-09-09 16:53:48 发布 · 2.9k 阅读 · 2
标签
#chrome #框架 #bugs #ui #扩展
#工作
本文深入探讨了基于Chrome源代码开发的界面框架，详细讲解了其架构设计、常见问题（bugs）处理和UI组件的使用，同时介绍了如何将该框架应用于浏览器扩展和日常工作中，提升开发效率。

 

基于Chrome开源提取的界面开发框架 二

前段时间的工作
1.2d绘图引擎迁移回skia平台
2.跟进到Chrome源码的chromium.r78515版本
3.ScrollView、Menu等UI元素移植
4.修改Chrome的一些Bugs或不足
5.目录的整理、调整
6.开始以教程的形式深入理解整个UI框架, 发现其中的问题, 为下一步扩展打好基础

UI库项目的依赖在library/depends.txt
UI库的Bugs在library/bugs.txt
所有不确定的地方在代码中均有WLW TODO标记
之前的test_base test_view项目即将废弃, 不要再尝试编译, 会以教程的形式体现

近期工作
跟踪chromium最新源码, 修改Bugs
进一步开发教程, 学习整个框架

位图滚动条由于没有合适格式的图片, 暂时无法在教程中体现. 代码稳定之后会考虑放在开源项目网站上或用于公司商业化开发维护, 暂时不确定.

教程位于tutorial目录, 其中wanui_res是纯资源DLL, hello_window是基本窗口展示, hello_view是基本View展示.后续会逐步开发所有控件的教程, 在完全理解整个框
最低0.47元/天 解锁文章
Chrome UI 框架分析
08-10
主要是对chrome UI的源代码进行分析和相关讲解
从chrome提取的框架
08-09
网友下&弦月从google的开源浏览器chrome提取的框架，可应用于pc端桌面开发
这款神器你不学就要落后了！
风花散却隽世间，雪月寥落化雨田
03-08 1679
Flutter——谷歌开源的跨平台UI开发框架 Fluter特性介绍 Flutter官网介绍如下： Flutter is Google’s mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with exis...
Chrome学习笔记（三）：UI组件，皮肤引擎
wanfengnianhua的专栏
04-25 1514
原创文章，转载请注明：转载自Soul Apogee 本文链接地址：Chrome学习笔记（三）：UI组件，皮肤引擎 —— 控件库 这篇文章是接着上篇文章继续聊的，Chrome的代码实在太多，每一个东西单拿出来都可以说很很多，单就一个breakpad都说了两篇。恩，不过也许是我太啰嗦了。 1. UI控件库（Control）简介 我们知道Chrome做这一套皮肤引擎是为了替换掉Windows
Chromium 源码学习-----UI界面
FBI_BAIGOU的博客
05-29 3322
简单总结就是：Widget对应着一个原生的窗口，而View对应着窗口里面的一个控件，如容器，Button，Tab等等。这样在Widget和View之上，Chrome搭建起了自己跨平台的皮肤引擎。这点是和Qt是非常相似的。在chromium源码中，负责管理工具栏(红框区域)的类就是负责管理应用菜单按钮的(绿色区域)的类就是负责管理应用菜单按钮的子项(蓝色区域)的类就是后续如果要修改对应的模块，在对应管理该模块的类下进行修改即可。
推荐：Chrome UI Bootstrap - 打造优雅的Chrome风格应用
gitblog_01062的博客
08-16 354
推荐：Chrome UI Bootstrap - 打造优雅的Chrome风格应用 项目介绍 Chrome UI Bootstrap 是一个轻量级的开源项目，致力于让开发者轻松地创建出与Chrome系统应用风格一致的扩展、应用和其他单页面应用。这个项目提供了一套简洁而强大的CSS样式框架，让你的作品在视觉上更加统一和专业。 项目技术分析 该项目的核心在于提取并封装了Chrome UI的设计元素，包括...
从源码视角全面解析 Chrome UI 布局系统及 Views 框架的定制化实现方法与实践经验
最新发布
John_ToStr的博客
09-09 1064
本文系统介绍了Chrome浏览器的UI布局系统，基于跨平台的Views框架实现。主要内容包括：1）框架核心组件（View树、布局管理器、资源包）；2）布局绘制流程与定制实现方法；3）设计理念与性能优化。通过View树结构、LayoutManager和ResourceBundle的协同工作，Chrome实现了高性能、可扩展的UI系统，支持动态换肤、多语言切换等功能。文章包含源码示例和定制案例，为开发跨平台UI框架提供参考，特别适合浏览器开发者和前端框架开发者理解复杂UI系统的设计思路。
基于Chrome开源提取的界面开发框架 二(.x)
万星星
04-20 1341
  最近比较忙，各种原因，对界面框架做的工作如下：1、维护更新至chromium.r804142、开始着眼Chrome浏览器架构，框架、插件机制、主题、多进程/线程方面3、工作的目标做了适当延伸，暂时命名x-framework，并尝试模拟实现一个类Chrome的UI作品。4、界面方面进度不大，主要是不断研究、尝试、走弯路和改进过程，临时性的截图：
基于Chrome开源提取的界面开发框架 二(.xx)
万星星
05-02 1308
<br /><br />有一些松懈，罪过罪过，警告自己一下。但是没有闲着，主要是Chrome浏览器部分的代码着实庞大复杂，牵扯到的新技术技巧很多，正在全面的了解其进程模型、线程模型、自升级策略、底层消息框架View框架的应用细节、应用系统的通知模型、配置系统、扩展系统、各种Windows奇技淫巧等综合起来，确实需要耗费大量精力。这些东西不像底层代码那样几乎是完全可复用的，有很多东西是浏览器相关的，我目前并不想积累。<br /> <br />有的时候会替别人问自己：你有必要搞那么复杂嘛？你到底想要搞一个什么东
Flutter页面跳转
博客，是nsacer先森的
10-17 482
Flutter页面跳转 1、创建Flutter app工程，默认的main.dart文件如下： import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContex.
从Chrome开源代码中提炼的界面引擎
07-07
基于Chrome开源提取的界面开发框架,看看无妨，受益颇多。
从Chrome中提取出来的WebUI样式
12-13
这套UI样式是从chrome浏览器中提取出来的，是不是很眼熟？ 　　我稍微对样式进行了点修改，button按钮增加了reset按钮的支持，当ui设置为disabled，修改鼠标默认样式为禁止点击，最后对样式进行了压缩，完整代码如下： 复制代码代码如下: /* Copyright (c) 2012 The Chromium Authors. All rights reserved. * Use of this source code is governed by a BSD-style license that can be * found in the LICENSE file. */ b
chrome的UI库
12-17
chrome浏览器分拆出来的UI源码，便于学习chromeUI（directUI）思想，方便做出各种自定义界面效果。
Awesome Chrome Form UI - 框架设计与基础实现
举世誉之而不加劝，举世非之而不加沮，定乎内外之分，辩乎荣辱之境，斯已矣。
12-29 1218
Awesome Chrome Form UI - 框架设计与基础实现
Chrome源码剖析 【四】
weixin_34389926的博客
10-24 288
【四】Chrome的UI绘制 1. Chrome的窗口控件 Chrome提供了自己的一个UI控件库，相关文档可以参见这里。用Chrome自己的话来说，我觉得市面上的七荤八素的图形控件库都不好用，于是自己倒腾倒腾实现了一套。。。 广告虽如此说，不过，Chrome的图形控件结构，我还未发现有啥非常非常特别的地方。Chrome的窗口、按钮、菜单之类的控件，都直接或间接派生自View，这个是控件...
基于Chrome开源提取的界面开发框架开篇
maikforever 的专栏
03-28 1053
初衷 一直希望VC开发者能够方便的开发出细腻高品质的用户界面。我喜欢C++，选择的平台是Windows，所以大部分时间用VC。我自身不排斥其他技术或者开发语言或者开发工具，都去了解，了解的目的是想吸取好的思想补充VC开发方面的不足。从事界面开发方面的研究有5年了，学过很多，尝试过很多，失败过很多，但是没有气馁。感谢开源，尤其是谷歌的Chrome开源，使我再次提高。在论坛和代码网站，都能看到一些界面方面作品，有源码的也有纯欣赏的，大多数一看上去还不错，本地执行就会发现粗糙的地方，不细腻，难以商业化使用。
01-Chrome架构：仅仅打开了1个页面，为什么有4个进程
LIJIWEI0611的博客
04-18 619
在开始之前，我们一起看下，Chrome打开一个页面需要启动多少进程？你可以点击Chrome浏览器右上角的“选项”菜单，选择“更多工具”子菜单，点击“任务管理器”，这将打开Chrome的任务管理器的窗口，如下图 和Windows任务管理器一样，Chrome任务管理器也是用来展示运行中Chrome使用的进程信息的。从图中可以看到，Chrome启动了4个进程，你也许会好奇，只是打开了1个页面，为什么要启动这么多进程呢？ 在解答这个问题之前，我们需要了解一下进程的概念，不过由于好多人容易把进程和线程的概念混
Chrome UI学习—主界面以及组件分布2
weixin_37972910的博客
03-19 971
Browser* StartupBrowserCreatorImpl::OpenTabsInBrowser(Browser* browser, bool process_startup, ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值