鸿蒙开发 如何把蓝湖设计图1:1还原

本文介绍了鸿蒙开发中如何将蓝湖设计图以1:1的比例还原。主要涉及像素单位如px、vp、fp和lpx的解释,以及在设计图尺寸与开发的对应关系。开发者应选择蓝湖设计图360px宽度,按照设计图尺寸以1:1转换成vp单位进行开发。
摘要由CSDN通过智能技术生成

1. 像素单位介绍

ArkUI为开发者提供4种像素单位,鸿蒙ArkUI 框架采用vp为基准数据单位。

px 屏幕物理像素单位。
vp 屏幕密度相关像素,根据屏幕像素密度转换为屏幕物理像素,当数值不带单位时,默认单位vp。在实际宽度为1440物理像素的屏幕上,1vp约等于3px。
fp 字体像素,与vp类似适用屏幕密度变化,随系统字体大小设置变化。
lpx

视窗逻辑像素单位,lpx单位为实际屏幕宽度与逻辑宽度(通过designWidth

配置)的比值,designWidth默认值为720。当designWidth为720时,在实际宽度为1440物理像素的屏幕上,1lpx为2px大小

这里对这几个单位进行介绍

px 比较容易理解,跟Android、iOS 平台的是一致的。px:像素的单位,1px代表手机屏幕上的一个像素点。比如常见的手机分辨率有320×480,480×800,1080×1920等,这些数值的单位都是px;由于px在不同手机上的大小不同,差别较大,适配性太差ÿ

蓝湖使用教程的web页面可以通过以下步骤进行查看和学习: 1. 打开你的浏览器,输入蓝湖的官方网站地址。 2. 在官方网站的主页上,通常会有一个导航栏或菜单栏。寻找一个类似于"教程"、"使用指南"、"帮助中心"或类似的选项。 3. 点击导航栏中的相关选项,进入蓝湖的使用教程页面。 4. 在使用教程页面中,你可以学习关于蓝湖的各种功能、操作方法和最佳实践。 5. 阅读教程页面上提供的信息,并根据自己的需求和兴趣选择相应的内容进行学习。 请注意,具体的蓝湖使用教程web页面可能会因为不同的蓝湖版本或更新而有所变化。因此,建议在蓝湖的官方网站上查找最新的使用教程页面。 引用: 蓝湖官方网站链接<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [蓝湖Photoshop插件如何安装和使用?蓝湖Photoshop插件使用教程](https://blog.csdn.net/weixin_33746247/article/details/117980454)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [蓝湖的安装及使用](https://blog.csdn.net/u012069313/article/details/125555391)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值