《HarmonyOS应用开发基础》 课件知识点2-2 认识ArkTS声明式开发_第1页
《HarmonyOS应用开发基础》 课件知识点2-2 认识ArkTS声明式开发_第2页
《HarmonyOS应用开发基础》 课件知识点2-2 认识ArkTS声明式开发_第3页
《HarmonyOS应用开发基础》 课件知识点2-2 认识ArkTS声明式开发_第4页
《HarmonyOS应用开发基础》 课件知识点2-2 认识ArkTS声明式开发_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

认识ArkTS声明式开发010203ArkTS简介ArkUI框架ArkTS声明式开发范式的基本组成04ArkTS中的尺寸单位05ArkTS中组件的公共样式ArkTS简介ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS基于TypeScript（简称TS）语言扩展而来，是TS的超集。ArkTS继承了TS的所有特征ArkTS在TS的基础上扩展了声明式UI能力，当前扩展的声明式UI能力包括如下特征：基本UI描述状态管理动态构建UI元素渲染控制使用限制与扩展ArkUI框架ArkUI是基于ArkTS的UI框架，基于ArkTS提供的扩展语法，如下图所示。ArkTS声明式开发范式的基本组成ArkTS声明式开发范式的基本组成：装饰器自定义组件UI描述内置组件属性方法事件方法ArkTS中的尺寸单位ArkTS提供了4种像素单位，分别是px、vp、fp和lpx，框架采用vp为基准数据单位。px：屏幕物理像素单位。vp：屏幕密度相关像素，根据屏幕像素密度转换为屏幕物理像素fp：字体像素，与vp类似适用屏幕密度变化lpx：视窗逻辑像素单位在设置组件和容器宽高的字体大小使用固定值时，使用number值不需要用单位，ArkTS会默认给单位。例如：width(200)fontSize(50)ArkTS还可以使用百分比字符串来设置组件或布局的宽高。例如：width(‘100%’)表示宽度与父容器宽度相等。ArkTS中组件的公共样式公共样式：宽高（width/height/size）宽高比（aspectRatio）边距（padding/margin）权重（layoutWeight）...示例：组件的宽高设置Column()

{

Text('你好').width(100).height(120)

.fontSize("50px")

//设置Text文字显示组件的字体大小为50px

}.width('100%')

//设置Column的宽为100%，占满屏幕宽度ArkTS中组件的公共样式内外边距Text()…

.margin({bottom:30})//设置底部外边距，底部距离下一个组件30Text()…//.padding(20)

//设置相同的边距值

.padding({left:

20,

top:

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论