Applicazione Flex mobile AIR: impossibile vedere il contenuto nella parte inferiore

Question

In Flash Builder 4.6 Ho creato un progetto Flex Mobile AIR.

Perché non ci sono né i 2 pulsanti né una barra di scorrimento per vedere?

E perché non è possibile scorrere verso il basso per visualizzare più testo e i 2 pulsanti?

Ecco il mio codice completo e semplice fonte -

La "vista casa" - Agreement.mxml:

<?xml version="1.0" encoding="utf-8"?> 
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     title="HomeView"> 

    <s:layout> 
     <s:VerticalLayout paddingTop="10" paddingBottom="10" paddingLeft="10" gap="10" /> 
    </s:layout> 

    <s:Label text="Agreement" width="100%" textAlign="center" /> 

    <s:Label width="100%"> 
     <s:text> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt rutrum felis eu tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In auctor erat nec ligula vestibulum porttitor ornare quam facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretium elementum elit, vitae aliquet turpis facilisis tempus. Curabitur quis mi tellus, placerat bibendum erat. Vestibulum condimentum dolor eu purus fermentum pharetra. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tempus aliquam vehicula. 

Ut porta commodo interdum. Vestibulum et magna non felis malesuada mollis eu a dolor. Vivamus non diam purus, quis ultricies mi. Maecenas pharetra lorem ac elit tempor bibendum. Fusce gravida, enim et cursus dignissim, augue lectus consequat diam, sit amet laoreet urna eros a nisi. Phasellus id lacinia elit. Nullam pharetra tempor lobortis. Morbi non orci eget tellus consectetur euismod sed in diam. Sed sit amet fringilla massa. Sed quis ligula diam, ut vulputate odio. Donec dapibus diam vel libero tincidunt eu laoreet mauris adipiscing.  </s:text> 
    </s:Label> 

    <s:Spacer height="100%" /> 

    <s:HGroup width="100%" gap="10"> 
     <s:Button label="I do not agree" width="50%" /> 
     <s:Button label="I agree" width="50%" /> 
    </s:HGroup> 
</s:View> 

E l'applicazione stessa - Test.mxml:

<?xml version="1.0" encoding="utf-8"?> 
<s:ViewNavigatorApplication 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    firstView="views.Agreement"> 

</s:ViewNavigatorApplication> 

Answer 1

Prova a modificare:

<?xml version="1.0" encoding="utf-8"?> 
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     title="HomeView"> 
    <s:Scroller width="100%" height="100%"> 
     <s:VGroup width="100%" height="100%" paddingTop="10" paddingBottom="10" paddingLeft="10" gap="10"> 
      <s:Label text="Agreement" width="100%" textAlign="center" /> 

      <s:Label width="100%"> 
       <s:text> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt rutrum felis eu tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In auctor erat nec ligula vestibulum porttitor ornare quam facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretium elementum elit, vitae aliquet turpis facilisis tempus. Curabitur quis mi tellus, placerat bibendum erat. Vestibulum condimentum dolor eu purus fermentum pharetra. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tempus aliquam vehicula. 

     Ut porta commodo interdum. Vestibulum et magna non felis malesuada mollis eu a dolor. Vivamus non diam purus, quis ultricies mi. Maecenas pharetra lorem ac elit tempor bibendum. Fusce gravida, enim et cursus dignissim, augue lectus consequat diam, sit amet laoreet urna eros a nisi. Phasellus id lacinia elit. Nullam pharetra tempor lobortis. Morbi non orci eget tellus consectetur euismod sed in diam. Sed sit amet fringilla massa. Sed quis ligula diam, ut vulputate odio. Donec dapibus diam vel libero tincidunt eu laoreet mauris adipiscing.  </s:text> 
      </s:Label> 

      <s:Spacer height="100%" /> 

      <s:HGroup width="100%" gap="10"> 
       <s:Button label="I do not agree" width="50%" /> 
       <s:Button label="I agree" width="50%" /> 
      </s:HGroup> 
     </s:VGroup> 
    </s:Scroller> 
</s:View> 

In Flex 4, è necessario specificare se qualcuno ha bisogno di scorrere utilizzando lo scroller :)

Answer 2

È necessario utilizzare un Scroller.

Come il docs note, parlare di un Label non fornirà lo scorrimento:

Label è il più veloce e più leggero, ma è limitato nella sua capacità: senza formattazione complessa, senza scrolling, nessuna selezione, nessuna modifica e nessun collegamento ipertestuale.

Questo è un inconveniente per avvolgere tutto ciò che potrebbe essere più grande del display in un Scroller, ma non così impossibile.

Per il vostro caso:

<?xml version="1.0" encoding="utf-8"?> 
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     title="HomeView"> 

    <s:layout> 
     <s:VerticalLayout paddingTop="10" paddingBottom="10" paddingLeft="10" gap="10" /> 
    </s:layout> 

    <s:Label text="Agreement" width="100%" textAlign="center" /> 
    <s:Scroller width="100%" height="100%"> 
     <s:VGroup> 
      <s:Label width="100%"> 
       <s:text> 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt rutrum felis eu tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In auctor erat nec ligula vestibulum porttitor ornare quam facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretium elementum elit, vitae aliquet turpis facilisis tempus. Curabitur quis mi tellus, placerat bibendum erat. Vestibulum condimentum dolor eu purus fermentum pharetra. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tempus aliquam vehicula. 

       Ut porta commodo interdum. Vestibulum et magna non felis malesuada mollis eu a dolor. Vivamus non diam purus, quis ultricies mi. Maecenas pharetra lorem ac elit tempor bibendum. Fusce gravida, enim et cursus dignissim, augue lectus consequat diam, sit amet laoreet urna eros a nisi. Phasellus id lacinia elit. Nullam pharetra tempor lobortis. Morbi non orci eget tellus consectetur euismod sed in diam. Sed sit amet fringilla massa. Sed quis ligula diam, ut vulputate odio. Donec dapibus diam vel libero tincidunt eu laoreet mauris adipiscing.  </s:text> 
      </s:Label> 

      <s:Spacer height="100%" /> 

      <s:HGroup width="100%" gap="10"> 
       <s:Button label="I do not agree" width="50%" /> 
       <s:Button label="I agree" width="50%" /> 
      </s:HGroup> 
     </s:VGroup> 
    </s:Scroller> 
</s:View>