arkTS语法

lineHeight与css不同?

1、arkTS是什么

在继承了TS语法的基础上,主要扩展了声明式UI开发相关的能力
声明式UI是一种编写用户界面的范式。

2、声明组件的完整语法

3、自定义组件的语法使用

struct

arkTS新增的关键字,是用于自定义组件或者自定义弹窗的关键字

build

build方法是用于声明自定义组件和UI结构

组件属性

可用于自定义组件的参数,使得自定义组件更为通用。

@Component装饰器

用于装饰struct关键字声明的数据结构,struct被Component装饰后才具备组件化能力

@Entry

该装饰器的作用是标识该组件为组件树的根节点,也就是一个页面的入口组件

从入口组件开始 逐层渲染:struct LightPage{.....

px和vp

像素(px)

屏幕显示的最小单位

分辨率

屏幕上横向和纵向的像素数量

尺寸

屏幕对角线的长度,以英寸为单位

像素密度

是每英寸屏幕上的像素数量,通常以PPI表示。

px(物理像素)

以像素个数来定义图片尺寸,弊端是 在不同像素密度的屏幕下 ,相同的像素个对应的物理尺寸是不同的。导致应用在不同设备上显示的尺寸可能不同。

vp(virtual pixel)

为保证一致的观感,可以使用虚拟像素作为单位,虚拟像素是一种根据屏幕像素密度灵活灵活缩放的单位 1vp相当于像素密度为166ppi的屏幕上的1px

(使用虚拟像素作为单位时,同一尺寸,在像素密度低的设备上,单个像素的物理尺寸更大,对应的物理像素更少)

图片插值算法

interpolation()方法对图片进行插值

当原图分辨率比较低时,需要放大显示时,图片会出现模糊的锯齿状。

锯齿原理

系统在显示这张图片的时候,为了去填补这些空白的区域,就会对原始图片中的每一个像素进行放大,放大之后这些像素看起来就像一个一个的小方块。

图片显示优化原理

图片插值算法:不直接放大原有的像素,而是基于原有的像素估算并且插入新的像素,是这个图片的过渡显得更平滑

相关推荐
人工智能训练5 小时前
【极速部署】Ubuntu24.04+CUDA13.0 玩转 VLLM 0.15.0:预编译 Wheel 包 GPU 版安装全攻略
运维·前端·人工智能·python·ai编程·cuda·vllm
会跑的葫芦怪6 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
2601_949593656 小时前
基础入门 React Native 鸿蒙跨平台开发:模拟智能音响
react native·react.js·harmonyos
xiaoqi9226 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233227 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88218 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
pas1368 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠9 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨9 小时前
【Turbo】使用介绍
前端
军军君0110 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three