使用 Appcelerator 在 Android 上下载透明 PNG 会使背景变黑

Question

任何人都可以解释为什么使用 Image Factory module 下载和存储图像到 Android 时，它会忽略 PNG 图形的透明度并给它们一个黑色背景吗？

它在 iOS 上工作正常，一切都是 "as is"。

我是否需要向下载脚本添加任何内容以保持透明度？

求助！

这是我的下载脚本，我正在使用 Titanium 3.5.1 GA 构建：

function getMarker(url, filename) {

// this will enable us to have multiple file sizes per device
var filename2 = filename.replace(".png", "@2x.png");
var filename3 = filename.replace(".png", "@3x.png");

var mapMarker = Ti.Filesystem.getFile(Ti.Filesystem.applicationDataDirectory, 'map_marker_icons', filename);
var mapMarker2 = Ti.Filesystem.getFile(Ti.Filesystem.applicationDataDirectory, 'map_marker_icons', filename2);
var mapMarker3 = Ti.Filesystem.getFile(Ti.Filesystem.applicationDataDirectory, 'map_marker_icons', filename3);

// now we need to download the map marker and save it into our device 

var getMarker = Titanium.Network.createHTTPClient({
    timeout: 30000
});

getMarker.onload = function() {

    // if the file loads, then write to the filesystem
    if (getMarker.status == 200) {
        // resize the images into non-retina, retina and retina HD and only download and resize what is actyally required

            var getOriginal = ImageFactory.imageWithAlpha(this.responseData, {});

            var resized2 = ImageFactory.imageAsResized(getOriginal, {
                width: 50,
                height: 50
            });
            mapMarker.write(resized2);
            Ti.API.info(filename + " Image resized");


        //I ALWAYS NULL ANY PROXIES CREATED SO THAT IT CAN BE RELEASED
        mapMarker = null;
    } else {
        Ti.API.info("Image not loaded");
    }

    // load the tours in next
    loadNav();



};

getMarker.onerror = function(e) {
    Ti.API.info('XHR Error ' + e.error);
    //alert('markers data error');
};

getMarker.ondatastream = function(e) {
    //Ti.API.info('Download progress: ' + e.progress);
};

// open the client
getMarker.open('GET', url);

// change the loading message
MainActInd.message = 'Downloading Markers';
// show the indicator
MainActInd.show();

// send the data
getMarker.send();    }

如有任何帮助，我们将不胜感激！

西蒙

Answer 1

请尝试以下代码，我在 Android 和 iOS 上用 png Url 尝试过，首先我通过 HTTP 客户端请求获取照片，然后将其另存为一个扩展名为 png 的文件，然后我用 ImageView.

读取它

index.js:

$.win.open();

savePng("https://cdn1.iconfinder.com/data/icons/social-media-set/29/Soundcloud-128.png");
function savePng(pngUrl) {
    var client = Titanium.Network.createHTTPClient({
        onload : function(e) {
            var image_file = Ti.Filesystem.getFile(Titanium.Filesystem.applicationDataDirectory, "test.png");
            image_file.write(this.responseData);
            $.img.image = image_file.read();
        },
        onerror : function(e) {
            alert(e.error);
        },
        timeout : 10000
    });
    client.open("GET", pngUrl);
    client.send();
}

index.xml:

<Alloy>
        <Window id="win" backgroundColor="gray">
        <ImageView id="img" />
    </Window>
</Alloy>

使用 Appcelerator 在 Android 上下载透明 PNG 会使背景变黑

Downloading Transparent PNG's on Android using Appcelerator turns the background black

png

android

titanium

appcelerator

appcelerator-mobile