Question

如何自动获取backgroundImage的大小并将其指定为视图宽度和高度？在.tss文件中。

注意：在 .tss 文件中，而不是在.js文件中。（我知道.js文件中的代码）

修改

view.xml用

 <View id="innerView">
     <ImageView id="middleImage"/>
 </View>

view.tss

"#innerView":{
zIndex: 2,
height: 'auto',
width: 'auto',
left: "10dp",
right: "10dp",
top: "10dp",
},"#middleImage":{
    image: '/images/iconbg.png',  //  put your image path here
    left: "10dp",
    right: "10dp",
    top: "10dp",
    height: Ti.UI.SIZE,
    width: Ti.UI.SIZE,
},

我想获得图像的大小（middleImage）并分配到上部视图（innerView），以便我的视图可以根据图像调整其大小

Answer 1

我不确定我是否理解你的问题但是将#innerView的宽度/高度设置为Ti.UI.SIZE会将大小调整为#middleImage大小。确保删除左/右，因为你不能同时使用它，无论是中间图像的大小，还是它的大小都是屏幕宽度 - 10dp * 2

Answer 2

好吧，我认为你不需要使用两个UI组件来解决你的问题。只有一个是enougth：

<强> .XML

<View id='innerView'/>

<强> .tss

"#innerView":{
  top: '10dp',
  width: 'Ti.UI.SIZE',
  height: 'Ti.UI.SIZE',

  zIndex: 2,
  backgroundImage:'/images/iconbg.png'  //put your image path here
}

或者尝试这样：
的 .XML

<ImageView id='middleImage'/>

<强> .tss

"#middleImage":{ top: '10dp', width: 'Ti.UI.SIZE', height: 'Ti.UI.SIZE', zIndex: 2, image:'/images/iconbg.png' //put your image path here }

如果你真的需要两个UI组件，并将属性 Ti.UI.SIZE 设置为它们，那么可能会有些奇怪的东西。因为，您必须知道 Ti.UI.SIZE 是指子视图，就像您在中设置的 ImageView 一样父亲视图 查看应该使宽度和高度填充它的父亲;但是，一旦你将属性设置为父查看，这意味着视图应该使其宽度和高度填补它的父亲 - 也许是一个 Window ，然后它可能会看起来很奇怪。

<强> .XML

<View id="innerView"> <ImageView id="middleImage"/> </View>

<强> .tss

"#innerView":{ top: '10dp', zIndex: 2, width: 'Ti.UI.SIZE', height: 'Ti.UI.SIZE' } "#middleImage":{ width: 'Ti.UI.SIZE', height: 'Ti.UI.SIZE', image: '/images/iconbg.png' //put your image path here }

查看从图像自动获取的背景图像宽度和高度

2 个答案: