imageview 总是居中于 tableview
imageview always center in tableview
我有一个 appcelerator 项目,在 IOS 和 Android。
问题是当我需要一个在行内带有图像视图的表视图时。
在 Android 中,我可以将 image1 放在左边框附近,但在 iOS 中,imageview 始终居中。
问题出在哪里????
谢谢
我的代码:
for (i=0;i<NRegistros;i++){
TablaSerieTermostatos[i]=rows.field(0);
leoSerie=rows.field(0);
TablaPinTermostatos[i]=rows.field(1);
leoPin=rows.field(1);
TablaNombreTermostatos[i]= rows.field(2);
TablaTemperTermostatos[i]= rows.field(345);
var nuevaRow=Ti.UI.createTableViewRow({height:200, backgroundSelectedColor: "white"});
var cuadroexterno=Ti.UI.createView({
id: "CuadroExterno",
backgroundColor: "white" ,
height: "100%",
width: "100%",
left:"0%",
top:"5%"
});
var titulo1=Ti.UI.createLabel({
id: "NombreTerm",
text: TablaNombreTermostatos[i],
font: {fontSize: '27'},
color: "#0060a7" ,
textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT,
left: "50%",
top:"35%"
});
var imagen1=Ti.UI.createImageView({
id: "Radiador",
image: "/Copiar Emisor.png",
height: "70%",
//left:"15%",
top:"10%"
});
if (Ti.Platform.name=="iPhone OS") {
imagen1.right = "40%";
titulo1.left = "55%";
}
else imagen1.left="15%";
cuadroexterno.add(imagen1);
cuadroexterno.add(titulo1);
nuevaRow.add(cuadroexterno);
$.TablaCopiar.appendRow(nuevaRow);
rows.next();
}
Alloy:
<TableView id="TablaCopiar" top="20%" height="80%" left="0%" zindex="20" width="100%" backgroundColor="white" visible="false" separatorColor="gray" >
</TableView>
在创建名称为 TableRow:
的新控制器后尝试此代码
var table_rows = [];
for (i=0;i<NRegistros;i++){
TablaSerieTermostatos[i]=rows.field(0);
leoSerie=rows.field(0);
TablaPinTermostatos[i]=rows.field(1);
leoPin=rows.field(1);
TablaNombreTermostatos[i]= rows.field(2);
TablaTemperTermostatos[i]= rows.field(345);
table_rows.push(Alloy.createController('TableRow', {
text : TablaNombreTermostatos[i]
}).getView());
rows.next();
}
$.TablaCopiar.data = table_rows;
TableRow.xml
<Alloy>
<TableViewRow height="200" backgroundSelectedColor="white">
<View class="views">
<Label id="NombreTerm" class="row-labels" />
<ImageView id="Radiador" class="left-images"/>
</View>
</TableViewRow>
</Alloy>
TableRow.tss
".views" : {
width : Titanium.UI.FILL,
height : Titanium.UI.FILL,
backgroundColor : "white"
}
".left-images" : {
left : 70,
height : '70%',
image : "/Copiar Emisor.png"
}
".row-labels" : {
textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
color : "#0060a7",
font: {fontSize: '27'}
}
TableRow.js
$.NombreTerm.text = $.args.text;
我有一个 appcelerator 项目,在 IOS 和 Android。
问题是当我需要一个在行内带有图像视图的表视图时。 在 Android 中,我可以将 image1 放在左边框附近,但在 iOS 中,imageview 始终居中。 问题出在哪里????
谢谢
我的代码:
for (i=0;i<NRegistros;i++){
TablaSerieTermostatos[i]=rows.field(0);
leoSerie=rows.field(0);
TablaPinTermostatos[i]=rows.field(1);
leoPin=rows.field(1);
TablaNombreTermostatos[i]= rows.field(2);
TablaTemperTermostatos[i]= rows.field(345);
var nuevaRow=Ti.UI.createTableViewRow({height:200, backgroundSelectedColor: "white"});
var cuadroexterno=Ti.UI.createView({
id: "CuadroExterno",
backgroundColor: "white" ,
height: "100%",
width: "100%",
left:"0%",
top:"5%"
});
var titulo1=Ti.UI.createLabel({
id: "NombreTerm",
text: TablaNombreTermostatos[i],
font: {fontSize: '27'},
color: "#0060a7" ,
textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT,
left: "50%",
top:"35%"
});
var imagen1=Ti.UI.createImageView({
id: "Radiador",
image: "/Copiar Emisor.png",
height: "70%",
//left:"15%",
top:"10%"
});
if (Ti.Platform.name=="iPhone OS") {
imagen1.right = "40%";
titulo1.left = "55%";
}
else imagen1.left="15%";
cuadroexterno.add(imagen1);
cuadroexterno.add(titulo1);
nuevaRow.add(cuadroexterno);
$.TablaCopiar.appendRow(nuevaRow);
rows.next();
}
Alloy:
<TableView id="TablaCopiar" top="20%" height="80%" left="0%" zindex="20" width="100%" backgroundColor="white" visible="false" separatorColor="gray" >
</TableView>
在创建名称为 TableRow:
的新控制器后尝试此代码var table_rows = [];
for (i=0;i<NRegistros;i++){
TablaSerieTermostatos[i]=rows.field(0);
leoSerie=rows.field(0);
TablaPinTermostatos[i]=rows.field(1);
leoPin=rows.field(1);
TablaNombreTermostatos[i]= rows.field(2);
TablaTemperTermostatos[i]= rows.field(345);
table_rows.push(Alloy.createController('TableRow', {
text : TablaNombreTermostatos[i]
}).getView());
rows.next();
}
$.TablaCopiar.data = table_rows;
TableRow.xml
<Alloy>
<TableViewRow height="200" backgroundSelectedColor="white">
<View class="views">
<Label id="NombreTerm" class="row-labels" />
<ImageView id="Radiador" class="left-images"/>
</View>
</TableViewRow>
</Alloy>
TableRow.tss
".views" : {
width : Titanium.UI.FILL,
height : Titanium.UI.FILL,
backgroundColor : "white"
}
".left-images" : {
left : 70,
height : '70%',
image : "/Copiar Emisor.png"
}
".row-labels" : {
textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
color : "#0060a7",
font: {fontSize: '27'}
}
TableRow.js
$.NombreTerm.text = $.args.text;