scaleform.minarto.com

http://www.minarto.com/366 에서 이어집니다 0. 본격적으로 시작 본격적으로 UI를 만들어보죠. 일단 만들려고 하는 UI 디자인을 다시 감상해 보겠습니다. 가운데에 떠있는 Spellbook 이란 UI를 보시기 바랍니다. UI 기획자나 디자이너에게 이런 시안을 받았다면, UI 개발자는 다음과 같이 생각해야 할 겁니다. 1. 윈도우 형태로 개발을 해야한다. (Window 컴포넌트 사용)2. 이는 곧 닫기 버튼, 윈도우의 드래그 이동 등의 기능이 들어가야 한다. (리사이즈 기능은 없네요)3. 윈도우 타이틀이 상단에 들어가야 한다.4. 왼쪽에는 탭버튼이 들어간다. (눈으로 보기에는 그렇지만 MMOKit 의 소스를 보면 탭버튼이 아니고 스크롤링 리스트인 것이 함정입니다)5. 메인컨텐츠는 슬롯 ..

0. 마음의 준비부터 하세요 그동안 좀 가벼운 주제의 얘기만 했었습니다.그러다 보니 날림 포스팅도 꽤 많았다고 충고도 좀 들었고요 :^) 이번에는 시간이 좀 걸릴만한 포스팅 프로젝트(?)를 한번 해볼까 합니다. 인터넷에서 찾아볼 수 있는 스케일폼 예제는 한글화 된 것도 꽤 있습니다만, 그게 바로 실무로 이어지지 않는 것이 문제입니다. 그러다 보니 실제 나오는 UI 결과물들은 같은 프레임웍을 사용하고 있음에도 버그 투성이에 많은 문제점들을 양산하게 됩니다 그래서 이번부터 기존의 가쉽성 포스팅을 배제하고, 조금이나마 그 가이드가 될만한 작업을 한번 해보려 합니다 실제 UI 작업을 해보죠!! 글은 다음과 같이 구성되겠습니다. 1. 스케일폼 UI 만들기2. 효율적인 UI 만들기 일단 스케일폼 UI 만들기를 통해..

음... 다시 블로그를 재개해보려고 합니다. 사실 글은 꾸준히 써놨어요. 지금 발행대기 중(?) 이 글 말고도 7개 정도가 더 있네요...다만 그동안의 랜덤이 아닌 매주 월요일 아침에 꾸준히 올리려고 좀 모아놨었지요... 블로그 운영 스타일을 바꿔보려고 했달까요? 근데 오늘은 아침에 아이맥스 들려서 박쥐남자를 보고 와서리 늦었네요... ㅎㅎㅎ 뭐 어쨌든 각설하고... UDK 5월 버전이 나왔습니다 http://www.udk.com/news-beta-may2012.html (이 글을 썼던 시점이 5월 15일이니까요...ㅋㅋㅋ)UDK 5월 버전에 통합된 스케일폼 버전은 다음과 같습니다 gfx 플레이어 4.0.16AMP 4.0.14CLIK 4.0.15 (C:\UDK\UDK-2012-05\Development\..

1. TreeViewItemRenderer Window 편을 마지막으로 CLIK 편을 마치려고 했는데, 트리 메뉴를 쓸 일이 많아지더군요... 트리 메뉴야 샘플도 있고, 코드도 ScrollingList 를 상속받아 몇줄 되지 않지만서도 문제는 아이템 렌더러 쪽입니다. ListItemRenderer 는 버튼을 상속받은 거의 그대로이기에 별로 볼 것도 없고 쉽지만 TreeViewItemRenderer 가 꽤나 복잡한 편입니다 그런데 공식 component 가 아닌 샘플로만 존재하기 때문에 설명을 찾을 수도 없습니다. 쓰이는 빈도 수를 생각할 때, 이것도 공식 콤포넌트로 만들어줬으면 합니다. 어쨌든 한번 파보죠... TreeViewItemRenderer > ListItemRenderer (flex) > But..

상속 Window (flex) > UIComponent Window 는 모든걸 감싸고 있는 컨테이너이니 뭔가 내용이 많을거 같지만, 사실 별로 없습니다. CLIK 에서는 Window 와 그 안에 들어갈 내용을 분리하기 때문입니다. (컨텐츠는 별도의 UIComponent 를 만들어 쓰란 말입니다.) Window 는 이걸로 알아서 쓰시고 들어갈 컨텐츠에 집중하란 얘기겠죠... 분리되어 있다는걸 고려하면, 이 녀석을 Pool 로 재활용할 수도 있을 것 같지만... Window 별로 swf를 만드는 개발 프로세스를 생각해보면 딱히 그렇지도 않습니다. [Inspectable] 1. minWidth:Number = 150 최소 넓이입니다 2. maxWidth:Number = 500 최대 넓이입니다 3. minHei..

상속 ScrollBar > ScrollIndicator > UIComponent 구현 IScrollBar > IUIComponent 스크롤바를 만들려면 인터페이스인 IScrollBar 을 구현해야 합니다. 이번 포스팅은 IScrollBar 를 구현한 ScrollIndicator 와 ScrollBar 에 대해서 써보겠습니다. [Inspectable public] 1. offsetTop:Number = 0 스크롤버튼의 상단 시작위치입니다 2. offsetBottom:Number = 0 스크롤버튼의 하단 시작위치입니다 3. minThumbSize:Number = 10 스크롤버튼의 최소 크기입니다 4. scrollTarget:Object 스크롤될 대상입니다. 스크롤이 되면 Event.SCROLL 이벤트가 발생합..

상속 관계 ScrollingList > CoreList > UIComponent 1. wrapping:String = WrappingMode.NORMAL 리스트의 처음이나 마지막 아이템이 선택되어져 있는 상황에서 방향키를 눌러서 아이템을 이동할 수 있는지 입니다. WrappingMode.WRAP : 첫 아이템(맨위 아이템)에서는 UP 키를 눌렀을 시 마지막 아이템으로 이동하고, 마지막 아이템 (맨밑 아이템)에서는 DOWN 방향키 시에 첫 아이템으로 이동합니다. WrappingMode.NORMAL, WrappingMode.STICK : 첫 아이템에서 UP 키를 눌렀을 때와 마지막 아이템에서 DOWN 키를 눌렀을 시 이동하지 않습니다 2. margin():Number = 0 리스트의 여백입니다 3. padd..

IListItemRenderer는 인터페이스니 노출되지 않은 public 포스팅에는 ListItemRenderer 를 대신 하겠습니다 1. CoreList (flex) public 속성입니다. 1. container:Sprite 아이템이 담길 컨테이너입니다. 배경 정도로 생각하셔도 됩니다. 리스트 컴포넌트 내에 미리 만들어서 이 인스턴스 네임을 붙여놓은게 없다면 자동으로 생성됩니다 2. itemRenderer:Class (flex) 아이템 렌더러로 쓰일 클래스입니다. itemRendererName 로 들어온 값이 이리로 저장됩니다. 3. set itemRendererList(value:Vector.):void itemRendererInstanceName 과 같습니다. itemRendererInstance..

갑자기 두개를 다루려는게 아니라, 두 녀석을 떼놓고 말할 수가 없네요. 1. CoreList (flex) DropdownMenu 글을 쓰다 보니 스크롤리스트 ScrollingList 의 글을 먼저 했어야 한다는 생각이 들더군요. ScrollingList 설명을 쓰려면 상속받은 CoreList 설명부터 해야 하고요. CoreList 가 머냐면 스크롤리스트에서 스크롤이 빠진 형태를 생각하시면 됩니다. 사실 스크롤 없이 List가 쓰일 일은 별로 없겠지만(일반 웹 UI 형태의 서브 메뉴 형태 정도?) 기초이니 해야겠군요. 현재 CLIK 에 관한 글은 0 과 1로 나누고 있는데요... 약간 이해를 돕기 위해 좀 덧붙이자면 이렇게 보시면 됩니다. 0 번 글은 Flash IDE 에 노출된 옵션이기에 디자이너나 플래..

이번엔 노출되어 있지 않은 public 속성들입니다. Button 을 상속받기 때문에 모든 값을 아시려면 Button public 속성에 관한 글을 읽어보시기 바랍니다 1. menuWrapping:String = WrappingMode.NORMAL 리스트의 처음이나 마지막 아이템이 선택되어져 있는 상황에서 방향키를 눌러서 아이템을 이동할 수 있는지 입니다. WrappingMode.WRAP : 첫 아이템(맨위 아이템)에서는 UP 키를 눌렀을 시 마지막 아이템으로 이동하고, 마지막 아이템 (맨밑 아이템)에서는 DOWN 방향키 시에 첫 아이템으로 이동합니다. WrappingMode.NORMAL, WrappingMode.STICK : 첫 아이템에서 UP 키를 눌렀을 때와 마지막 아이템에서 DOWN 키를 눌렀을 ..