2012-06-25 15 views
1

這裏是從我的代碼的摘錄:如何讓我的圖像自動適合Sencha Touch 2中的Image對象?

  xtype: 'image', 
      src: 'http://www.sencha.com/files/blog/old/blog/wp-content/uploads/2010/06/sencha-logo.png', 
      left: '50%', 
      top: '30%', 
      height: '3.515625%', 
      width: '13.28125%' 

的圖像是截止 - 只有一小塊出現我的圖片對象的大小。我該如何解決?

+2

我很好奇你在哪裏得到這個非常準確的高度和寬度值? –

+0

你的左邊,頂部,高度,寬度配置是什麼意思? –

+0

基本上,它所做的是在屏幕上設置絕對位置和大小,這意味着它不再受其父容器的影響。但是,如果src中的圖像太大,則會被截斷。 – PendingVegan

回答

3

嘗試配置「模式:'圖像'」,這將嵌入你的圖像在img標籤,尊重你的寬度和高度。或者在CSS中設置背景尺寸

編輯:另外,你是否將像素的佈局轉換爲%?我現在做同樣的事情,除了時間。在**中有點痛苦。有任何有用的提示?

+0

這絕對是我正在做的......我感到你的痛苦。所以我嘗試傳遞「圖像」到模式參數,我的圖像完全消失......我不想知道。我最終做的是製作一個容器並將其設置爲背景,在我的sass文件中將大小設置爲100%。當然,它的作品,但我想知道如何風格JS對象內的東西。例如,將傳遞給Image對象中的src的圖像設置爲100%,而不是使用此工作。我已經將一些文本傳遞給按鈕和類似的東西,我希望它以相同的方式調整大小。 – PendingVegan