笨笨D幸福 - 后花园

和大多数现代的GUI编程框架一样，wxWidgets大量使用了面向对象编程的概念。每一个窗口都是一个C++的对象。wxMSW面向windows平台，也可以使用Wine的库进行编译，并且可以被配置成在WinCE上运行wxGTK可以使用GTK的1.x或者2.x版本,支持所有可以运行X11和GTK的类Unix平台wxX11使用了wxUniversal的窗口控件集，直接运行在Xlib上。这使得它很适合嵌入式系统,当然它也可以运行在那些不喜欢GTK+的桌面系统上。

由于python的cairo缺少很多实现，所以需要使用C++的cairo和DirectWrite来测试绘制文本。当使用emoji字体时，emoji也是彩色的。paint 是填充，但是会破坏context。translate 是坐标变换，移动x,y。Matrix 是矩阵变换,多个功能的糅合。transform 是坐标轴中心移动。scale 是缩放，负数代表翻转。

tkinter.ttk 模块自 Tk 8.5 开始引入，它提供了对 Tk 风格的部件集的访问。它还带来了一些额外好处包括在 X11 下的反锯齿字体渲染和透明化窗口（需要有 X11 上的混合窗口管理器）。tkinter.ttk 的基本设计思路，就是尽可能地把控件的行为代码与实现其外观的代码分离开来。所以，TTK可以更好地自定义theme来美化UI。

最近在研究GUI的各个方面，最后被导向了web render，真的是一言难尽。这里就其中一个比较有意思的项目 RmlUi 浅试一下，没想要还挺麻烦！这里留下note以供后人参考。

Visual Studio 2022 GTK4 Project Key setting一般情况下需要MSYS2，然后参考Linux下开发。这里使用第二种，直接 VS + 编译好的bin/lib/include的开发。预编译好的文件（只有x64版本）：下载后，解压到C盘根目录，C:/gtk/

Tk 使用单线程、事件驱动的编程模型.所有 GUI 代码、事件循环和 应用程序在同一线程中运行。因此，强烈建议不要进行任何阻止事件处理程序的调用或计算。个人感受：TK来自于TCL，用来做小工具UI和脚本语言的UI是很不错的。如果想要好的UI，大规模程序，现代化的IDE支持，建议选择其他GUI框架。

Target以LVGL为目标，语法以CSS为Reference。

slint是一个类似qml的标记语言（xml/css之类方便界面设计的语言），经过编译器slint compile（类似QT的moc/uic/rcc工具）可完整的转换成Cpp或者Rust。其开发方式类似qml+cpp，这得益于slint ui的两位初始创建人来自QT团队。slint 优点。

目前的windows/Linux下的UI方案，以Qt为主，Flutter, Electron为辅，其他的各种UI都是不堪大用。除了使用CEF的Qt/C++/C#方案，Qt+WebEngine, 目前在Windows下各家的最终归路都转向Webview2方案，可以极大地减少发布的程序的大小。

在过去十几年里，互联网市场从无到繁盛，然后盛极而衰，让人不得不哎叹。自己从一开始做OpenCV图像处理，算法，后来慢慢做机器人和类ROS平台，做体感，做物联网，做语音&视频直播，Linux和RTOS嵌入式，各个领域的都有涉猎，一路从VC, Qt, Golang, Rust, Java, android, JavaScript 然后涉猎了Vue/React, Flutter, flash。。。不管怎么玩，很难脱离C/C++主线，自己也喜欢这方面。

LVGL只适用页面不太多的场合，复杂UI项目尽可能考虑Linux下QT/GTK开发。页面管理，风格美化，字体图片资源，中文输入法等在正式项目中需要慎重设计和考虑。UI初版可借助GUI工具GUI Guider或者LVGL代码缺少很多注释，文档也比较简略，论坛能解决问题有限。建议遇到问题时，多翻翻src文件夹，参看类似UI的实现。有一个比较火的开源项目参考: 开源GPS自行车码表X-TRACKPS: 后续有机会了做一个基于STM32F4的综合Demo。

# 基础组件研究Code地址：https://github.com/lvgl 中文参考文档(可能部分内容不匹配，仅参考)：http://lvgl.100ask.net/8.2/index.html 官方API参考文档地址：https://docs.lvgl.io/master/intro/index.html **注意：LVGL 7.x版本与8.x版本差别很大，建议使用8.x版本**

Universal Windows Platform (UWP) 和 Windows Presentation Foundation (WPF) 是不相同的，虽然都可以做界面，但是 UWP 是一个新的 UI 框架，而且 UWP 是支持很多平台，至少比 WPF 多。那么UWP 可以使用什么写？WPF 可以使用 xaml 做的前台，C#、VB、F#、C++写的后台。不过需要知道，WPF 的C++ 后台使用的是托管的C++。那么网上怎么好多小伙伴说 UWP 的性能比 WPF 好？因为 UWP 的渲染使用的是 Di

目标基础框架笔记主进程渲染进程API文档进程对象事件属性方法Chrome命令行开关client-certificatepathignore-connections-limitdomainsdisable-http-cacheremote-debugging-portportjs-flagsflagsproxy-serveraddressportproxy-bypas

简介软件安装教程基础Hello World创建项目包App配置 packagejson主程序 indexjsGUI界面 indexhtml运行应用完善总结IDE简介这一次我们来安装、配置、运行一个Electron的完整环境。 【Windows 10 环境】软件安装我们需要如下两个软件： Node.js - 这个在开发环境下需要单独下载配置。 Electron -

Electron是什么简介Demo展示解构任务Electron架构主进程渲染进程主进程与渲染进程的区别一个完整的 Electron 应用运行electron-prebuild手工下载 Electron 二进制文件WindowsLinuxOS X以发行版本运行Electron是什么 官方：Build cross platform desktop apps with

每种编程语言都有它的Hello world，这已经是大家的共识了，所以我也不能免俗。1、需求软件：VS软件 + HTMLayout SDKSDK下载地址：http://www.terrainformatica.com/htmlayout/HTMLayoutSDK.zip也可以在页面右侧查看对应的使用说明。2、配置将下载的文档解压到任意目录，现对于重要文档加以说明：bin

先看看效果：  注：SDK使用的是 Sciter3 Beta SDK，代码可以通用。HTML代码： test hello 你的手啊！ ---- Win32 程序中的头文件：#include "stdafx.h"#include "W32Test.h"#include "include/sciter-x.h"#include "in

先从最基础的Exe文件的执行说起：Exe文件要在系统中执行，首先要将Exe文件本身加载入内存中，并且通常在内存中加载完成的Exe所占空间大小会比实际所占的磁盘空间大一些，这是由内存的特殊设定所决定的。其次，由于我们是使用的官方提供的DLL来完成Sciter引擎的工作，并且这种操作不是动态调用的，所以，每次程序运行都会自动加载DLL文件进入内存，然后才能完成引擎的调用操作。这里的Exe和DL

笨笨-歌词伴侣V1.2(酷狗KRC转LRC，LRC歌词批量下载)  最近由于某些热心博友在我优快云博客上使用了我的软件，提出了一些建议，看到自己的成果有人使用并且提出了一些建议，焉有不高兴之理！刚好碰上最近研究UI界面，有了一个初步的框架，就顺手将歌词相关功能集合到新的UI界面上，本以为很简单，没想到，这一做就是大半个月！！还好，真心的付出总会是有收获的，整个过程全部亲手

[Sciter系列] MFC下的Sciter–2.Sciter中的事件,tiscript，CSS部分自觉学习，重点说明Tiscript部分的常见语法和事件用法。本系列文章的目的就是一步步构建出一个功能可用，接口基本完善的基于MFC框架的SciterFrame程序，以此作为以后程序的基础。其中，文章中按照如下逻辑编排（解决如下问题）：1、使用什么环境2、完成什么功能3、如何完成

[Sciter系列] MFC下的Sciter–3.Sciter脚本与底层交互，脚本调用底层自定义的方法函数。本系列文章的目的就是一步步构建出一个功能可用，接口基本完善的基于MFC框架的SciterFrame程序，以此作为以后程序的基础。其中，文章中按照如下逻辑编排（解决如下问题）：1、使用什么环境2、完成什么功能3、如何完成1、工程环境： VS2010 + Sciter-S

Sciter SDK中提供的Win32下例程很多，唯独使用很多（对我个人而言）的MFC框架下Sciter程序的构建讲的很少，虽然MFC有这样那样的诟病，但是不可否认的是编写一般的小项目，这仍然是大多数人最好的选择。本系列文章的目的就是一步步构建出一个功能可用，接口基本完善的基于MFC框架的SciterFrame程序，以此作为以后程序的基础。其中，文章中按照如下逻辑编排（解决如下问题）：1、

[Sciter系列] MFC下的Sciter–4.HTML与图片资源内置，防止代码泄露。本系列文章的目的就是一步步构建出一个功能可用，接口基本完善的基于MFC框架的SciterFrame程序，以此作为以后程序的基础。其中，文章中按照如下逻辑编排（解决如下问题）：1、使用什么环境2、完成什么功能3、如何完成1、工程环境： VS2010 + Sciter-SDK + Win7

[Sciter系列] MFC下的Sciter–5.Sciter中GUI线程研究，目前MFC存在问题，win32没问题。本系列文章的目的就是一步步构建出一个功能可用，接口基本完善的基于MFC框架的SciterFrame程序，以此作为以后程序的基础。其中，文章中按照如下逻辑编排（解决如下问题）：1、使用什么环境2、完成什么功能3、如何完成1、工程环境： VS2010 + Sci

HTMLayout学习笔记by BBDXF一、界面篇学习界面需要有一定的HTML、CSS认知，如果你问为什么，那就当我白说。由于界面库官方没有给一个完善的User guide，所有的学习都靠自己，而唯一的标准教程就是SDK中给的例程，所以为了完善地学习此库，以SDK中的例程一个个解析学习。此篇主要来解析html_samples下的界面编写，我想这是大家都非常关心的话题，所以放在

Sciter帮助文档笔记2 Script 语法之Decorators：主要是简化函数的调用关系，看起来更明确：@key('S') @CTRL @SHIFT: { stdout.println("Ctrl+Shift+S"); return true; } // Ctrl+Shift+S 其中： @key(‘S’)、@CTRL、@SHIFT分别是单独的函数，最后在：之后跟着一

Sciter帮助文档笔记 Script Classes之Global：全局变量：（由引擎管理支持）stdin、stdout、stderr全局函数：1、Eval(input : string|stream [, env :object ] ) :例子：var env = { one:1,two:2 };var res = eval( "one + two"; //

作为一名喜欢耍耍程序玩的人，编写一个小软件是家常便饭，但是作为一个酷爱C++的人，编写了一个感觉非常好的程序，但是界面看的自己都烦死了，就好像是正吃饭遇上了一坨便便，恶心又晦气。       我承认，自己没有美的天赋，虽然一直都尽量做到整洁和简单，但是一成不变的界面真心让人提不起追求的勇气。话虽夸张，但不可避免的是，没有好的界面，再好的程序也难免跳坑。       C++不是没有好的界面，