Wie kann eine Gruppe in einer vertikalen Breite, die einen RichText enthält, sichtbar gemacht und ihre Höhe so festgelegt werden, dass sie in RichText passt?

Question

Hier möchte ich notifyPanel sichtbar machen, nachdem es in seinen Zustand mit einem reibungslosen Übergang geändert wurde. Aber ich möchte, dass der notifyText seine eigene Höhe hat, was ich meine ist, dass, wenn es mehrzeilig ist, eine Höhe hat, wenn nicht, andere. Aus diesem Grund kann ich nicht nur die notifyPanel.height gesetzt = 20

<s:Group width="100%" height="100%" minHeight="10"> 
     <s:layout> 
      <s:VerticalLayout gap="0"/> 
     </s:layout> 

<!-- Here I want to make notifyPanel visible after changed to it's state, with a smooth transition. But I want to let the notifyText to have it's own height, what I mean is that if it's multiline has some height if not, have other. Because of this i can't just set the notifyPanel.height = 20 --> 
     <s:Group id="notifyPanel" width="100%" minHeight="0"> 
      <s:Rect height="100%" width="100%"> 
       <s:fill> 
        <s:SolidColor color="#48E200"/> 
       </s:fill> 
      </s:Rect> 
      <s:RichText id="notifyText" color="#ffffff" top="5" left="10" bottom="5" right="10" text="RichText"/> 
     </s:Group> 


     <s:Group height="100%" width="100%"> 
      <s:Rect height="100%" width="100%"> 
       <s:fill> 
        <s:SolidColor color="#FFFFFF"/> 
       </s:fill> 
      </s:Rect> 
      <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0"/> 
     </s:Group> 


    </s:Group> 

Answer 1

Entfernen Sie die Breite & Höhe auf notifyPanel, dass es von der Größe ihres Inhalts verursachen. Entfernen Sie außerdem die Einschränkungen von "notifyText", damit auch die Größe des Inhalts festgelegt wird. Steuern Sie die allgemeinen Einschränkungen, indem Sie die minHeight & maxHeight auf notifyPanel festlegen.

<s:Group id="notifyPanel"> 
    <s:Rect height="100%" width="100%"> 
     <s:fill> 
      <s:SolidColor color="#48E200"/> 
     </s:fill> 
    </s:Rect> 
    <s:RichText id="notifyText" color="#ffffff" text="RichText"/> 
</s:Group>