如何将图像的实际尺寸设置为某个窗口中的某个点？ Extjs 6 classic

Question

我想有一个window xtype，它只包含一个自己的大小，但是当我显示我的窗口时，它显示为屏幕中间的一个小方块（而不是图像的实际大小）。我使用的代码

listeners:{ 
      afterrender: function(me){ 
       me.el.on({ 
        load: function (evt, ele, eOpts){ 
         me.updateLayout(); 
        }, 
        error: function(evt,ele,eOpts){ 
        } 
       }); 
      } 
     } 

该块更新从image的xtype内的父窗口的布局尝试，但是这使得不集中的窗口和afterrender活动期间定心窗不工作。我错过了一些简单的东西吗我也有分别设置为Ext.getBody().getViewSize().width和height的和maxHeight配置image。

Answer 1

煎茶有一个很好的理由不使用xtype: 'image'为自己的图标等等。

xtype: 'image'只适用于固定的宽度和高度，所以你甚至不能保持纵横比，因为据我所知。

你想要做的是有一个容器，并设置容器的背景图像。

xtype: 'container', 
style: 'background-image: url(\'image.jpg\'); background-repeat:no-repeat; background-position:50% 50%; background-size:contain' 

，甚至只使用窗口：https://fiddle.sencha.com/#view/editor&fiddle/244n