arkTS语法

news/2024/7/21 9:57:12 标签: 鸿蒙, 前端, harmonyos

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()方法对图片进行插值

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

锯齿原理

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


图片显示优化原理

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


http://www.niftyadmin.cn/n/5417162.html

相关文章

动态加权平衡损失:深度神经网络的类不平衡学习和置信度校准

系列文章目录 文章目录 系列文章目录前言一、研究目的二、研究方法创新点处理类不平衡的大多数方法交叉熵损失函数Brier Score 三、DWB Loss总结 前言 Dynamically Weighted Balanced Loss: ClassImbalanced Learning and Confidence Calibration of Deep Neural Networks 下载…

前端发展史与优秀编程语言

前端开发是互联网技术领域中的一个重要分支,负责构建用户直接交互的网页和应用程序界面。随着互联网的发展,前端技术经历了多个阶段的演变,从最初的简单静态页面到如今的复杂交互式应用,不断推动着用户体验的提升和网页功能的丰富…

杨辉三角(C语言)

杨辉三角 一.什么是杨辉三角 一.什么是杨辉三角 每个数等于它上方两数之和。 每行数字左右对称,由1开始逐渐变大。 第n行的数字有n项。 前n行共[(1n)n]/2 个数。 … 当前行的数上一行的数上一行的前一列的数 void yanghuisanjian(int arr[][20], int n) {for (int i…

朴素贝叶斯基本原理sklearn实现

理论 先验概率:根据以往的分析经验得到的概率,先验概率不需要样本数据 后验概率:根据数据的特征进行分析 联合概率:几个事件同时发生的概率,P(瓜熟,瓜蒂脱落) 定义 贝叶斯分类是一类分类算法的…

python3 多进程讲解 multiprocessing

在Python中,multiprocessing模块提供了一个强大的基于进程的并行性。这意味着它允许你利用多个处理器上的多个核心,从而可以显著提高某些类型任务的执行速度。这对于CPU密集型任务特别有用,比如大规模数学计算、图像处理等。 基本概念 进程…

给你一个链表,删除链表的倒数第 n 个结点,并且返回链表的头结点

问题是删除链表的倒数第 n 个节点,并返回链表的头节点。你可以使用两个指针来实现这个目标,一个快指针和一个慢指针。首先,快指针先移动 n 步,然后两个指针同时移动,直到快指针到达链表的末尾。这时,慢指针…

基于Java的社区买菜系统(Vue.js+SpringBoot)

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、系统设计2.1 功能模块设计2.1.1 数据中心模块2.1.2 菜品分类模块2.1.3 菜品档案模块2.1.4 菜品订单模块2.1.5 菜品收藏模块2.1.6 收货地址模块 2.2 可行性分析2.3 用例分析2.4 实体类设计2.4.1 菜品分类模块2.4.2 菜品档案模块2.4.3…

第14章 西瓜书——概率图模型

概率图模型 概率图模型(Probabilistic Graphical Model)是用图结构来表示多元随机变量之间条件依赖关系的模型。在图模型中,节点表示随机变量,边表示变量之间的依赖关系。概率图模型可以分为有向图模型(如贝叶斯网络&a…