当前位置: 首页 > news >正文

第十节HarmonyOS 使用资源引用类型

        Resource是资源引用类型,用于设置组件属性的值。推荐大家优先使用Resource类型,将资源文件(字符串、图片、音频等)统一存放于resources目录下,便于开发者统一维护。同时系统可以根据当前配置加载合适的资源,例如,开发者可以根据屏幕尺寸呈现不同的布局效果,或根据语言设置提供不同的字符串。

例如下面的这段代码,直接在代码中写入了字符串和数字这样的硬编码。

Button('登录', { type: ButtonType.Capsule, stateEffect: true }).width(300).height(40).fontSize(16).fontWeight(FontWeight.Medium).backgroundColor('#007DFF')

我们可以将这些硬编码写到entry/src/main/resources下的资源文件中。

在string.json中定义Button显示的文本。

{"string": [{"name": "login_text","value": "登录"}]
} 

在float.json中定义Button的宽高和字体大小。

{"float": [{"name": "button_width","value": "300vp"},{"name": "button_height","value": "40vp"},{"name": "login_fontSize","value": "18fp"}]
}

在color.json中定义Button的背景颜色。

{"color": [{"name": "button_color","value": "#1890ff"}]
}

        然后在Button组件通过“$r('app.type.name')”的形式引用应用资源。app代表应用内resources目录中定义的资源;type代表资源类型(或资源的存放位置),可以取“color”、“float”、“string”、“plural”、“media”;name代表资源命名,由开发者定义资源时确定。

Button($r('app.string.login_text'), { type: ButtonType.Capsule }).width($r('app.float.button_width')).height($r('app.float.button_height')).fontSize($r('app.float.login_fontSize')).backgroundColor($r('app.color.button_color'))

http://www.lryc.cn/news/251717.html

相关文章:

  • ntopng如何将漏洞扫描与流量监控相结合,以提高网络安全性
  • 使用coco数据集进行语义分割(1):数据预处理,制作ground truth
  • 神经网络 模型表示2
  • ubuntu使用SSH服务远程登录另一台设备
  • 读书笔记:《Effective Modern C++(C++14)》
  • PCL 点云加权均值收缩
  • 计算机毕业设计 基于协同推荐的白酒销售管理系统的设计与实现 Java实战项目 附源码+文档+视频讲解
  • React-hook-form-mui(五):包含内嵌表单元素的表单
  • 【内网安全】搭建网络拓扑,CS内网横向移动实验
  • 1、输入一行字符,分别统计出其中的英文字母、空格、数字和其他字符的个数。
  • 戴尔科技推出全新96核Precision 7875塔式工作站
  • 论文阅读——DINOv
  • JOSEF电流继电器 DL-33 整定范围0.5-2A 柜内安装板前接线
  • RCE绕过
  • Qt应用开发--国产工业开发板全志T113-i的部署教程
  • css 常用动画效果
  • 【读书笔记】微习惯
  • Oracle SQL优化
  • C++实现ATM取款机
  • 【数电笔记】11-最小项(逻辑函数的表示方法及其转换)
  • Gradio库的安装和使用教程
  • 【BLE基础知识】--Slave latency设置流程及空中包解析
  • 数据结构之堆排序以及Top-k问题详细解析
  • ESP32-Web-Server 实战编程-通过网页控制设备多个 GPIO
  • 说一说MySQL中的锁机制
  • C++笔试训练day_1
  • 详解Spring对Mybatis等持久化框架的整合
  • [Electron] 将应用打包成供Ubuntu、Debian平台下安装的deb包
  • 7.24 SpringBoot项目实战【审核评论】
  • Java实现动态加载的逻辑