Android蓝湖图片格式,蓝湖「自动切图」新增 JPG、PDF、WebP 格式

万众瞩目的蓝湖「自动切图」功能除了 PNG、SVG 格式外,新增 JPG、PDF、WebP 三种格式。开发小哥哥们需要的切图格式蓝湖都有,惊不惊喜~

8d4359ee0c571c5efa56c9809d3c38b8.png

👉蓝湖「自动切图」功能:

1. 同时支持 Mac 和 Windows 双系统

2. 同时支持 PS 、Sketch 和 Adobe XD

3. 同时支持 PNG、SVG、JPG、PDF、WebP 五种格式的切图

4. 支持 PNG 格式切图无损压缩

蓝湖「自动切图」怎么用?

蓝湖「自动切图」是产品设计团队提升效率,以及开发小哥哥写代码时强有力的好伙伴。大家对它使用一定牢记于心,跟着湖湖一起复习一下吧~

Step 1:安装蓝湖插件后,即可使用蓝湖「自动切图」功能;

蓝湖插件下载地址(建议在 PC 端打开):

Step 2:通过蓝湖插件设置好切图后,将设计图上传到蓝湖;

PS、Sketch、Adobe XD 设置切图的方法有区别,图示为蓝湖 PS 插件设置切图;

839a873570b7231d134c927f1716af3c.png

✨PS:

1. 蓝湖设置切图的教程见:

蓝湖使用教程 ➪ 详细教程 ➪ 一.上传设计图 ➪ 每一种插件使用教程下的“设置切图”部分

2. 蓝湖使用教程地址(建议在 PC 端打开):

Step 3:无损压缩 PNG 格式切图文件;

在蓝湖设计画布页进入需要下载切图的设计图之后,选择【切图下载】,再勾选【开启切图压缩】,即可下载不同画质的无损压缩的 PNG 格式切图;

切图文件体积减小,文件视觉效果不变,就是这么简单。

0b9ec9954c618792073d4dae9047b693.png

Step 4:一键下载 PNG、SVG、JPG、PDF、WEBP 等格式切图文件。

09e70f463538be74395c90b3e2fdde6e.png

功能超全的蓝湖「自动切图」,开发想用什么格式,就用什么格式。

还不快快安利给你家开发小哥哥~

aeebbb862ea7167fa5db0f369ba84dd2.png

欢迎大家在评论区发表看法!

蓝湖会倾听你们每个人的声音~

蓝湖,高效的产品设计协作平台~

LanhuApp.com

d1447406c5f00c1b07fb898ce1234243.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用蓝湖切图适配不同机型的一些代码实现方式: 1. 使用不同分辨率的资源文件 在res目录下新建drawable、drawable-hdpi、drawable-xhdpi、drawable-xxhdpi等子目录,分别存放不同分辨率的图片资源文件。在布局文件或代码中引用图片时,系统会自动择合适分辨率的资源文件进行加载。示例代码如下: ``` <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/my_image" /> ``` 2. 使用dp作为尺寸单位 在布局文件中使用dp作为尺寸单位,可以保证在不同分辨率的设备上显示效果基本一致。示例代码如下: ``` <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16dp" android:text="Hello World!" /> ``` 3. 使用代码动态设置布局参数 在代码中可以使用代码动态设置布局参数,根据不同机型的屏幕尺寸和分辨率进行适配。示例代码如下: ``` // 获取屏幕宽度和高度 DisplayMetrics displayMetrics = getResources().getDisplayMetrics(); int screenWidth = displayMetrics.widthPixels; int screenHeight = displayMetrics.heightPixels; // 动态设置View的宽度和高度 View view = findViewById(R.id.my_view); ViewGroup.LayoutParams layoutParams = view.getLayoutParams(); layoutParams.width = screenWidth / 2; layoutParams.height = screenHeight / 3; view.setLayoutParams(layoutParams); ``` 4. 使用代码动态加载不同分辨率的图片 在代码中可以使用代码动态加载不同分辨率的图片,根据不同机型的屏幕分辨率进行适配。示例代码如下: ``` // 获取屏幕密度 float density = getResources().getDisplayMetrics().density; // 动态加载不同分辨率的图片 if (density <= 1.0f) { imageView.setImageResource(R.drawable.my_image_mdpi); } else if (density <= 1.5f) { imageView.setImageResource(R.drawable.my_image_hdpi); } else if (density <= 2.0f) { imageView.setImageResource(R.drawable.my_image_xhdpi); } else { imageView.setImageResource(R.drawable.my_image_xxhdpi); } ``` 以上是一些常用的适配代码实现方式,根据实际需求和机型适配情况,可以进行相应的调整和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值