컨테이너에 맞게 Flex Spark 이미지 크기 조정
사브 카라 자
다음 코드를 사용하여 이미지를 화면에로드합니다.
<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] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
컨테이너에 맞게 이미지 크기 조정
- 2
요소 높이에 맞게 컨테이너 DIV 크기 조정
- 3
컨테이너에 맞게 요소 크기 조정
- 4
CSS를 사용하여 컨테이너에 맞게 이미지 크기를 조정하는 방법
- 5
CSS로 컨테이너에 맞게 이미지 크기를 조정하는 방법은 무엇입니까?
- 6
행 컨테이너에 맞게 마스터 슬라이더 크기 조정
- 7
배경 너비에 맞게 이미지보기 크기 조정
- 8
배경 너비에 맞게 이미지보기 크기 조정
- 9
TextView 내부 너비에 맞게 HTML 이미지 크기 조정
- 10
CSS / JS 이미지 크기에 맞게 Figure 크기 조정
- 11
부모 컨테이너 높이 * 및 * 너비에 맞게 HTML 비디오 크기 조정
- 12
컨테이너가 굵은 텍스트에 맞게 크기가 조정되지 않도록하는 CSS
- 13
최대 너비가 설정된 div에 맞게 이미지 크기 조정
- 14
화면에 맞게 자동 이미지 크기 조정
- 15
EditText에 맞게 이미지 크기 조정
- 16
Div의 제한에 맞게 이미지 크기 조정
- 17
배경 이미지에 맞게 단추 크기 조정
- 18
포함 된 이미지의 너비에 맞게 div 크기 조정
- 19
목록보기에서 크기에 맞게 이미지 크기 조정
- 20
컨테이너의 크기에 맞게 div의 CSS 확대 / 축소를 동적으로 조정
- 21
반응 형 글꼴 크기 조정-컨테이너에 맞추기
- 22
크기 조정이 아닌 이미지 컨테이너 조정
- 23
a5 pdf에 맞게 이미지 자르기 및 크기 조정
- 24
표 셀에 고정 된 이미지가 셀 너비에 맞게 크기가 조정되지 않음
- 25
화면에 맞게 이미지 크기를 조정하는 방법
- 26
다운로드 한 이미지의 크기를 imageview에 맞게 조정
- 27
OpenCV : 표시된 이미지에 맞게 창의 자동 크기 조정
- 28
Android-사용 가능한 공간에 맞게 이미지 크기 조정
- 29
레터 박스에 맞게 디렉토리의 이미지 크기 조정
몇 마디 만하겠습니다