0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙開發(fā)圖形圖像:【圖形子系統(tǒng)】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-03-23 16:50 ? 次閱讀

圖形子系統(tǒng)

圖形子系統(tǒng)主要包括UI組件、布局、動(dòng)畫、字體、輸入事件、窗口管理、渲染繪制等模塊,構(gòu)建基于輕量OS應(yīng)用框架滿足硬件資源較小的物聯(lián)網(wǎng)設(shè)備或者構(gòu)建基于標(biāo)準(zhǔn)OS的應(yīng)用框架滿足富設(shè)備的OpenHarmony系統(tǒng)應(yīng)用開發(fā)。

1.1 輕量系統(tǒng)

簡(jiǎn)介

圖形子系統(tǒng)主要包括UI組件、布局、動(dòng)畫、字體、輸入事件、窗口管理、渲染繪制等模塊,構(gòu)建基于輕量OS的應(yīng)用框架,滿足硬件資源較小的物聯(lián)網(wǎng)設(shè)備的OpenHarmony系統(tǒng)應(yīng)用開發(fā)。

圖 1 圖形子系統(tǒng)架構(gòu)圖[]()

各模塊介紹:

  • View:應(yīng)用組件,包括UIView、UIViewGroup、UIButton、UILabel、UILabelButton、UIList、UISlider等。
  • Animator:動(dòng)畫模塊,開發(fā)者可以自定義動(dòng)畫。
  • Layout:布局控件,包括FlexLayout、GridLayout、ListLayout等。
  • Transform:圖形變換模塊,包括旋轉(zhuǎn)、平移、縮放等。
  • Event:事件模塊,包括click、press、drag、long press等基礎(chǔ)事件。
  • Rendering engine:渲染繪制模塊。
  • 2D graphics library:2D繪制模塊,包括直線、矩形、圓、弧、圖片、文字等繪制。包括軟件繪制和硬件加速能力對(duì)接。
  • Multi-language:多語言模塊,用于處理不用不同語言文字的換行、整形等。
  • Image library:圖片處理模塊,用于解析和操作不同類型和格式的圖片,例如png、jpeg、ARGB8888、ARGB565等
  • WindowManager:窗口管理模塊,包括窗口創(chuàng)建、顯示隱藏、合成等處理。
  • InputManager:輸入事件管理模塊。

目錄

/foundation/arkui
├── ui_lite                  # UI模塊,包括UI控件、動(dòng)畫、字體等功能

/foundation/graphic
├── surface_lite             # 共享內(nèi)存
├── graphic_utils_lite       # 圖形基礎(chǔ)庫和硬件適配層

/foundation/window
└── window_manager_lite      # 窗口管理和輸入事件管理

約束

  • 圖形組件不支持多線程并發(fā)操作,建議相關(guān)操作都在ui線程中執(zhí)行;
  • utils/interfaces/innerkits/graphic_config.h文件列舉了圖形部分可配置功能的宏開關(guān),需要在編譯前配置,配置時(shí)需要注意部分宏開關(guān)是分平臺(tái)配置的。

鴻蒙開發(fā)學(xué)習(xí)知識(shí)已更新gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md前往參考。

鴻蒙開發(fā)OpenHarmony就業(yè)必修技能.png

1.2 標(biāo)準(zhǔn)系統(tǒng)

簡(jiǎn)介

圖形子系統(tǒng) 提供了圖形接口能力。

其主要的結(jié)構(gòu)如下圖所示:

圖形子系統(tǒng)架構(gòu)圖

OpenHarmony 圖形棧的分層說明如下:

? 接口層:提供圖形的 Native API能力,包括:WebGL、Native Drawing的繪制能力、OpenGL 指令級(jí)的繪制能力支撐等。

? 框架層:分為 Render Service、Drawing、Animation、Effect、顯示與內(nèi)存管理五個(gè)模塊。

模塊能力描述
Render Service (渲染服務(wù))提供UI框架的繪制能力,其核心職責(zé)是將ArkUI的控件描述轉(zhuǎn)換成繪制樹信息,根據(jù)對(duì)應(yīng)的渲染策略,進(jìn)行最佳路徑渲染。同時(shí),負(fù)責(zé)多窗口流暢和空間態(tài)下UI共享的核心底層機(jī)制。
Drawing (繪制)提供圖形子系統(tǒng)內(nèi)部的標(biāo)準(zhǔn)化接口,主要完成2D渲染、3D渲染和渲染引擎的管理等基本功能。
Animation (動(dòng)畫)提供動(dòng)畫引擎的相關(guān)能力。
Effect (效果)主要完成圖片效果、渲染特效等效果處理的能力,包括:多效果的串聯(lián)、并聯(lián)處理,在布局時(shí)加入渲染特效、控件交互特效等相關(guān)能力。
顯示與內(nèi)存管理此模塊是圖形棧與硬件解耦的主要模塊,主要定義了OpenHarmony顯示與內(nèi)存管理的能力,其定義的HDI接口需要讓不同的OEM廠商完成對(duì)OpenHarmony圖形棧的適配.

? 引擎層:包括2D圖形庫和3D圖形引擎兩個(gè)模塊。2D圖形庫提供2D圖形繪制底層API,支持圖形繪制與文本繪制底層能力。3D圖形引擎能力尚在構(gòu)建中。

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • API
    API
    +關(guān)注

    關(guān)注

    2

    文章

    1464

    瀏覽量

    61670
  • 鴻蒙
    +關(guān)注

    關(guān)注

    57

    文章

    2287

    瀏覽量

    42629
  • OpenHarmony
    +關(guān)注

    關(guān)注

    25

    文章

    3607

    瀏覽量

    15958
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    圖形圖像硬件加速器卡設(shè)計(jì)原理圖:270-VC709E 基于FMC接口的Virtex7 XC7VX690T PCIeX8 接口卡

    擴(kuò)展。軟件支持windows,Linux操作系統(tǒng)。Net FPGA , XC7VX690T板卡 , 軟件無線電處理平臺(tái) , 圖形圖像硬件加速器
    的頭像 發(fā)表于 08-06 10:16 ?315次閱讀
    <b class='flag-5'>圖形圖像</b>硬件加速器卡設(shè)計(jì)原理圖:270-VC709E 基于FMC接口的Virtex7 XC7VX690T PCIeX8 接口卡

    鴻蒙開發(fā)接口圖形圖像:【W(wǎng)ebGL2】

    WebGL2支持圖形的繪制,包括對(duì)當(dāng)前繪制圖形的位置、顏色等進(jìn)行處理,其中相對(duì)WebGL來說對(duì)渲染管道和著色語言進(jìn)行了增強(qiáng)。
    的頭像 發(fā)表于 05-30 15:19 ?455次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>接口<b class='flag-5'>圖形圖像</b>:【W(wǎng)ebGL2】

    鴻蒙開發(fā)接口圖形圖像:【@ohos.window (窗口)】

    窗口提供管理窗口的一些基礎(chǔ)能力,包括對(duì)當(dāng)前窗口的創(chuàng)建、銷毀、各屬性設(shè)置,以及對(duì)各窗口間的管理調(diào)度。
    的頭像 發(fā)表于 05-30 10:07 ?1014次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>接口<b class='flag-5'>圖形圖像</b>:【@ohos.window (窗口)】

    鴻蒙開發(fā)接口圖形圖像:【W(wǎng)ebGL】

    WebGL提供圖形繪制的能力,包括對(duì)當(dāng)前繪制圖形的位置、顏色等進(jìn)行處理。
    的頭像 發(fā)表于 05-30 09:31 ?427次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>接口<b class='flag-5'>圖形圖像</b>:【W(wǎng)ebGL】

    鴻蒙開發(fā)接口圖形圖像:【@ohos.screenshot (屏幕截圖)】

    本模塊提供屏幕截圖的能力,截取屏幕時(shí)支持設(shè)置截取的區(qū)域、大小等圖像信息。
    的頭像 發(fā)表于 05-29 15:47 ?803次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>接口<b class='flag-5'>圖形圖像</b>:【@ohos.screenshot (屏幕截圖)】

    鴻蒙開發(fā)接口圖形圖像:【@ohos.screen (屏幕)】

    本模塊提供管理屏幕的一些基礎(chǔ)能力,包括獲取屏幕對(duì)象,監(jiān)聽屏幕變化,創(chuàng)建和銷毀虛擬屏幕等。
    的頭像 發(fā)表于 05-29 10:49 ?1010次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>接口<b class='flag-5'>圖形圖像</b>:【@ohos.screen (屏幕)】

    鴻蒙OS元服務(wù)開發(fā):【W(wǎng)ebGL網(wǎng)頁圖形開發(fā)概述】

    WebGL的全稱為Web Graphic Library(網(wǎng)頁圖形庫),主要用于交互式渲染2D圖形和3D圖形。目前HarmonyOS中使用的WebGL是基于OpenGL裁剪的OpenGL ES,可以
    的頭像 發(fā)表于 04-02 17:26 ?367次閱讀
    <b class='flag-5'>鴻蒙</b>OS元服務(wù)<b class='flag-5'>開發(fā)</b>:【W(wǎng)ebGL網(wǎng)頁<b class='flag-5'>圖形</b>庫<b class='flag-5'>開發(fā)</b>概述】

    鴻蒙OS元服務(wù)開發(fā)說明:【W(wǎng)ebGL網(wǎng)頁圖形開發(fā)接口】

    WebGL主要幫助開發(fā)者在前端開發(fā)中完成圖形圖像的相關(guān)處理,比如繪制彩色圖形等。目前該功能僅支持使用兼容JS的類Web開發(fā)范式
    的頭像 發(fā)表于 04-02 17:02 ?404次閱讀
    <b class='flag-5'>鴻蒙</b>OS元服務(wù)<b class='flag-5'>開發(fā)</b>說明:【W(wǎng)ebGL網(wǎng)頁<b class='flag-5'>圖形</b>庫<b class='flag-5'>開發(fā)</b>接口】

    鴻蒙開發(fā)學(xué)習(xí):【驅(qū)動(dòng)子系統(tǒng)

    OpenHarmony驅(qū)動(dòng)子系統(tǒng)采用C面向?qū)ο缶幊棠P蜆?gòu)建,通過平臺(tái)解耦、內(nèi)核解耦,兼容不同內(nèi)核,提供了歸一化的驅(qū)動(dòng)平臺(tái)底座,旨在為開發(fā)者提供更精準(zhǔn)、更高效的開發(fā)環(huán)境,力求做到一次開發(fā)
    的頭像 發(fā)表于 03-17 22:05 ?486次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>學(xué)習(xí):【驅(qū)動(dòng)<b class='flag-5'>子系統(tǒng)</b>】

    鴻蒙原生應(yīng)用元服務(wù)開發(fā)-WebGL網(wǎng)頁圖形開發(fā)無著色器繪制2D圖形

    無著色器繪制2D圖形 使用WebGL開發(fā)時(shí),為保證界面圖形顯示效果,請(qǐng)使用真機(jī)運(yùn)行。 此場(chǎng)景為未使用WebGL繪制的2D圖形(CPU繪制非GPU繪制)。
    發(fā)表于 03-12 15:42

    鴻蒙原生應(yīng)用元服務(wù)開發(fā)-WebGL網(wǎng)頁圖形開發(fā)接口說明

    一、場(chǎng)景介紹 WebGL主要幫助開發(fā)者在前端開發(fā)中完成圖形圖像的相關(guān)處理,比如繪制彩色圖形等。目前該功能僅支持使用兼容JS的類Web開發(fā)范式
    發(fā)表于 03-11 15:51

    330-基于FMC接口的Kintex-7 XC7K325T PCIeX4 3U PXIe接口卡 圖形圖像硬件加速器

    標(biāo)簽: Net FPGA , XC7K325T板卡 , XC7K325T處理板 , 軟件無線電處理平臺(tái) , 圖形圖像硬件加速器
    的頭像 發(fā)表于 03-04 14:14 ?525次閱讀
    330-基于FMC接口的Kintex-7 XC7K325T PCIeX4 3U PXIe接口卡 <b class='flag-5'>圖形圖像</b>硬件加速器

    鴻蒙開發(fā)圖形圖像——@ohos.effectKit (圖像效果)

    圖像效果提供處理圖像的一些基礎(chǔ)能力,包括對(duì)當(dāng)前圖像的亮度調(diào)節(jié)、模糊化、灰度調(diào)節(jié)、智能取色等。 該模塊提供以下圖像效果相關(guān)的常用功能: Filter:效果類,用于添加指定效果到
    的頭像 發(fā)表于 02-22 16:08 ?318次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>圖形圖像</b>——@ohos.effectKit (<b class='flag-5'>圖像</b>效果)

    Minitab 中包括哪些圖形?

    概述 Minitab 在“圖形”菜單上提供了一套靈活的圖形以支持各種分析需要。創(chuàng)建圖形時(shí)有許多自定義選項(xiàng)可用。 除了可以從“圖形”菜單中使用的圖形
    的頭像 發(fā)表于 01-29 10:28 ?385次閱讀

    華為鴻蒙系統(tǒng)

    華為鴻蒙系統(tǒng)(HUAWEI Harmony OS),是華為公司在2019年8月9日于東莞舉行的華為開發(fā)者大會(huì)(HDC.2019)上正式發(fā)布的操作系統(tǒng)。 華為
    發(fā)表于 11-02 19:39