HarmonyOS 鸿蒙Next 计算屏幕一行能显示多少字符 区分中英文和数字特殊字符等

import { Text, PixelValue, Length } from '[@ohos](/user/ohos).agp.components';
import display from '[@ohos](/user/ohos).display';

[@Entry](/user/Entry)
[@Component](/user/Component)
struct TextCharCountExample {
  [@State](/user/State) fontSize: PixelValue = new PixelValue(16); // 字体大小
  [@State](/user/State) screenWidth: number = 0; // 屏幕宽度
  [@State](/user/State) charWidth: number = 0; // 单个字符宽度
  [@State](/user/State) maxCharsPerLine: number = 0; // 一行能显示的字符数量

  build() {
    Column() {
      // 获取屏幕宽度（以像素为单位）
      this.getScreenWidth().then(width => {
        this.screenWidth = width;
        // 创建一个包含单个字符的Text组件用于测量
        let charText = new Text()
          .text('A')// 使用英文字符'A'进行测量
          .fontSize(this.fontSize)
          .width('measure')
          .height('measure');

        // 测量单个字符的宽度
        charText.measure((width: number, height: number) => {
          this.charWidth = width;
          // 估算一行能显示的字符数量（这里假设不考虑内边距和文本组件的其他样式）
          this.maxCharsPerLine = Math.floor(this.screenWidth / this.charWidth);
          console.log('一行能显示的字符数量（英文字符）：' + this.maxCharsPerLine);
        });
      });

      // 示例：显示一行文本
      Text('这是一行示例文本，用于展示一行能显示多少字符的估算。')
        .fontSize(this.fontSize)
        .width('100%')// 宽度设置为100%，实际显示时会根据屏幕宽度自动调整
        .maxLines(1)// 只显示一行
        .textOverflow(TextOverflow.Ellipsis)// 超出部分显示省略号
        .margin({ top: 20 }) // 设置上边距
    }
  }

  // 获取屏幕宽度的异步函数
  private async getScreenWidth(): Promise<number> {
    return new Promise((resolve) => {
      display.getDefaultDisplay().getRealSize().then(size => {
        resolve(size.width);
      });
    });
  }
}