HUAWEI DevEco Studio

 

 

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-text-style-V5
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/custom-font-arkts

https://developer.huawei.com/consumer/cn/samples/
https://developer.huawei.com/consumer/cn/codelabsPortal/serviceTypes?phase=1


https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-common-components-text-display

 

image

 

 

 

efd6c7acfbfd1730c0b15bddb052c261

 

daad1dc98ee278aa19bf09ac95370110

 

cab836f6965af7cdc277cfec4703cebd

 

image

 

b5651e0b48b5b220579c8f3985bd72fc

 

├─AppScope // 存放应用全局所需要得资源文件

 ├─resources // 目录用于统一存放应用所需的各种资源,包括图片、音频、视频、文本等等

 ├─app.json5 // 应用的全局配置信息

├─entry // 应用/服务模块,编译构建生成一个HAP。

 ├─src

   ├─main

     ├─ets // 用于存放ArkTS源码

       ├─entryability // 应用/服务的入口

       ├─pages // 应用/服务包含的页面

     ├─resources // 用于存放应用/服务模块所用到的资源文件。

       ├─base // 图形、多媒体、字符串、布局文件等

       ├─en_US // 设备设置美式英文时,优先匹配此目录下资源

       ├─zh_CN // 设备设置美式简体中文时,优先匹配此目录下资源

       ├─module.json5 // Stage模型模块配置文件

       ├─……

 ├─build-profile.json5 // 当前的模块信息、编译信息配置项

├─hvigor // 配置和管理项目的构建过程

  ├─hvigor-config.json5 // 指定hvigor的版本、构建依赖以及构建行为的配置参数

├─oh_modules // 用于存放三方库依赖信息,包含应用/服务所依赖的第三方库文件

├─build-profile.json5 // 应用级配置信息,包括签名、产品配置等

├─hvigorfile.ts // 应用级编译构建任务脚本

├─local.properties // 配置SDK目录

├─oh-package.json5 // 描述全局配置

  • AppScope
    • AppScope > app.json5 应用级的配置信息
    • AppScope > resources 这个目录下的base>element用于存放全局使用的基本元素,如字符串、颜色和布尔值。base>media目录则存储媒体、动画和布局等资源文件。如果模块下的resources的有同样的资源,那么就会优先使用模块下的资源,否则就使用这里的资源。
  • hvigor:配置和管理项目的构建过程。
  • oh_modules:这个目录用来存放第三方库依赖信息
  • build-profile.json5: 这个文件位于根目录,它放置应用级配置信息,包括签名配置和产品配置。
  • hvigorfile.ts 应用的编译脚本
  • local.properties 配置SDK目录
  • entry 这个目录是应用的入口(entry)。我们的写的应用的代码都是放在这个目录中,打包时,就会将这里的代码编译,生成HAP,即HarmonyOS Ability package鸿蒙能力包。

entry目录下的子目录及其作用

  • build-profile.json5 这个是编译配置文件,它包含了当前模块的信息和编译配置选项等等。

在鸿蒙应用工程的根目录也有一个这样的文件,那个是应用级的,全局的,这个是当前模块的局部的。

  • hvigorfile.ts 这是一个模块级的编译脚本。

鸿蒙应用工程根目录也有一个,那个是应用级的。

      • src > main > module.json5 这个文件描述了应用的全局配置信息。
      • src > main > ets 放ArkTS源代码的地方,鸿蒙应用可以使用官方的开发语言ArkTS来开发。
      • src > main > ets > entryability 这个目录就是用来放所那些应用或服务的入口的,其实就是那些继承了UIAbility类的类文件。
      • src > main > ets > pages 这个目录是专门用来放页面的,因为ArkTS采用了声明式UI,和android的Compose和iOS的SwiftUI都同样的产品。鸿蒙在这个目录里定义好页面,然后在src > main > ets > entryability 对应的ability加载出来。
      • src > main > resources 这个目录用来放置应用用到的资源文件,如图片、多媒体、文字等,国际化也是在这里定义的。资源目录分为base基目录、qualifiers限定符目录和rawfile目录

 

 

ArkTS组件

组件

API

基础组件

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

AlphabetIndexer

Blank

Button

Checkbox

CheckboxGroup

DataPanel

DatePicker

Divider

Gauge

Image

ImageAnimator

ImageSpan

LoadingProgress

Marquee

Menu

MenuItem

MenuItemGroup

Navigation

NavRouter

NavDestination

PatternLock

Progress

QRCode

Radio

Rating

ScrollBar

Search

Select

Slider

Span

Stepper

StepperItem

Text

TextArea

TextClock

TextInput

TextPicker

TextTimer

Toggle

容器组件

Badge

Column

ColumnSplit

Counter

Flex

FlowItem

GridCol

GridRow

List

ListItem

ListItemGroup

Navigator

Panel

Refresh

RelativeContainer

Row

RowSplit

Scroll

SideBarContainer

Stack

Swiper

Tabs

TabContent

WaterFlow

绘制组件

 

 

 

 

 

 

 

Circle

Ellipse

Line

Polyline

Path

Rect

Shape

画布组件

 

 

 

 

 

 

 

Canvas

CanvasGradient

CanvasPattern

CanvasRenderingContext2D

ImageBitmap

ImageData

Matrix2D

OffscreenCanvasRenderingContext2D

Path2D

JS组件

组件

API

基础组件

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

button

chart

divider

image

image-animator

input

label

marquee

menu

option

picker

picker-view

piece

progress

qrcode

rating

search

select

slider

span

switch

text

textarea

toolbar

toolbar-item

toggle

容器组件

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

badge

dialog

div

form

list

list-item

list-item-group

panel

popup

refresh

stack

stepper

stepper-item

swiper

tabs

tab-bar

tab-content

画布组件

 

 

 

 

 

 

 

 

canvas

CanvasRenderingContext2D

Image

CanvasGradient

ImageData

Path2D

ImageBitmap

OffscreenCanvas

OffscreenCanvasRenderingContext2D

栅格组件

 

 

grid-container

grid-row

grid-col

svg组件

 

 

 

 

 

 

 

 

 

 

 

 

 

svg

rect

circle

ellipse

path

line

polyline

polygon

text

tspan

textPath

animate

animateMotion

animateTransform

接口

UI界面

模块

API

@ohos.animator (动画)

 

 

Animator

AnimatorResult

AnimatorOptions

@ohos.mediaquery (媒体查询)

 

 

matchMediaSync

MediaQueryResult

MediaQueryListener

@ohos.promptAction (弹窗)

 

 

 

 

 

 

 

 

showToast

showDialog

showActionMenu

ShowToastOptions

Button

ShowDialogSuccessResponse

ShowDialogOptions

ActionMenuSuccessResponse

ActionMenuOptions

@ohos.router (页面路由)

 

 

 

 

 

 

 

 

 

 

 

 

pushUrl

replaceUrl

back

clear

getLength

getState

enableAlertBeforeBackPage

disableAlertBeforeBackPage

getParams

RouterMode

RouterOptions

RouterState

EnableAlertOptions

网络管理

模块

API

@ohos.net.http (数据请求)

http.createHttp

如果Http请求需要配置代理才能访问,API 12及以上的预览器支持使用系统的http_proxy/https_proxy/no_proxy环境变量。

数据管理

模块

API

@ohos.data.preferences (用户首选项)

 

 

 

 

 

 

 

data_preferences.getPreferences

data_preferences.deletePreferences

data_preferences.removePreferencesFromCache

Preferences

ValueType

 

 

 

@ohos.file.fs (文件管理)

 

 

 

 

 

 

 

 

 

 

 

 

fs.open

fs.close

fs.fdatasync

fs.fsync

fs.read

fs.write

fs.mkdir

fs.mkdtemp

fs.rename

fs.rmdir

fs.unlink

fs.stat

fs.truncate

posted @ 2025-12-19 21:51  ®Geovin Du Dream Park™  阅读(11)  评论(0)    收藏  举报