다음 코드를 사용하여 이미지를 화면에로드합니다.
<s:Scroller xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
width="100%"
height="100%">
<s:VGroup width="100%" horizontalAlign="center" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" verticalAlign="top">
<s:Label width="100%" text="Being Active" fontSize="14" fontFamily="Black"/>
<s:Image fillMode="scale" smooth="true" scaleMode="letterbox" verticalCenter="0" horizontalCenter="0" width="100%" source="@Embed('assets/img/q3/q3c1all.png')"/>
....
....
</s:VGroup>
</s:Scroller>
첨부 된 이미지에는 3 개의 이미지가 있습니다. 1. 빌더보기 2. 최종 디자인 (디자이너가 기대하는 것) 3. 렌더링 된 출력 (사용자가 보게 될 것)
scaleMode 레터 박스로 인해 이미지 위와 아래에 많은 공간이 비어 있습니다. 그리고 이것은 층을 나눕니다. 누군가가 출력을 디자인 미리보기처럼 보이게 만들 수있는 방법을 제안 할 수 있습니까 (요구 사항 제목)
왜곡없이 비례 적으로 이미지 크기를 조정하는 방법 (CSS에서 수행 한 것과 같이)
이 문제로 어려움을 겪는 사람들에게 해결책은 비트 맵을 완전히 제어 할 수있는 방법을 사용하는 것입니다. 한 가지 유의해야 할 점은 이미지와 상호 작용 / 이벤트를 사용하려는 경우 컨테이너 내부에 래핑하고 클릭 이벤트를 추가하는 것입니다.
이것이 최선의 해결책인지는 모르겠지만 저에게 효과적이었습니다. :)
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다