2017-03-17 121 views
3

我使用(新)GUI生成器並插入圖像(通過添加標籤的方式)。但是,它看起來太大了。無論如何,我可以縮放和控制尺寸嗎? (我看到的東西,它指向cloudinary但似乎過於複雜,我只想簡單地按比例縮小圖片。)如何在Codename One中控制/縮放圖像大小?

+0

我繞過GUI Builder,但找不到控制圖像大小的任何方法。 – ikevin8me

回答

2

有幾種方法在代號爲一到調整圖像和我會在下面幾個提及:

1.

在GUI Builder中使用MultiImages。根據您指定的尺寸,從一個圖像生成多個尺寸的圖像。在您的GUI生成器中,單擊圖像 - >添加多個圖像 - >選擇您的圖像 - >檢查Preserve Aspect Ratio - >增加表示您希望圖像佔用屏幕寬度的百分比的百分比。設置任何DPI您不需要爲0

2.

使用ScaledImageLabel或ScaledImageButton,它會調整圖像的分量佔據填充可用空間。

3.

量表(這是效率不高,雖然)圖像本身在代碼

public static Image getImageFromTheme(String name) { 
    try { 
     Resources resFile = Resources.openLayered("/theme"); 
     Image image = resFile.getImage(name); 
     return image; 
    } catch (IOException ioe) { 
     //Log.p("Image " + name + " not found: " + ioe); 
    } 
    return null; 
} 

Image resizedImage = getImageFromTheme("myImage").scaledWidth(Math.round(Display.getInstance().getDisplayWidth()/10)); //change value as necessary 

4.

變異圖像(創建來自另一圖像的圖像)。

+0

我使用了ScaledImageLabel,它減少了圖像。圖像比原始圖像小。然而,它仍然不足以適應視覺區域(即所顯示的圖像雖然縮小但不夠,因此在顯示時仍會裁剪)代碼位於show()方法中:[ http://stackoverflow.com/questions/42871223/how-do-i-hide-get-rid-the-title-bar-on-a-form-codename-one] – ikevin8me

+0

圖像是什麼樣子?注意編輯你的問題添加截圖? – Diamond

+0

您可能正在尋找可以在該組件中切換的「適合縮放」。我認爲它默認爲「按比例填充」 –