百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

开源项目:声明式 GUI 开发框架Slint

ccwgpt 2024-10-24 09:05 105 浏览 0 评论

Slint介绍

Slint是一个声明性GUI工具包,用于为用Rust、C++或JavaScript编写的桌面和嵌入式应用程序构建本机用户界面。Slint这个名字源于我们的设计目标:

  • 可扩展:Slint应支持响应式UI设计,允许跨操作系统和处理器架构跨平台使用,并支持多种编程语言。
  • 轻量级:Slint在内存和处理能力方面需要最少的资源,同时在任何设备上提供流畅的、类似智能手机的用户体验。
  • 直观:设计师和开发人员应该在享受GUI设计和开发过程的同时感到高效。设计创建工具对设计师来说应该是直观的。同样,对于开发人员来说,无论他们选择哪种编程语言,API都应该是一致且易于使用的。
  • 原生:使用Slint构建的GUI应符合最终用户对原生应用程序的期望,无论平台如何——桌面、移动、网络或嵌入式系统。UI设计应编译为机器代码,并提供只有本机应用程序才能提供的灵活性:访问完整的操作系统API,利用所有CPU和GPU内核,连接到任何外围设备。

Hello,world

UI 是在一种领域特定语言中定义的,它是声明性的、易于使用、直观的,并提供了一种强大的描述图形元素、它们的位置、层次结构、属性绑定和数据在不同状态下流动的方式。

这是必要的“Hello World”示例:

export component HelloWorld inherits Window {
    width: 400px;
    height: 400px;

    Text {
       y: parent.width / 2;
       x: parent.x + 200px;
       text: "Hello, world";
       color: blue;
    }
}

编译器

.slint 文件是预先编译的。.slint 中的表达式是纯函数,编译器可以进行优化。例如,编译器可以选择“内联”属性并删除常量或不变的属性。在未来,我们希望通过预处理图像和文本来改善低端设备上的渲染时间。编译器可以确定 Text 或 Image 元素始终位于相同位置的另一个 Image 上方。因此,两个元素可以预先渲染为单个元素,从而减少渲染时间。

编译器使用典型的编译器阶段,包括词法分析、语法分析、优化和代码生成。它为目标语言提供不同的代码生成后端。C++ 代码生成器生成 C++ 头文件,Rust 生成器生成 Rust 代码等。也包括动态语言的解释器。

运行时

运行时库包括支持在 .slint 语言中声明的属性的引擎。组件及其元素、项和属性被布局在单个内存区域中,以减少内存分配。

在编译时,可配置渲染后端和样式:

femtovg 渲染器使用 OpenGL ES 2.0 进行渲染。

skia 渲染器使用 Skia 进行渲染。

软件渲染器使用 CPU,没有其他依赖项。

注意:当系统安装了 Qt 时,本机样式使用 Qt 的 QStyle 实现本机外观小部件。

项目信息

项目地址:https://github.com/slint-ui/slint

我最近读的好书推荐

生产环境经常遇到各种网络治理,路由控制,利用linux最新的内核可以通过BPF技术实现动态即时编译在用户态修改内核网络转发策略就是BPF技术的一种用途

个人近期动态

我最近持续在写python相关的技术专栏《python tricks》系统性介绍python的各种用法的小技巧和注意事项。

另外一本专栏是讲解python asyncio技术的专栏,持续介绍高性能异步网络编程的python玩法

相关推荐

土豪农村建个别墅不新鲜 建个车库都用框架结构?

农村建房子过去都是没车库,也没有那么多豪车,一般直接停在路边或者院子里。现在很多人都会在建房子的时候留一个车库,通过车库可以直接进入客厅,省得雨雪天气折腾。农村土豪都是有钱任性,建房子跟我们普通人不一...

自建框架结构出现裂缝怎么回事?

三层自建房梁底与墙体连接处裂缝是结构问题吗?去前帮我姑画了一份三层自建房的图纸,前天他们全部装修好了。我姑丈突然打电话给我说他发现二层的梁底与墙分离了,有裂缝。也就是图纸中前面8.3米那跨梁与墙体衔接...

钢结构三维图集-框架结构(钢柱对接)

1、实腹式钢柱对接说明1:1.上节钢柱的安装吊点设置在钢柱的上部,利用四个吊点进行吊装;2.吊装前,下节钢柱顶面和本节钢柱底面的渣土和浮锈要清除干净,保证上下节钢柱对接面接触顶紧;3.钢柱吊装到位后...

三层框架结构主体自建房设计案例!布局13*12米占地面积156平米!

绘创意设计乡村好房子设计小编今日头条带来分享一款:三层框架结构主体自建房设计案例!布局13*12米占地面积156平米!本案例设计亮点:这是一款三层新中式框架结构自建房,占地13×12米,户型占地面积...

Casemaker机箱框架结构3D图纸 STEP格式

农村自建房新宠!半框架结构凭啥这么火?内行人揭开3个扎心真相

回老家闲逛,竟发现个有意思的现象:村里盖新房,十家有八家都选了"半框架结构"。隔壁王叔家那栋刚封顶的二层小楼,外墙红砖还露着糙面没勾缝,里头的水泥柱子倒先支棱得笔直,这到底是啥讲究?蹲...

砖混结构与框架结构!究竟有何区别?千万别被坑!

农村自建房选结构,砖混省钱但出事真能保命吗?7月建材价格波动期,多地建房户因安全焦虑陷入选择困境——框架结构虽贵30%,却是地震区保命的关键。框架柱和梁组成的承重体系,受力分散得像一张网。砖混靠墙硬扛...

砖混结构与框架结构,究竟有何区别?千万别被坑!

农村建房选砖混结构还是框架结构?这个问题算是近期留言板里问得最多的问题了。今天咱们说说二者的区别,帮您选个合适的。01成本区别假如盖一栋砖混结构的房子需要30万,那么换成框架结构,一般要多掏30%的费...

6个小众却逆天的App神器,个个都是黑科技的代表

你的手机上有哪些好用的软件?今天我就给大家分享6个小众却逆天的App神器,个个都是黑科技的代表!01*Via浏览器推荐理由:体积极小的浏览器,没有任何广告。使用感受:它的体量真的很小,只有702KB,...

合肥App开发做一个app需要多少钱?制作周期有多久?

在移动互联网时代,开发一款APP已成为企业数字化转型与个人创业的重要途径。然而,APP的开发成本与制作周期受功能复杂度、技术架构、团队类型等多重因素影响,差异极大。好牛软件将从这两个维度展开分析,帮助...

详解应对App臃肿化的五大法则

编者注:本文转自腾讯ISUX。先来看一张图:图上看到,所有平台上用户花费时间都在减少,除了移动端。观察身边也是如此,回家不开电脑的小伙伴越来越多。手机平板加电视,下班场景全搞定。连那些以前电脑苦手的...

实战!如何从零搭建10万级 QPS 大流量、高并发优惠券系统

需求背景春节活动中,多个业务方都有发放优惠券的需求,且对发券的QPS量级有明确的需求。所有的优惠券发放、核销、查询都需要一个新系统来承载。因此,我们需要设计、开发一个能够支持十万级QPS的券系...

8种移动APP导航设计模式大对比

当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来?也许我们对比和了解了其他一些...

数字资产支付 App 的技术框架

开发一款功能强大、安全可靠的数字资产支付App需要一个整合了区块链技术、后端服务、前端应用以及第三方集成的全栈技术框架。这个框架的核心在于保障数字资产的安全流通,并将其高效地桥接到传统的法币支付场...

从MyBatis到App架构:设计模式全景应用指南

从MyBatis到App架构:设计模式全景应用指南引言在企业级应用和服务端开发领域,MyBatis凭借其灵活、简洁、强大的ORM映射能力被广泛应用。而它之所以能拥有如此优秀的可扩展性和工程可维护性,正...

取消回复欢迎 发表评论: