Yaluka's Blog » [Flex] 간단한 배경이미지 사용하기 Tip

Yaluka | 2009/10/22 17:13

[code xml] <![CDATA[ import mx.core.BitmapAsset; [Embed(source="background.gif")] [Bindable] public var imgCls:Class; public var varOne:String = ""; private function modImage():void { // 내장 클래스로 부터 개체를 생성합니다. // 이미지 파일을 Embed 합니다. // 데이터 형식은 BitmapAsset var imgObj:BitmapAsset = new imgCls() as BitmapAsset; // 개체 수정 imgObj.bitmapData.noise(4); } ]]> </mx:Script> <mx:VBox width="100%" height="100%" backgroundImage="{imgCls}" /> //는 ]]> 아래에 출력[/code]Flex에서 간단하게 배경이미지를 사용할 수 있는 예제입니다.

background.gif(예시) 이미지는 해당 폴더 안에 포함되어있으면 됩니다.

이미지는 작은 용량의 이미지와 해당 크기에 맞추는 걸 권장해드립니다. (이미지로 인해 용량증가가 거대하게 나타날 수 있습니다.)

태그 flex, TIP, 배경, 이미지, 출력, 팁

트랙백 2개 | 댓글 3개
Feedback RSS : 트랙백+댓글 | 트랙백 | 댓글

About Trackback

트랙백 기능을 이용하시면 이 밑부분에 당신의 글을 댓글처럼 달아놓으실 수 있습니다. 이 글의 트랙백 주소는 http://blog.yaluka.com/trackback/98 입니다.

Trackback from 　　StoryBlog v5.5♬in T.C.T

배경 고정하기

아래의 css로 배경을 고정할 수 있습니다. background-image:url(/경로/파일명.확장자); background-repeat: repeat-x; background-position: top left; 반복 repeat-x 가로반복 repeat-y 세로반복 no-repeat 반복없음 가로 세로 모두 반복하려면 background-repeat: repeat-x; 부분을 몽땅 뺍니다. 시작점 top left 왼쪽 위 top right 오른쪽../ 2009/10/26 09:39 / delete

Trackback from 　　StoryBlog v5.5♬in T.C.T

링크 점선 전체제어, 이미지보더 전체제어

링크의 점선을 개별적으로 없애려면 <a href="listentomyheart.net" onfocus="this.blur();">리쓴투마이하트</a> 위와 같이 a 태그마다 일일이 소스를 입력해 줘야 해서 귀찮은 감이 있습니다. 그러나 css 한 줄로 링크된 이미지와 텍스트의 모든 점선을 없앨 수 있습니다. a { selector-dummy : expression(this.hideFocus=true);} 예시 ↓ <style type="text/cs../ 2009/10/26 09:58 / delete