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

Question

谁能解释为什么使用Image Factory module在Android上下载和存储图像，它会忽略PNG图形的透明度并给它们一个黑色背景？

它在 iOS 上运行良好，一切都“原样”。

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

救命！

这是我的下载脚本，我正在使用 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 的文件，然后使用 @987654321 读取它@。

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>