OpenHarmony开发实战：像素转换（ArkTS，2024年最新HarmonyOS鸿蒙模拟器手机版

最新推荐文章于 2024-11-01 09:19:41 发布

前端老侯

最新推荐文章于 2024-11-01 09:19:41 发布

阅读量1k

点赞数 11

分类专栏： 2024年程序员学习文章标签： harmonyos 智能手机华为

本文链接：https://blog.csdn.net/m0_60147147/article/details/137576168

版权

2024年程序员学习专栏收录该内容

275 篇文章 3 订阅

订阅专栏

└──entry/src/main/resources // 资源文件

6 像素单位介绍页面

在像素单位介绍页面，介绍了系统像素单位的概念，并在页面中为Text组件的宽度属性设置不同的像素单位，fp像素单位则设置为Text组件的字体大小。

// IntroductionPage.ets
// 设置Text组件的宽度为200px
Text(‘200px’)
.textAlign(TextAlign.Center)
.backgroundColor( $r('app.color.blue_background')) .height($ r(‘app.float.value_height’))
.width(‘200px’)
…
// 设置Text组件的宽度为200vp
Text(‘200vp’)
.textAlign(TextAlign.Center)
.backgroundColor( $r('app.color.blue_background')) .height($ r(‘app.float.value_height’))
.width(‘200vp’)
…
// 设置Text组件的宽度为200lpx
Text(‘200lpx’)
.textAlign(TextAlign.Center)
.backgroundColor( $r('app.color.blue_background')) .height($ r(‘app.float.value_height’))
.width(‘200lpx’)
…
// 分别设置Text的字体大小为14fp, 24fp
Column() {
Text(‘这是一段为14fp的文字’)
.fontSize(‘14fp’)
…
Text(‘这是一段为24fp的文字’)
.fontSize(‘24fp’)
…
}
// …

说明：

为组件设置具体的宽高时，可以不加“vp”(系统默认单位为vp）。
为文字设置字体大小时可以不加“fp”（系统默认为fp）。

7 像素转换页面

在像素转换页面，通过使用像素转换API，实现不同像素单位之间的相互转换功能。

// ConversionPage.ets
// vp转换为px
Row()
.blueStyle()
.width(vp2px(60))
// px转换为vp
Row()
.blueStyle()
.width(px2vp(60))
// fp转换为px
Row()
.blueStyle()
.width(fp2px(60))
// px转换为fp
Row()
.blueStyle()
.width(px2fp(60))
// lpx转换为px
Row()
.blueStyle()
.width(lpx2px(60))
// px转换为lpx
Row()
.blueStyle()
.width(px2lpx(60))

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。

这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）**技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员，可以直接领取这份资料

获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料****