如何使用Ext.Img填充面板

时间:2012-08-07 08:04:17

标签: sencha-touch-2

我尝试过很多方法让Ext.Img填充其父面板。我所看到的是由面板空间切断的大图像,而不是居中。一种配置显示图像动态缩小,但仅限于Chrome内部,但图像在iPad2上消失。

布局是一个带有停靠工具栏的面板,里面有一个图像。什么都不花哨,没什么特别的。我错过了什么?

更新1:更改了模式,但只有Chrome有效。 iPad根本没有显示任何内容。

mode: 'image',
centered: true,
height: '100%'

1 个答案:

答案 0 :(得分:0)

嗨@darmen你也可以用Ext.Panel元素定义style,所以像这样,

style: 'backgroundImage:url(your/path/images/file.jpg);backgroundSize:100% 100%;backgroundRepeat:no-repeat;backgroundPosition:top left',

希望这些有所帮助。 :)