使用應用程序中的模板向listview添加元素

這是用於創建列表視圖並使用appcelerator中的模板添加元素的.xml文件。如何設置.tss文件中列表項中的內容的樣式。例如。我希望圖像位於最左邊，標題位於下面的中間，這將是日期和網址。使用應用程序中的模板向listview添加元素

<Alloy> 
     <Window id="win2" class="container"> 
      <View id = "v1" class ="view1" layout ="horizontal" > 
       <Button class="btnBack" ></Button> 
       <Label class = "label1">List</Label> 
      </View> 
      <View class="view2"> 
       <TextField id = "txtSearch"></TextField> 
      </View> 
      <ListView id = "lView" class = "list1" > 
       <Templates> 
        <ItemTemplate name="template"> 
         <ImageView bindId="pic" id="iconId" /> 
         <Label bindId="info" id="titleId" /> 
         <Label bindId="date" id="dateId" /> 
         <Label bindId="url" id ="urlId" /> 
        </ItemTemplate> 
       </Templates> 
<ListSection> 
         <ListItem pic:image="/Images/abstract-logo-with-colorful-leaves_1025-695.jpg" info:text ="This is the title" date:text= "6/30/2017" url:tex ="https://youtu.be/zkOSR0ZRb9k"></ListItem> 
        </ListSection> 
      </ListView> 

     </Window> 
    </Alloy>

來源

2017-06-30 SylieC

查看合金XML標記中的ListView documentation部分。並注意示例index.tss如何通過參數id引用ItemTemplate中的每個控件。這個例子非常接近你想要完成的事情：

"#icon" : { 
    width: '50dp', height: '50dp', left: 0 
}, 
"#title" : { 
    color: 'black', 
    font: { fontFamily:'Arial', fontSize: '20dp', fontWeight:'bold' }, 
    left: '60dp', top: 0 
}, 
"#subtitle" : { 
    color: 'gray', 
    font: { fontFamily:'Arial', fontSize: '14dp' }, 
    left: '60dp', top: '25dp' 
}

來源

2017-06-30 17:14:35

使用對象的ID來放置/設置項目的樣式。例如在你的tss：

"#iconId" : {left : 5}, 
"#titleId" : {left: 100}, 
"#dateId" : {left: 100}, 
"#urlId" : {left: 100}

你可以根據需要進行調整。

來源

2017-06-30 17:12:46 Ray

我的男人雷甚至爲你設定了造型！ –

使用應用程序中的模板向listview添加元素

回答

相關問題