快来,快来!让我们一起研究一下吧,怎么把英文小写全部变成大写。 

10. 图解鸿蒙之 Text 组件 - 介绍 textCase_HarmonyOS

 

10. 图解鸿蒙之 Text 组件 - 介绍 textCase_HarmonyOS_02

 

10. 图解鸿蒙之 Text 组件 - 介绍 textCase_HarmonyOS_03

以下是在你提供的鸿蒙 ArkTS 代码中添加`textCase`  相关设置的示例代码,用于控制文本的大小写情况,这里添加了一个按钮来切换文本的大小写显示状态(分别展示 `textCase.Norma`l、`textCase.UPPERCASE`、`textCase.LOWERCASE`三种情况):

在上述代码中:
1.  首先新增了一个 `@State` 变量 `textCase` 用于记录当前文本的大小写状态,初始化为 `TextCase.Normal`。
2.  在 `Text` 组件中,不再直接使用 `this.message`,而是通过调用 `getMessageWithCase`方法来获取根据当前 `textCase`状态处理后的文本内容,这个方法内部通过 `switch` 语句来对原始文本 `this.message`进行大小写转换(根据不同的 `TextCase`值,调用相应的字符串大小写转换方法,如 `toUpperCase`和`toLowerCase`)。
3.  添加了一个 `Button` 组件,通过设置 `onClick`回调函数,点击按钮时调用 `changeTextCase`方法来切换 `textCase`的值,从而实现文本大小写显示状态的切换。

在 Text 组件中,textCase 属性主要用于控制文本的大小写转换。 它有几种不同的取值,每种取值都能带来不同的文本显示效果。首先是 “none”,这是默认值,表示文本保持原始的大小写状态。如果原始文本是 “Hello World”,那么就会按照这个样子显示。 “uppercase” 这个取值会将文本中的所有字符转换为大写形式。比如输入 “hello world”,经过 textCase 设置为 uppercase 后,就会显示为 “HELLO WORLD”。这种方式常用于强调文本、标题或者是一些需要统一为大写格式的特定场景,比如品牌名称、缩写等,能够让文本更加醒目。 “lowercase” 则是把文本中的所有字符都转换为小写。例如 “HELLO WORLD” 会变成 “hello world”。在一些对文本格式要求统一为小写的场景,或者在代码编写中(如变量名等),这个属性就很有用。 还有 “capitalize”,它会将每个单词的首字母转换为大写,其余字母为小写。如果是 “hello world”,就会显示为 “Hello World”。这种格式符合常规的句子开头大写的语法规则,使文本看起来更加规范,常用于文章标题、段落首句等场景。


PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇~