Question

enter image description here

如何在TableViewRow之间获取空间已显示在上图中。

Window.js

for(var i=0;i < election.length ;i++){
//  
    tblRow_Election[i] = Titanium.UI.createTableViewRow({
        height:(Ti.Platform.osname == 'ipad')?'280':'140',
        width:Titanium.Platform.displayCaps.platformWidth,
        left:(Ti.Platform.osname == 'ipad')?'20':'10',
        right:(Ti.Platform.osname == 'ipad')?'20':'10',
        color:'red',
        touchEnabled: true, 
        borderRadius:'4',
        borderWidth:'1',
        borderColor:'green',

    }); 

        data.push(tblRow_Election[i]);
}

    $.tbl_ElectionList.data = data;

Window.tss

"#tbl_ElectionList":{

    top:'40',
    height:'auto',
    backgroundColor:'transparent',
    left:'10',
    right:'10', 
    style:Titanium.UI.iPhone.TableViewStyle.GROUPED,
    borderColor:'green',
    separatorInsets: {
      left:0,
      right:0,
  },
}

Window.xml

<Alloy>
    <Window id="ElectionWin" class="ElectionWindow" >
        <View class="container" id = "view_Election" backgroundColor="white">
            <TableView id="tbl_ElectionList">
            </TableView>    
    </View>
    </Window>
</Alloy>

无法在每一行之间找到差距。任何人都可以建议我如何实现每个tableviewRow之间的差距。

@All先前感谢

Answer 1

首先你必须设置separator style to none，这样你就可以自己定义间隙，你可以在表'tss中设置这个，我也不会使用分组的样式，因为这会进一步限制你的样式：

"#tbl_ElectionList":{
    top:'40',
    height:Ti.UI.SIZE,
    left:'10',
    right:'10', 
    separatorStyle : Titanium.UI.iPhone.TableViewSeparatorStyle.NONE,
    borderColor:'green'
}

尝试以这种方式添加行，您应该看到间隙

var containerrow = Titanium.UI.createTableViewRow({
    height:(Ti.Platform.osname == 'ipad')?'280':'140',
    width: Ti.UI.FILL
}); 

// This innerView will be set in the middle of the row
// It will hold your main row content
// We make it smaller than the row to give padding
var innerView = Ti.UI.createView({
    width : '80%',
    height : '80%',
    color:'red',
    borderRadius:4,
    borderWidth:1,
    borderColor:'green'
 });
 containerrow.add(innerView);
 // Add to the table data
 data.push(containerrow);

然后当然按照以前的方式设置数据。

每个Tableviewrow钛合金之间的空间

1 个答案: