Изображения Titanium/Appcelerator не отображаются на Android

Question

Я вернулся с рассказами о разочаровывающих приключениях. На этот раз относительно изображений на стороне андроида титана.

Короче говоря, я не могу получить изображения для андроида вообще, будь то фоновое изображение или простое изображение в объекте imageView.

Я предоставлю код, который я стараюсь, и делаю его чрезвычайно маленьким и простым, чтобы его можно было легко воспроизвести для всех наших целей тестирования.

Код:

Попытка # 1 создание программно просматривать и изображения:

index.js

var header = Ti.UI.createImageView({ 
    width: 300, 
    image: '/images/header.png', 
    width: 300 
}); 

var win = Ti.UI.createWindow({ 
    backgroundColor: 'white', 
    height: Ti.UI.FILL, 
    title: 'test', 
    width: Ti.UI.FILL 
}); 

win.add(header); 

win.open(); 

Попытка # 2 равнины джан .xml и .tss стайлинга :

индекс .js:

$.index.open(); 

index.xml:

<Alloy> 
    <Window class="container"> 
     <Label id="label">Hello World!!</Label> 
     <ImageView id='img1'></ImageView> 
    </Window> 
</Alloy> 

index.tss:

".container": { 
    backgroundColor: 'white' 
} 

"#img1": { 
    width: 300, 
    image: '/header.png', 
    width: 300, 
    top: 0, 
    left: 0 
} 

расположения файлов (я скопировал же изображение в 3 разных местах, чтобы попытаться получить что-то) :

• приложение/активы/header.png
• приложение/активы/Android/header.png
• приложение/активы/Android/изображения/header.png

---

ВНИМАНИЕ, что я пробовал:

• с использованием "/images/header.png
• используя" images/header.png "
• используя" header.png "
• с помощью "/header.png"

Answer 1

Прежде всего, в свойстве ImageView вы упомянули ширину дважды, поэтому вы можете удалить одно объявление и поместить высоту изображения, например 300 (вы можете поместить Ti.UI.SIZE для поддержания соотношения сторон)

Во-вторых, поместите изображения внутри app/asset/android/images/res-<density> соответственно. Замените <density>, например, mdpi/hdpi/xhdpi. (вы можете поместить это в res-hdpi для тестирования)

Сделайте чистую сборку, а затем проверьте, не отражается ли она.

Answer 2

Очень просто!

сплава Пример:

Поместите изображение в app/assets/images, например app/assets/images/header.png.

Теперь ваш код

<ImageView id='img1' image='/images/header.png' ></ImageView> 

Или в .tss файле

"#img1": { 
    width: 300, 
    image: '/images/header.png', 
    width: 300, 
    top: 0, 
    left: 0 
} 

End!

Answer 3

поместить изображение: app/assets/images/header.png

обращаться к нему с

<ImageView id='img1' image="/images/header.png"></ImageView> 

важно: попытаться очистить свой проект первым для каждого изменения, сделанные в папке активов, прежде чем запустить приложение!