如何在列表中创建图标和文字?

时间:2014-11-11 07:23:27

标签: sapui5

我想用包含4个字段的列表创建moible application(sap.m):

     icon label   icon
                  label
     -------------------

我希望在一行中标签位于图标下方。

我在标准列表项中找到了很好的例子,但StandartdListItem不允许标题为icon的问题。 (想法是做标题和描述之类的标题应该是图标,需要在正确的屏幕上)

你知道我需要使用哪个sap对象吗?

StandartdListItem的示例

      <mvc:View
 controllerName="sap.m.sample.StandardListItemTitle.List"
 xmlns:l="sap.ui.layout"
xmlns:mvc="sap.ui.core.mvc"
 xmlns="sap.m">
<List
  id="ShortProductList"
headerText="Products">
  <items>
  <StandardListItem
      title="{0/Name}"
    description="{0/ProductId}"
      icon="{0/ProductPicUrl}" 
    iconDensityAware="false"
    iconInset="false"
    adaptTitleSize="false" />
  <!--  set this item's description be empty -->
  <StandardListItem
    title="{1/Name}"
    description=""
    icon="{1/ProductPicUrl}" 
    iconDensityAware="false"
    iconInset="false"
    adaptTitleSize="false" />
  <StandardListItem
    title="{2/Name}"
    description="{2/ProductId}"
    icon="{2/ProductPicUrl}"
    iconDensityAware="false"
    iconInset="false"
    adaptTitleSize="false" />
  <!--  don't specify a description for this item -->
  <StandardListItem
    title="{3/Name}"
    icon="{3/ProductPicUrl}"
    iconDensityAware="false"
    iconInset="false"
    adaptTitleSize="false" />
</items>

1 个答案:

答案 0 :(得分:1)

你必须使用CustomListItem并自己构建这个特定的行我害怕。您可能需要插入水平布局然后垂直布局才能实现目标,但可能会有不同的路径达到预期目标。