1

こんにちは、TableView で問題に直面しています。TableView があり、TableView に 5 行追加しました。各行には2つの画像があります。

 var tableRow = Ti.UI.createTableViewRow({
    className : 'row',
    objName : 'row',
    height : 'auto',
    top : '10dip',
    bottom : '10dip',
    left : '20dip',
    right : '30dip',
    height : '80dip'
});
var backgroundView = Ti.UI.createView({
    backgroundImage : '/images/list-bg.png',
    width : '90%',
    height : '75dip'
});
var full= Ti.UI.createImageView({
    image : '/images/boxfull.png',
    right : 10,
    top : 35,
    width : 20,
    height : 20,
    visible : false,
    objName: 'checkImage'
});
backgroundView.add(checkImage);
var empty= Ti.UI.createImageView({
    image : '/images/boxempty.png',
    visible : false,
    right : 10,
    top : 35,
    width : 20,
    height : 20,
    objName: 'uncheckImage'
});
backgroundView.add(uncheckImage);
var requestName = Ti.UI.createLabel({
    text : '' + json.requestName,
    left : '60dip',
    top : '5dip',
    right : '10dip',
    textAlign : 'left',
    ellipsize : true,
    wordWrap : false,
    font : {
        fontSize : '12dip',
        fontWeight : 'bold'
    },
    color : '#285a8c',
    height : '30dip',

});
backgroundView.add(requestName );
tableRow.add(backgroundView);
section1.add(tableRow);
tableView.setData(data);

ユーザーがボタンをクリックすると、それらの画像のいずれかがユーザーに表示されます。

var sectionArray = tableView.getData();
var sectionsLength = tableView.getData().length;
for (var i = 0; i < sectionsLength ; i++) {
    Ti.API.info("get sections-->" + i);
    var rows = [];
    rows = sectionArray[i].getRows();
    for (var j = 0; j < rows.length - 1; j++) {
        if (rows[j].requestId != undefined) {
            Ti.API.error(JSON.stringify(rows[j].children[0]));
            rows[j].children[0].children[1].visible = true;
        }
    }
}

次に、ユーザーが行をクリックすると、他の画像を表示する必要があり、前の画像は非表示にする必要があります。

           if (e.row.children[0].children[1].visible == true) {// if emptyimage visible is true then change visibility to false
            e.row.children[0].children[1].visible = false;
            // change visibility of checked image to true
            e.row.children[0].children[0].visible = true;

        } else {
            //change checked image visibility to false
            e.row.children[0].children[0].visible = false;
            // change unchecked image visibility to true
            e.row.children[0].children[1].visible = true;
        }

すべてが正常に機能しており、テーブルをロードできます。しかし、ユーザーがボタンをクリックすると、テーブルの各行に boxempty.png 画像が表示されません。画面の向きを回転させたり、テーブルビューをスクロールしたりすると、boxempty.png 画像しか表示されません。ユーザーがテーブル行をクリックすると、同じ問題が繰り返されて boxfull.png が表示されます。私がAndroidで直面しているこの問題。

4

1 に答える 1

0

画像ビューの幅と高さをそれぞれ 25px に変更してみてください。複数のセレクターピッカーを作成するときに同じ問題に遭遇しました。そこで上記の寸法を使用しました。問題の正確な理由はわかりません。アプリケーション全体でピクセルを使用しました。

var empty= Ti.UI.createImageView({
    image : '/images/boxempty.png',
    visible : false,
    right : 10,
    top : 35,
    width : 25,
    height : 25,
    objName: 'uncheckImage'
});
于 2013-03-28T10:21:57.913 に答える