# 简单文本绘制与显示(C/C++) ## 场景介绍 在一个简单的用户界面中,可能只需要展示几行静态文本,例如标签、按钮上的文字、菜单项或状态栏中的提示信息。此时,开发者只需要选择合适的字体、大小和颜色即可完成渲染。 ## 接口说明 | 接口定义 | 描述 | | -------- | -------- | | OH_Drawing_TextStyle\* OH_Drawing_CreateTextStyle(void) | 创建指向OH_Drawing_TextStyle对象的指针。 | | void OH_Drawing_SetTextStyleFontSize(OH_Drawing_TextStyle\* style, double fontSize) | 设置字号。 | | void OH_Drawing_SetTextStyleFontWeight(OH_Drawing_TextStyle\* style, int fontWeight) | 设置字重。目前只有系统默认字体支持字重的调节,其他字体设置字重值小于semi-bold时字体粗细无变化,当设置字重值大于等于semi-bold时可能会触发伪加粗效果。 | ## 开发步骤 画布Canvas对象具体可见[画布的获取与绘制结果的显示](canvas-get-result-draw-c.md)。 ```c++ // 创建一个 TypographyStyle 创建 Typography 时需要使用 OH_Drawing_TypographyStyle *typoStyle = OH_Drawing_CreateTypographyStyle(); // 设置文本对齐方式为居中 OH_Drawing_SetTypographyTextAlign(typoStyle, TEXT_ALIGN_CENTER); // 设置文字颜色、大小、字重,不设置 TextStyle 会使用 TypographyStyle 中的默认 TextStyle OH_Drawing_TextStyle *txtStyle = OH_Drawing_CreateTextStyle(); OH_Drawing_SetTextStyleColor(txtStyle, OH_Drawing_ColorSetArgb(0xFF, 0x00, 0x00, 0x00)); OH_Drawing_SetTextStyleFontSize(txtStyle, 100); OH_Drawing_SetTextStyleFontWeight(txtStyle, FONT_WEIGHT_400); // 创建 FontCollection,FontCollection 用于管理字体匹配逻辑 OH_Drawing_FontCollection *fc = OH_Drawing_CreateSharedFontCollection(); // 使用 FontCollection 和 之前创建的 TypographyStyle 创建 TypographyCreate。TypographyCreate 用于创建 Typography OH_Drawing_TypographyCreate *handler = OH_Drawing_CreateTypographyHandler(typoStyle, fc); // 将之前创建的 TextStyle 加入 handler 中 OH_Drawing_TypographyHandlerPushTextStyle(handler, txtStyle); // 设置文本内容,并将文本添加到 handler 中 const char *text = "Hello World Drawing\n"; OH_Drawing_TypographyHandlerAddText(handler, text); OH_Drawing_Typography *typography = OH_Drawing_CreateTypography(handler); // 设置排版宽度 double layoutWidth = 1310; OH_Drawing_TypographyLayout(typography, layoutWidth); // 设置文本在画布上绘制的起始位置 double position[2] = {0, 1140}; // 将文本绘制到画布上 OH_Drawing_TypographyPaint(typography, canvas, position[0], position[1]); // 释放内存 OH_Drawing_DestroyTypographyStyle(typoStyle); OH_Drawing_DestroyTextStyle(txtStyle); OH_Drawing_DestroyFontCollection(fc); OH_Drawing_DestroyTypographyHandler(handler); OH_Drawing_DestroyTypography(typography); ``` ## 效果展示 ![zh-cn_image_0000002211443916](figures/zh-cn_image_0000002211443916.png)