2013-01-11 46 views
2

移動+平板電腦的鈦項目,完美的移動版本,但面臨平板電腦設計時面臨一些複雜性。平板電腦「drawable」限定詞

下面是預選賽的其中由鈦支持,但也不太能找到它的目標Android系統的平板

enter image description here

我發現,您可以強行把事情適用的Android資源的任何限定矩陣「平臺> android> res」目錄。

var tab = Titanium.UI.createTab({ 
    icon:Ti.App.Android.R.drawable.tab_icon 
}); 

與標籤及其icon財產我能夠得到繪製,但其沒有工作休息控制(即ImageView的,按鈕,查看等)
如何設置的ImageView的背景,從平臺文件夾中獲取圖像?

任何暗示/建議歡迎

回答

0

在與Titanium做了一些工作之後,我得出結論,Titanium遵循相同的可命名drawable標準,但唯一的區別是在android中我們使用drawable-hdpi,但在Titanium中它是res-hdpi

2

一切都很好,只是要設置的路徑作爲一個字符串

即。 icon:'Ti.App.Android.R.drawable.tab_icon'.

相反,您將不得不像下面那樣設置圖像。

icon:Ti.App.Android.R.drawable.tab_icon 

編輯

我找到解決方案來處理多分辨率爲Android。

這裏是我的資源,我在resources/android/images文件夾

You can see image

已經推杆在此圖像中我已經爲每種類型的文件夾繪製創建不同的圖像。 您可以在所有文件夾中看到bg.png。在bg.png中,我寫了與可繪製文件夾相關的文本。

這裏是我的app.js文件中的ImageView

Titanium.UI.setBackgroundColor('#000'); 

var win1 = Titanium.UI.createWindow({ 
    title:'Tab 1', 
    backgroundColor:'#fff' 
}); 

var view = Ti.UI.createImageView({ 
    width : Ti.UI.SIZE, 
    height : Ti.UI.SIZE, 
    image : '/images/bg.png' 

}) 

win1.add(view); 
win1.open(); 

顯示圖像現在運行在你的設備的應用程序,並檢查你在ImageView的獲得該圖像。

注::加載窗口,如果你會改變的方向也不會因爲在默認情況下鈦重新加載圖像中的ImageView爲取向限制方向通過把android:configChanges="keyboardHidden|orientation"線在清單文件,該文件是自動產生變化後。

您可以通過複製生成的清單文件「/編譯/安卓/」更改此默認行爲,以「/項目目錄/平臺/安卓/」

複製該文件後,從打開清單文件「/項目目錄/ platform/android /「目錄並刪除上面的行(android:configChanges =」keyboardHidden | orientation「)。

保存文件並運行應用程序,現在您也可以檢查多方位。

也爲平板電腦,你可以分別保存在res-port-largeres-port-xlargeres-land-largeres-land-xlarge縱向和橫向圖像。

EDIT2 ::

也有這個問題,克服另一種方法。 創建項目根目錄下的文件夾。

Resources 
platform 
    -> res 
     -> drawable 
     -> drawable-ldpi 
     -> drawable-mdpi 
     -> drawable-hdpi 
     -> drawable-xhdpi 

現在把你所有的圖像放在各自的文件夾中。

現在來自JavaScript文件,你可以做下面的代碼來訪問這些文件。

var view = Ti.UI.createImageView({ 
    width : Ti.UI.SIZE, 
    height : Ti.UI.SIZE, 
    image : Ti.App.Android.R.drawable.icon //Here icon is available to all above folders which we have created in /platform/res 

}) 

享受!

+1

不,不,這是我的錯誤,它完美的作品,但我不能設置圖像'ImageView'或'按鈕'等... –

+0

@hotveryspicy檢查我更新的答案。 – Dharmendra