Native Drawing 开发指导，实现 HarmonyOS 基本图形和字体的绘制

场景介绍

Native Drawing 模块提供了一系列的接口用于基本图形和字体的绘制。常见的应用场景举例：

● 2D 图形绘制。

● 文本绘制。

接口说明

详细的接口说明请参考Drawing。

2D 图形绘制开发步骤

以下步骤描述了如何使用 Native Drawing 模块的画布画笔绘制一个基本的 2D 图形：

1.  创建 Bitmap 实例。使用 drawing_bitmap.h 的 OH_Drawing_BitmapCreate 接口创建一个 Bitmap 实例 cBitmap，并使用 OH_Drawing_BitmapBuild 指定其长宽大小和像素格式。

// 创建一个bitmap对象OH_Drawing_Bitmap* cBitmap = OH_Drawing_BitmapCreate();// 定义bitmap的像素格式OH_Drawing_BitmapFormat cFormat {COLOR_FORMAT_RGBA_8888, ALPHA_FORMAT_OPAQUE};// 构造对应格式的bitmapOH_Drawing_BitmapBuild(cBitmap, width, height, &cFormat);

2.  创建画布实例。使用 drawing_canvas.h 的 OH_Drawing_CanvasCreate 接口创建一个画布实例 cCanvas，并使用 OH_Drawing_CanvasBind 接口将 cBitmap 实例绑定到 cCanvas 上，后续在画布上绘制的内容会输出到绑定的 cBitmap 实例中。

// 创建一个canvas对象OH_Drawing_Canvas* cCanvas = OH_Drawing_CanvasCreate();// 将画布与bitmap绑定，画布画的内容会输出到绑定的bitmap内存中OH_Drawing_CanvasBind(cCanvas, cBitmap);// 使用白色清除画布内容OH_Drawing_CanvasClear(cCanvas, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0xFF, 0xFF));

3.  构造 Path 形状。使用 drawing_path.h 提供的接口完成一个五角星形状的构造 cPath。

int len = 300;
float aX = 500;float aY = 500;
float dX = aX - len * std::sin(18.0f);float dY = aY + len * std::cos(18.0f);
float cX = aX + len * std::sin(18.0f);float cY = dY;
float bX = aX + (len / 2.0);float bY = aY + std::sqrt((cX - dX) * (cX - dX) + (len / 2.0) * (len / 2.0));
float eX = aX - (len / 2.0);float eY = bY;
// 创建一个path对象，然后使用接口连接成一个五角星形状OH_Drawing_Path* cPath = OH_Drawing_PathCreate();// 指定path的起始位置OH_Drawing_PathMoveTo(cPath, aX, aY);// 用直线连接到目标点OH_Drawing_PathLineTo(cPath, bX, bY);OH_Drawing_PathLineTo(cPath, cX, cY);OH_Drawing_PathLineTo(cPath, dX, dY);OH_Drawing_PathLineTo(cPath, eX, eY);// 闭合形状，path绘制完毕OH_Drawing_PathClose(cPath);

4.  设置画笔和画刷样式。使用 drawing_pen.h 的 OH_Drawing_PenCreate 接口创建一个画笔实例 cPen, 并设置抗锯齿、颜色、线宽等属性，画笔用于形状边框线的绘制。使用 drawing_brush.h 的 OH_Drawing_BrushCreate 接口创建一个画刷实例 cBrush, 并设置填充颜色， 画刷用于形状内部的填充。使用 drawing_canvas.h 的 OH_Drawing_CanvasAttachPen 和 OH_Drawing_CanvasAttachBrush 接口将画笔画刷的实例设置到画布实例中。

// 创建一个画笔Pen对象，Pen对象用于形状的边框线绘制OH_Drawing_Pen* cPen = OH_Drawing_PenCreate();OH_Drawing_PenSetAntiAlias(cPen, true);OH_Drawing_PenSetColor(cPen, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0x00, 0x00));OH_Drawing_PenSetWidth(cPen, 10.0);OH_Drawing_PenSetJoin(cPen, LINE_ROUND_JOIN);// 将Pen画笔设置到canvas中OH_Drawing_CanvasAttachPen(cCanvas, cPen);
// 创建一个画刷Brush对象，Brush对象用于形状的填充OH_Drawing_Brush* cBrush = OH_Drawing_BrushCreate();OH_Drawing_BrushSetColor(cBrush, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0xFF, 0x00));
// 将Brush画刷设置到canvas中OH_Drawing_CanvasAttachBrush(cCanvas, cBrush);

5.  绘制 Path 形状。使用 drawing_canvas.h 的 OH_Drawing_CanvasDrawPath 接口将五角星绘制到画布上，绘制完毕后不再使用的实例需要调用对应的接口进行销毁。

// 在画布上画path的形状，五角星的边框样式为pen设置，颜色填充为Brush设置OH_Drawing_CanvasDrawPath(cCanvas, cPath);// 销毁创建的对象OH_Drawing_BrushDestroy(cBrush);OH_Drawing_PenDestroy(cPen);OH_Drawing_PathDestroy(cPath);

6.  获取像素数据。使用 drawing_bitmap.h 的 OH_Drawing_BitmapGetPixels 接口获取到画布绑定 bitmap 实例的像素地址，该地址指向的内存包含画布刚刚绘制的像素数据。

// 画完后获取像素地址，地址指向的内存包含画布画的像素数据void* bitmapAddr = OH_Drawing_BitmapGetPixels(cBitmap);std::copy(addr, addr + addrSize, static_cast<uint8_t*>(bitmapAddr));// 销毁canvas对象OH_Drawing_CanvasDestroy(cCanvas);// 销毁bitmap对象OH_Drawing_BitmapDestroy(cBitmap);

文本绘制开发步骤

以下步骤描述了如何使用 Native Drawing 模块的文字显示功能：

1.  创建画布和 bitmap 实例。

// 创建bitmapOH_Drawing_Bitmap* cBitmap = OH_Drawing_BitmapCreate();OH_Drawing_BitmapFormat cFormat {COLOR_FORMAT_RGBA_8888, ALPHA_FORMAT_OPAQUE};OH_Drawing_BitmapBuild(cBitmap, width, height, &cFormat);// 创建canvasOH_Drawing_Canvas* cCanvas = OH_Drawing_CanvasCreate();OH_Drawing_CanvasBind(cCanvas, cBitmap);OH_Drawing_CanvasClear(cCanvas, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0xFF, 0xFF));

2.  设置排版风格。

// 选择从左到右/左对齐等排版属性OH_Drawing_TypographyStyle* typoStyle = OH_Drawing_CreateTypographyStyle();OH_Drawing_SetTypographyTextDirection(typoStyle, TEXT_DIRECTION_LTR);OH_Drawing_SetTypographyTextAlign(typoStyle, TEXT_ALIGN_LEFT);

3.  设置文本风格。

// 设置文字颜色，例如黑色
OH_Drawing_TextStyle* txtStyle = OH_Drawing_CreateTextStyle();
OH_Drawing_SetTextStyleColor(txtStyle, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0x00, 0x00));
// 设置文字大小、字重等属性
double fontSize = 30;
OH_Drawing_SetTextStyleFontSize(txtStyle, fontSize);
OH_Drawing_SetTextStyleFontWeight(txtStyle, FONT_WEIGHT_400);
OH_Drawing_SetTextStyleBaseLine(txtStyle, TEXT_BASELINE_ALPHABETIC);
OH_Drawing_SetTextStyleFontHeight(txtStyle, 1);
// 设置字体类型等
const char* fontFamilies[] = {"Roboto"};
OH_Drawing_SetTextStyleFontFamilies(txtStyle, 1, fontFamilies);
OH_Drawing_SetTextStyleFontStyle(txtStyle, FONT_STYLE_NORMAL);
OH_Drawing_SetTextStyleLocale(txtStyle, "en");

4.  生成最终文本显示效果。

OH_Drawing_TypographyCreate* handler = OH_Drawing_CreateTypographyHandler(typoStyle,    OH_Drawing_CreateFontCollection());OH_Drawing_TypographyHandlerPushTextStyle(handler, txtStyle);// 设置文字内容const char* text = "HarmonyOS\n";OH_Drawing_TypographyHandlerAddText(handler, text);OH_Drawing_TypographyHandlerPopTextStyle(handler);OH_Drawing_Typography* typography = OH_Drawing_CreateTypography(handler);// 设置页面最大宽度double maxWidth = 800.0;OH_Drawing_TypographyLayout(typography, maxWidth);// 设置文本在画布上绘制的起始位置double position[2] = {10.0, 15.0};// 将文本绘制到画布上OH_Drawing_TypographyPaint(typography, cCanvas, position[0], position[1]);

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/204417.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

OpenCV交叉编译

OpenCV交叉编译

1.下载代码解压 tar -zxvf opencv-4.8.1.tar.gz cd cd opencv-4.8.1 sudo mkdir chmod 777 build cd build 2.配置交叉编译工具 根据自己的板子进行修改 -D CMAKE_C_COMPILERaarch64-mix210-linux-gcc -D CMAKE_CXX_COMPILERaarch64-mix210-linux-g 3.cmake生成makefi…
阅读更多...
Axure动态面板控制

Axure动态面板控制

首先创建一个项目&#xff0c;拖拽几个矩形喝一个动态面板 然后双击动态面板添加状态state1,state2,state3 然后分别在state1,state2,state3编辑导航对应的内容。 接下来就是添加交互事件&#xff0c;将不同导航对应不同的state. 点击“交互”->鼠标点击->进入交互编辑…
阅读更多...
【android开发-19】android中内容提供者contentProvider用法讲解

【android开发-19】android中内容提供者contentProvider用法讲解

1&#xff0c;内容URI 在Android系统中&#xff0c;Content URI是一种用于唯一标识和访问应用程序中的数据的方法。它由Android系统提供&#xff0c;通过Content Provider来实现数据的共享和访问。 Content URI使用特定的格式来标识数据&#xff0c;通常以"content://&qu…
阅读更多...
大模型流行的原因以及大小模型在多任务场景的优劣对比

大模型流行的原因以及大小模型在多任务场景的优劣对比

最近在了解大模型相关的概念&#xff0c;但有一些问题百思不得其解&#xff0c;所以写个博客记录下。 大模型流行的原因 提问&#xff1a;大模型为什么是近几年来的研究趋势&#xff1f;我个人工作以来&#xff0c;发现技术的迭代方向一直是“解耦”&#xff0c;尽量避免多个技…
阅读更多...
Unity中Batching优化的动态合批

Unity中Batching优化的动态合批

文章目录 前言一、动态合批的规则1、材质相同是合批的前提&#xff0c;但是如果是材质实例的话&#xff0c;则一样无法合批。2、支持不同网格的合批3、动态合批需要网格支持的顶点条件二、我们导入一个模型并且制作一个Shader&#xff0c;来测试动态合批1、我们选择模型的 Mesh…
阅读更多...
【改进YOLOv8】融合Gold-YOLO的车辆未礼让行人检测系统

【改进YOLOv8】融合Gold-YOLO的车辆未礼让行人检测系统

1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 研究背景与意义 随着交通工具的普及和道路交通量的增加&#xff0c;交通安全问题日益凸显。尤其是车辆未礼让行人的情况频繁发生&#xff0c;给行人的生命安全带来了严重威胁。因…
阅读更多...
【Java】I/O流—File类：从0到1的全面解析

【Java】I/O流—File类：从0到1的全面解析

&#x1f38a;专栏【Java】 &#x1f33a;每日一句:看不清楚未来时,就比别人坚持久一点 ⭐欢迎并且感谢大家指出我的问题 目录 1.File概述 2.File构造方法 (1).根据文件路径创建文件对象 (2).根据父路径名字符串和子路径名字符串创建对象 (3).根据父路径对应文件对象和子路…
阅读更多...
vue的props

vue的props

类型&#xff1a;Array<string> | Object 详细&#xff1a; props 可以是数组或对象&#xff0c;用于接收来自父组件的数据。props 可以是简单的数组&#xff0c;或者使用对象作为替代&#xff0c;对象允许配置高级选项&#xff0c;如类型检测、自定义验证和设置默认值。…
阅读更多...
【C语言】数据在内存中的存储

【C语言】数据在内存中的存储

目录 练笔 整型数据的存储&#xff1a; char 型数据——最简单的整型 整型提升&#xff1a; 推广到其他整形&#xff1a; 大小端&#xff1a; 浮点型数据的存储&#xff1a; 存储格式&#xff1a; 本篇详细介绍 整型数据&#xff0c;浮点型数据 在计算机中是如何储存的。…
阅读更多...
【玩转TableAgent 数据智能分析】-- 数据分析不再是专业人士的专利

【玩转TableAgent 数据智能分析】-- 数据分析不再是专业人士的专利

文章目录 前言一、TableAgent介绍TableAgent 数据分析智能体融合创新应用的新成果Table Family 二、注册TableAgent访问TableAgent注册用量 三、 体验TableAgent样例数据集体验选择样例数据集样例数据集进行数据分析数据图 样例数据集进行数据分析规定图表格式数据图 自定义数据…
阅读更多...
【java8新特性】

【java8新特性】

Java 8 是 Java 语言的一个重要版本&#xff0c;其中包含了许多新特性和改进。以下是 Java 8 中的一些重要特性&#xff1a; 流式 API&#xff1a;Java 8 引入了一个新的流式 API&#xff0c;可以用来处理集合、数组和字符串等数据流。这个 API 提供了一种简单的方式来遍历和操…
阅读更多...
开源MES/免费MES/开源MES生产流程管理

开源MES/免费MES/开源MES生产流程管理

一、什么是MES生产管理流程 生产管理系统&#xff08;又称制造执行系统&#xff09;是一种集成了计划、生产、质量控制、库存管理和材料申请等生产流程的管理系统。工厂生产管理流程是企业中实现高效生产的重要一环。 二、工厂生产管理流程的步骤 步骤一&#xff1a;计划和排…
阅读更多...
生成测试数据的4种方法、5种工具介绍

生成测试数据的4种方法、5种工具介绍

在软件测试中&#xff0c;测试数据是测试用例的基础&#xff0c;对测试结果的准确性和全面性有着至关重要的影响。 因此&#xff0c;在进行软件测试时&#xff0c;需要生成测试数据以满足测试场景和要求。本文将介绍什么情况下需要生成测试数据&#xff0c;如何生成测试数据&a…
阅读更多...
数字语言的进化：TikTok词汇如何反映社交变革？

数字语言的进化：TikTok词汇如何反映社交变革？

随着数字媒体的崛起&#xff0c;社交平台成为了信息传递和文化表达的重要渠道。TikTok作为一款风靡全球的短视频应用&#xff0c;不仅改变了人们的娱乐方式&#xff0c;还在语言层面上带来了一系列新的词汇和表达方式。 本文将深入探讨数字语言的进化&#xff0c;聚焦于TikTok…
阅读更多...
动态代理IP和静态代理IP有什么区别，适用场景是什么？

动态代理IP和静态代理IP有什么区别，适用场景是什么？

互联网行业的从业者经常会用到一种工具&#xff0c;那就是代理IP工具。动态代理IP和静态代理IP是两种常见的代理IP技术&#xff0c;它们在网络通信中起到了重要的作用&#xff0c;比如大数据行业的从业者会经常需要用到动态代理IP&#xff0c;跨境行业的从业者会经常用到静态代…
阅读更多...
RESTful API介绍，如何使用它构建 web 应用程序。

RESTful API介绍，如何使用它构建 web 应用程序。

RESTful API是一种基于HTTP协议&#xff0c;采用REST&#xff08;Representational State Transfer&#xff09;架构风格的API&#xff0c;是目前最为流行的API设计风格之一。其核心思想是将资源&#xff08;Resource&#xff09;作为核心概念&#xff0c;通过HTTP方法对资源进…
阅读更多...
如何本地搭建Linux DataEase数据可视化分析工具并实现公网访问

如何本地搭建Linux DataEase数据可视化分析工具并实现公网访问

文章目录 前言1. 安装DataEase2. 本地访问测试3. 安装 cpolar内网穿透软件4. 配置DataEase公网访问地址5. 公网远程访问Data Ease6. 固定Data Ease公网地址 前言 DataEase 是开源的数据可视化分析工具&#xff0c;帮助用户快速分析数据并洞察业务趋势&#xff0c;从而实现业务…
阅读更多...
ahk系列-windows超级运行框-表达式计算（1）—get取值

ahk系列-windows超级运行框-表达式计算（1）—get取值

1、环境准备 windows 7&#xff0c;8&#xff0c;10&#xff0c;11操作系统ahk 2.x_64位 2、使用方式 get 表达式 可以获取配置文件getconfig.txt中配置的值&#xff0c;get可以计算“[ ]”中的表达式 也可以获取用户&#xff0c;系统的环境变量&#xff0c;或者是path 只…
阅读更多...
Spring 高级装配详解

Spring 高级装配详解

一、环境与profile ​ 在3.1版本中&#xff0c;Spring引入了bean profile的功能。要使用profile&#xff0c;首先要将所有不同的bean定义整理到一个或者多个pofile之中&#xff0c;再将应用部署到每个环境时&#xff0c;确保对应的profile处于激活状态。 在Java配置中&#xf…
阅读更多...
从零开始：同城O2O外卖APP的技术开发指南

从零开始：同城O2O外卖APP的技术开发指南

随着互联网的迅速发展&#xff0c;O2O&#xff08;OnlinetoOffline&#xff09;模式在各个行业都取得了巨大成功&#xff0c;而同城外卖APP更是成为人们生活中不可或缺的一部分。本文将从零开始&#xff0c;为您提供一份同城O2O外卖APP的技术开发指南&#xff0c;让您能够深入了…
阅读更多...
最新文章

Copyright @ 2022~2023