2012-02-12 5 views
5

Flash Builder 4.6에서 Flex Mobile AIR 프로젝트를 만들었습니다.Flex 모바일 AIR 앱 : 하단의 내용을 볼 수 없습니다.

2 개의 버튼이나 스크롤 막대가 표시되지 않는 이유는 무엇입니까?

왜 더 많은 텍스트와 2 개의 버튼을 보려면 아래로 스 와이프 할 수 없습니까?

<?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> 

앱 자체 - Test.mxml : -

"홈보기"- Agreement.mxml

enter image description here

은 여기 내 완전하고 간단한 소스 코드 :

<?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> 

답변

5

이 대신보십시오 :

<?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> 

플렉스 4에서, 당신은 당신은 Scroller를 사용할 필요가 누군가가 스크롤러 :

0

를 사용하여 스크롤 할 필요가있는 경우 지정해야합니다.

라벨이 가장 빠르고 가벼운이지만, 그 기능에 제한 : 다음 docs note으로

, 혼자 Label 스크롤하지 제공하지 않습니다 더 복잡한 서식을, 는 더 스크롤, 아니 선택, 편집하지 않으며 하이퍼 링크도 없습니다.

이 아니라 극단적으로하며,이 Scroller의 디스플레이보다 클 수 있습니다 아무것도 포장하는 것이 불편하다. 귀하의 경우를 들어

:

<?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> 
+0

"라벨이 가장 빠르고 가벼운"? 그 근원은 어디 있습니까? 2010/2011 년 MAX 컨퍼런스의 공식 Adobe 문서 및 프리젠 테이션 로그에는 StyleableTextfield가 모바일 응용 프로그램에서 가장 빠른 것으로 나와 있습니다 (단, Label이 그 뒤를 잇습니다). – AlBirdie

+0

그 인용구 바로 앞에는'Label'에 대한 문서에 대한 몇 개의 링크가 있습니다. 이것이 원본입니다. – blahdiblah

+0

아, 죄송합니다. 그것을 놓쳤습니다. 여전히 ItemRenderer 외부의 성능 차이가 대부분의 응용 프로그램에서 중요하지 않더라도 StyleableTextfield는 label보다 빠르다고합니다. – AlBirdie

관련 문제