鸿蒙/DevEco Studio的Text组件基本使用

尐幽

已于 2024-04-20 21:03:58 修改

阅读量1k

点赞数

文章标签：前端

于 2024-04-20 21:00:32 首次发布

本文链接：https://blog.csdn.net/weixin_69253778/article/details/138011418

版权

本文介绍了如何在应用中声明和配置Text组件，包括设置静态文本内容、使用Resource引用本地资源以及调整文本的行高、字体大小、颜色和粗细等属性。

摘要由CSDN通过智能技术生成

1，声明Text组件并设置文本内容

Text(content? : string|Resource)

string格式，直接填写文本内容

Text('图片宽度')

rce格式，读取本地资源文件(限定词目录）

Text($r( ' app.string.module_desc' ) )

2．添加文本属性

Text('注册账号')
   .lineHeight(32)//行高
   .fontSize(20)//字体大小
   .fontColor('#ff1876f8')//字体颜色
   .fontweight(FontWeight.Medium)//字体粗细

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

尐幽

关注关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HarmonyOS 鸿蒙开发DevEco Studio:使用低代码进行开发

sybh的博客

01-18

1512

低代码开发界面如下图所示：UI控件栏，可以将相应的组件选中并拖动到画布（Canvas）中，实现控件的添加。：组件树，在低代码开发界面中，开发者可以直观地看到组件的层级结构、摘要信息以及错误提示。开发者可以通过选中组件树中的组件（画布中对应的组件被同步选中），实现画布内组件的快速定位；单击组件后的或图标，可以隐藏/显示相应的组件。Panel。

HarmonyOS 鸿蒙开发DevEco Studio:使用预览器查看应用/服务效果

sybh的博客

01-18

1376

在HarmonyOS应用/服务开发过程中，DevEco Studio为开发者提供了UI界面预览功能，可以查看应用/服务的UI界面效果，支持JS/eTS、Java应用/服务的预览。预览器支持布局代码的实时预览，只需要将开发的源代码进行保存，就可以通过预览器实时查看应用/服务运行效果，方便开发者随时调整代码。说明由于操作系统和真机设备的差异，在预览界面中可能出现字体、颜色等与真机设备运行的效果存在差异，预览效果仅作为应用/服务开发过程中的参考，实际最终效果请以真机设备运行效果为准。

参与评论您还未登录，请先登录后发表或查看评论

HarmonyOS（鸿蒙）——Text（文本）组件介绍

2401_84123005的博客

04-11

877

text_size | 文本大小 | float类型 | 表示字体大小的float类型。可以是浮点数值，其默认单位为px；也可以是带px/vp/fp单位的浮点数值；也可以引用float资源。

鸿蒙/DevEco Studio的TextInput组件基本使用

weixin_69253778的博客

04-20

1260

Normal 基本输入模式。支持输入数字、字母、下划线、空格、特殊字符。支持数字，字母，下划线，以及@字符。Password 密码输入模式。支持输入数字、字母、下划线、空格、特殊字符。PhoneNumber9+ 电话号码输入模式。支持输入数字、+﹑-Number 纯数字输入模式。placeHoder:输入框无输入时的提示文本。1.声明TextInput组件。

DevEco Studio 按钮组件

2301_80106588的博客

07-18

301

Button组件也是基础组件之一，和其它基础组件不同的是Button组件允许添加一个子组件来实现不同的展示。

DevEco Studio 创建TextInput输入框，获取输入内容

最新发布

applelin的博客

07-31

973

华为开发者联盟-HarmonyOS开发者官网，共建鸿蒙生态 (huawei.com)每条一个Deveco Studio Next 小技巧，话不多说，马上开始~打开Index.ets，一般默认已经打开。删除默认部分的代码。这里给一个华为官方博客。

DevEco组件（笔记）

weixin_46949627的博客

11-19

4114

JAVA鸿蒙开发中，组件的基本用法

DevEco Studio 项目鸿蒙（HarmonyOS）资源引用（自定统和系统）

zy0412326的专栏

12-15

984

BASE:目录下的资源文件会被编译成二进制文件并且给这些资源赋予唯一的 ID ，使用相应资源的时候通过资源访问符。等，通过使用系统资源，不同的开发者可以开发出具有相同视觉风格的应用，开发者可以通过。DevEco Studio 项目鸿蒙（HarmonyOS）资源引用（自定统和系统）的形式引用系统资源，和访问应用资源不同的是使用。代表系统资源，其它和访问应用资源规则一致。操作系统: Windows 10 专业版。表示资源的文件名字。

DevEco Studio的基础设置

hjq1071027的博客

11-22

500

鸿蒙开发者工具DevEco-Studio字体，默认不打开项目，汉化设置

HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:开发OpenHarmony npm包

sybh的博客

01-20

941

OpenHarmony npm包是在传统的npm三方包的基础上，定义了OpenHarmony npm共享包特定的工程结构和配置文件，支持OpenHarmony页面组件、相关API、资源的调用。通过OpenHarmony npm包，您可以实现多个模块或者多个工程共享OpenHarmony页面、资源等相关代码。OpenHarmony npm共享包的实现依赖于npm，因此您需要了解和掌握npm的基础功能和机制，可通过npm官方文档进行了解。

HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:使用低代码进行开发

sybh的博客

01-20

1149

低代码开发界面如下图所示：UI控件栏，可以将相应的组件选中并拖动到画布（Canvas）中，实现控件的添加。：组件树，在低代码开发界面中，可以方便开发者直观地看到组件的层级结构、摘要信息以及错误提示。开发者可以通过选中组件树中的组件（画布中对应的组件被同步选中），实现画布内组件的快速定位；单击组件后的或图标，可以隐藏/显示相应的组件。Panel：功能面板，包括常用的画布缩小放大、撤销、显示/隐藏组件虚拟边框、设备切换、模式切换、可视化布局界面一键转换为ets文件等。Canvas。

HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:使用预览器查看应用/服务效果

sybh的博客

01-20

1138

DevEco Studio为开发者提供了预览器的功能，可以在OpenHarmony应用/服务的界面UI开发过程中，预览界面UI的效果，方便开发者随时调整界面UI布局。在开发界面UI代码过程中，如果添加或删除了UI组件，您需要进行保存，然后预览器就会立即刷新预览结果；如果修改了组件的属性，则预览器会实时刷新预览结果。说明。

DevEco布局（笔记）

weixin_46949627的博客

11-26

1330

关于对于组件的放置

HarmonyOS（三）之 Text组件

junjie_zhang的专栏

03-21

2716

HarmonyOS的基础组件使用，本章介绍的是Text组件的数据源、设置文本大小、粗细、颜色、对齐方式等。

DevEco Studio项目构建讲解、编写页面、布局介绍、页面跳转

热门推荐

晨曦

09-21

3万+

DevEco Studio 项目构建讲解一、项目目录1. config.json （配置文件）2. entry （应用的主模块）二、编写页面三、页面跳转1. 创建Feature Ability2. 跳转逻辑首先要知道鸿蒙的APP是怎么构成的？ HarmonyOS的应用软件包以APP Pack（Application Package）形式发布，它是由一个或多个HAP（HarmonyOS Ability Package）以及描述每个HAP属性的pack.info组成。HAP是Ability的部署包，Har

HarmonyOS（鸿蒙）开发软件DevEco Studio基本配置（兼容IDEA）

xcbyaya的博客

04-18

2140

HUAWEI DevEco Studio（获取工具请点击链接下载，以下简称DevEco Studio）是基于IntelliJ IDEA Community开源版本打造，面向华为终端全场景多设备的一站式集成开发环境（IDE），为开发者提供工程模板创建、开发、编译、调试、发布等E2E的HarmonyOS应用开发服务。这款开发工具的配置与IDEA区别不大。感觉现在好多人都在说什么安卓快凉了，工作越来越难找了。

【HarmonyOS应用开发】开发介绍 DevEco Studio安装与使用（一）

Mr_Roki的博客

01-25

1543

- 在`HarmonyOS`应用开发学习之前，需要进行一些准备工作，首先需要完成开发工具`DevEco Studio`的下载与安装以及环境配置。 - 进入`DevEco Studio`下载官网，单击“立即下载”进入下载页面。

《第二章、DevEco Studio的使用》03 - 代码编辑的相关使用

carlo的博客

07-12

2410

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Text文本组件

weixin_47730343的博客

12-18

1084

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Text文本组件

DevEco Studio配置页面

06-24

DevEco Studio 是华为提供的一个端到端的开发平台，用于构建和管理物联网 (IoT) 和鸿蒙系统的应用程序。配置页面是其中的一个关键部分，它允许开发者自定义和配置项目设置，以适应特定的应用需求。 DevEco Studio 配置页面主要包括以下几个部分： 1. **项目设置**：在这里，开发者可以配置项目的全局信息，如项目名称、路径、目标板类型等。这一步是创建新项目或初始化现有项目的基础。 2. **环境配置**：选择合适的开发环境，例如开发工具链（编译器、链接器等）、SDK版本，以及与之兼容的硬件设备支持。 3. **模块管理**：如果项目依赖于多个模块，可以在这里添加、删除或管理这些模块，以及配置它们的版本和连接。 4. **构建配置**：针对不同的构建场景（如debug、release），调整编译选项、优化级别和其他构建参数。 5. **调试设置**：配置调试器、断点、日志等，便于在开发过程中进行调试和问题排查。 6. **资源管理**：管理项目中的静态资源，如图片、音频文件等，以及其打包和加载方式。 7. **部署配置**：对于需要发布的应用，可能还需要配置打包、签名和上传设置。