dogstar-ui 是基于 VUE3.0 的 Windows 桌面 UI,它是一款模拟windows桌面效果的后台管理UI。其中包括了桌面图标、任务栏、窗口、对话框、抽屉、消息、壁纸设置等设置,后续也陆续加入了登陆界面,能够自行配置窗口的最大化限制,还可以定制不可拖动大小的窗口界面。
suoluogui73 发布的最新帖子
-
基于 VUE3.0 的 Windows 桌面 UI dogstar-ui
-
canvas组件
canvas是ArkUI开发框架里的画布组件,常用于自定义绘制图形。因为其轻量、灵活、高效等优点,被广泛应用于UI界面开发中。
什么是canvas?在Web浏览器中,canvas是一个可自定义width、height的矩形画布,画布左上角为坐标原点,以像素为单位,水平向右为x轴,垂直向下为y轴,画布内所有元素的位置基于原点进行定位。
我们能够通过<canvas>标签,创建出一个width=1500px,height=900px的空白画布,我们还需要“画笔”才能绘制图形。canvas采用轻量的逐像素渲染机制,以JS为“画笔”直接控制画布像素,从而实现图形绘制。
canvas的“画笔”:其实canvas本身虽不具备绘制能力,但是提供了获取“画笔”的方法。开发者们可通过getContext('2d')方法获取CanvasRenderingContext2D对象完成2D图像绘制,或通过getContext('webgl')方法获取WebGLRenderingContext对象完成3D图像绘制。
目前,ArkUI开发框架中的WebGL1.0及WebGL2.0标准3D图形绘制能力正在完善中,所以本文将着重介绍2D图像的绘制。如图2所示,是CanvasRenderingContext2D对象提供的部分2D图像绘制方法,丰富的绘制方法让开发者能高效的绘制出矩形、文本、图片等。另外,开发者还可以获取OffscreenCanvasRenderingContext2D对象进行离屏绘制,绘制方法同上。
当绘制的图形比较复杂时,频繁的删除与重绘会消耗很多性能。开发者可根据自身的需求灵活选取canvas的渲染方式。这时,开发者可以根据自身的需求灵活选取离屏渲染的方式,通过创建OffscreenCanvas对象作为一个缓冲区,然后将需要绘制的内容先绘制在OffscreenCanvas上,最后再将OffscreenCanvas绘制到主画布上,以提高画布性能,确保绘图的质量。
ArkUI开发框架参考Web浏览器中canvas的设计,并在“类Web开发范式”及“声明式开发范式”两种开发范式中进行提供。 -
界面自定义平台WX-UI
网星界面自定义平台优势:
SPA单页面技术:提升系统加载速率;
前后端分离:加快系统交付进度,便于维护;
互联网扁平化设计:提升页面美观度;
PC/移动端一体化:不同应用端页面自适应,完美适用PC端、移动端;
可视化界面设计:能通过拖拽方式设计系统界面,简化配置难度;
UI组件:组件全部结合实验室实际业务设计开发,提升用户操作便捷性;
浏览器兼容:能够适用当前主流的浏览器,如:IE、360、火狐、谷歌、傲游等;
-
移动端跨平台UI开发框架vase
vase开发框架是一个全新的移动端跨平台UI开发框架,一份代码可以同时编译运行在Android系统,iOS系统,Web浏览器,桌面端等多个设备端口。并且vase开发框架得益于fanx多编译目标的设计,我们革命性的开创了一个跨平台开发流派。在Android上编译为java字节码,在iOS系统上编译为C语言,在Web框架上编译为Javascript语言。
并且vase开发框架可以提供:让开发者能容易地创建原生编译的好看的app。声明式编程。序列化格式是代码语法的子集,UI描述可以用配置文件也可以用代码。丰富的UI控件。简单强大的布局容器。灵活的样式系统。吸引人的微动画。基于async/awit的Http客户端等特征。
vase开发框架在每个平台上都编译为本地语言,这样很容易与各平台原生代码交互和调试。我们能够在桌面端或者浏览器端开发调试,解决手机调试打包慢的问题。同时支持混合开发的模式,例如只部分页面的部分区域使用vase来构建。当我们只面对一种语言时,xcode和Android Studio也能更容易调试,能够单步执行到内部代码。各平台上的第三方SDK也能更容易集成。动态插件化等机制也不会有影响。