SapUi5 Совместите изображение с меткой в ​​простой форме

Question

У меня есть простой вид, как что:

Это мой XML-код:

<core:View 
     xmlns   = "sap.m" 
     xmlns:com  = "sap.ui.commons" 
     xmlns:core  = "sap.ui.core" 
     xmlns:l   = "sap.ui.layout" 
     xmlns:html  = "http://www.w3.org/1999/xhtml" 
     controllerName = "InRETL.view.Cash" 
     xmlns:f   = "sap.ui.layout.form"> 
<Page 
     showNavButton  = "true" 
     title    = "Cash"> 
    <ObjectHeader 
     title    = "Cash" 
     number    = "30.000" 
     numberUnit   = "₪"> 
    </ObjectHeader> 
    <IconTabBar 
     backgroundDesign = "Transparent">    
     <items> 
      <IconTabFilter 
       icon  = "sap-icon://sales-order-item" 
       text  = "Details"> 
       <f:SimpleForm 
        maxContainerCols  = "2" 
        labelSpanL    = "3" 
        labelSpanM    = "3" 
        labelSpanS    = "3" 
        emptySpanL    = "0" 
        emptySpanM    = "0" 
        emptySpanS    = "0" 
        columnsL    = "2" 
        columnsM    = "2"      
        columnsS    = "2"      
        editable    = "true" 
        layout     = "ResponsiveGridLayout"> 
        <f:content> 
         <core:Title 
           level  = "H4" 
           emphasized = "true" 
           text  = "Notes" /> 

         <!-- <Image 
          src="images/200a.png" 
          width="50px" 
          heigh="30px" > 
         </Image> -->   
         <Label text  = "200 ₪" /> 
         <Input editable = "false" 
           value  = "2000" /> 

         <Label text  = "100 ₪" /> 
         <Input editable = "false" 
           value  = "2000" /> 
         <Label text  = "50 ₪" /> 
         <Input editable = "false" 
           value  = "2000" /> 
         <Label text  = "20 ₪" /> 
         <Input editable = "false" 
           value  = "2000" /> 
         <core:Title text="Coins"  
           level  = "H4" /> 
         <Label text  = "10 ₪" /> 
         <Input editable = "false" 
           value  = "2000" /> 
         <Label text  = "5 ₪" /> 
         <Input editable = "false" 
           value  = "2000" /> 
         <Label text  = "1 ₪" /> 
         <Input editable = "false" 
           value  = "2000" /> 
        </f:content> 
       </f:SimpleForm> 
      </IconTabFilter> 

      </items> 
    </IconTabBar> 
</Page> 

Но я хочу, чтобы добавить изображение около суммы

И я пытаюсь добавить изображение, но мой результат таков:

Как я могу сделать, чтобы выровнять изображение с меткой

Спасибо всем !!

Answer 1

После долгих поисков,

Я должен сделать сетку и установить макет для всех элементов вроде этого :

<Image 
          src="images/200a.png" 
          width="80px" 
          heigh="50px" > 
         <layoutData> 
          <l:GridData 
          span="L2 M1 S1" 
          linebreakL="true" 
          linebreakM="true" 
          linebreakS="true" /> 
         </layoutData> 
         </Image> 

         <Label text  = "200 ₪"> 
          <layoutData> 
           <l:GridData span="L2 M2 S4" /> 
          </layoutData> 
         </Label> 
         <Input editable = "false" 
           value  = "2000" > 
         <layoutData> 
           <l:GridData span="L2 M2 S4" /> 
         </layoutData> 
         </Input> 

И результат: