Question

我有33 * 120（高*宽）的图片

它是透明的ping，所以这个大小包括透明区域。

我的代码就像这样

in xml

<ImageView id="Pic"/>

in tss

"#Pic": {
  backgroundColor:'blue',
  image:"./img/menuj.png"
  textAlign:Ti.UI.TEXT_ALIGNMENT_LEFT,
  height:'10%',
  left:'1%',
},

我想将图像视图尺寸调整为10％高度和宽度应保持与原始图像尺寸相同的比例。

但是，蓝色区域（视图）比我预期的要宽得多。（蓝色区域看起来比图像本身大得多，而且图像文件甚至在视图中没有左对齐。）

如何使ImageView适合图像尺寸？

Answer 1

只是将原始图像的高度和宽度传递给imageview（在您的情况下，由于您需要不同的高度，图像可能会拉伸/缩小）。

像这样：

"#Pic": {
 backgroundColor:'blue',
 image:"./img/menuj.png"
 textAlign:Ti.UI.TEXT_ALIGNMENT_LEFT,
 height:'10%',
 width: "120px"//PUT HERE THE WIDTH OF THE ORIGINAL IMAGE
 left:'1%',
 }

最后一件事，在tss描述的末尾删除逗号，这不是必需的。

如何将ImageView设置为适合图像的相同尺寸

1 个答案: