SDL中文论坛

标题: 图元：图像（image） [打印本页]

作者: ancientcc 时间: 2016-6-3 17:43
标题: 图元：图像（image）
本帖最后由 ancientcc 于 2017-2-2 16:00 编辑

图像图元的配置字段。

字段	语义	注释
x	x偏移	可使用公式
y	y偏移	可使用公式
w	宽度	可使用公式（注1）
h	高度	可使用公式
name	图像文件名	支持hdpi_scale表示法
resize_mode	缩放方式	具体见底下的“三种缩放图像方式”（注2）
vertical_mirror	是否要上下颠倒	yes表示要颠倒，否则不颠倒
hdpi_off	是否禁用High DPI放大	它是以“,”隔开的布尔字符串，依次表示x、y、w、h

注1：当设置的w/h是0时，最后得出的w/h会是素材图像的w/h乘上hdpi_scale2（hdpi_off_w/hdpi_off_h=false时，值是hdpi_scale，否则1）。app如何设置w、h的自动放大开关？当有提供各分辨率下的图像时，像score.png、score@2x.png、score@3x.png，如果w/h是0时，那应该关掉自动放大，否则尺寸就会被乘上hdpi_scale，即使取的图像是score@3x.png。如果想设置w/h，则设它的配置尺寸，然后用默认的自动放大，此处情况还适合未提供全各分辨率图像场合，像没有给出score@3x.png，它的缺点是图像配置尺寸写死了配置文件。

注2：三种缩放图像方式

resize_mode值	特点	注释
scale	将图像在水平、垂直方向上同时缩放到指定尺寸。	会造成失真。用于绝大多数场合
tile	像堆叠砖头一样堆出指定尺寸	不会失真
stretch	一方向拉伸到指定尺寸，另一方向保持不变	不会失真，只会拉长/高。[image]中的w、h必须一个0一个非0，0的方向不变，非0的方向拉到指定值。因为拉长/拉高用的是基于原素材，为避免出空白，当要拉长时，应该关掉高度上的自动放大；同样，当要拉高时，应该关掉长度上的自动放大

stretch只会取素材中第一列/第一行图像，只是把这一列/一行拉伸。下图，用左侧图像水平拉伸出右侧结果，其实起作用的只有第一列。同样，垂直拉伸起作用的只是第一行。
(, 下载次数: 1896)
stretch其实是tile的特列，这个tile素材只有一列、一行，而且非拉伸方向保持尺寸不变。使用场合像9.1中的top、bottom、left、right。

欢迎光临 SDL中文论坛 (http://www.libsdl.cn/bbs/)