디자인도 하고요, 이것도 해요

FormItem의 Label의 왼쪽정렬이 되지않아서 Form안에 FormItem을 쓰지않고 Box로 해결을 했었는데... FormItem에 labelStyleName으로 스타일을 주면 textAlign을 적용 시킬 수 있다. 요렇게↓ FormItem { labelStyleName: "formItemTextAlignLabel"; } .formItemTextAlignLabel { textAlign: left; }

FLEX 2009. 5. 12. 16:57

http://www.balsamiq.com/ 개발자와 디자이너와의 화면기획 단계에서 아주 유용한 툴..! Flex기본 컴포넌트들로 이루어져 있어서 이번 Flex 플젝 기획하면서 사용했는데 Flex 프로젝트에서 기획할때 정말 괜찮은 툴이다!

FLEX 2009. 5. 11. 17:09

DataGrid 스타일 작업 도중... DataGridColumn에 itemRenderer를 써서 Button을 넣었는데... 근데 이런!! 스타일이 적용이 안된다 OTL.. 구글을 뒤적뒤적 거려봤더니 허무하게도... 바로 나와버리네..ㅎㅎ 해결방법은 preinitialize="event.target.styleName='testBtn'" 요렇게~

FLEX 2009. 5. 8. 18:55

- Example http://www.thomasdecaux.net/wp-content/uploads/2008/10/skin.swf - Sources 디폴트로 뜨는 체크박스의 모양을 없애준다. 계속 공부해서 이미지 스킨 대신 Programmatic Skin으로 갈수 있도록~! [CSS] CheckBox { downIcon: ClassReference(”NoSkin”); overIcon: ClassReference(”NoSkin”); upIcon: ClassReference(”NoSkin”); selectedDownIcon: Embed(source=’check.gif’); selectedOverIcon: Embed(source=’check.gif’); selectedUpIcon: Embed(source=’..

FLEX 2009. 1. 29. 15:17

FLEX Showcase http://flex.org/showcase/ Flex로 구현된 사이트들을 모아놓은곳. 디자인할때 참고하면 도움이 된다. Style Explorer http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html Button이나 ComboBox등등... 자주 쓰이는 컴포넌트들의 기본적인 스타일들을 적용해 볼 수 있다. 하지만... Style Explorer에 나오는 스타일이 전부가 아니니 너무 의존하지 말것..! Component Explorer http://examples.adobe.com/flex3/componentexplorer/explorer.html mx에서 제공되는 기본 컴포넌트들이 나와있..

FLEX 2009. 1. 13. 16:43

DataGrid의 header에 마우스 롤오버 안되게 하고싶은데... 이런 간단할수가ㅠㅠ 여태 몰랐다니 급 좌절.. sortableColumns="false" 해주면 해결! Pavement 11.99 Pavement 11.99

FLEX 2009. 1. 9. 16:18

slrk Templates를 이용한 초간단 SWC 스킨 만들기 http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins Flex Skin Design Extension for Flash에서 Flex_Skins_12_05.mxp 다운로드 설치. 우선 일러스트로 이미지를 준비.. 설치 후 File > New > Templates 들어가보면 Flex Skins 메뉴가 생겨난걸 볼 수 있다. Flex Skins > Button 을 열어본다. 열어보면 flash화면에 버튼이 나타난다. 이제 버튼을 더블클릭해서 안으로 들어가보면 위와같은 화면이 나타난다 (플래시를 사용해본 디자이너라면 금방 알아 차릴수 있을듯 싶다...) up, over, down, Di..

FLEX 2009. 1. 7. 18:51

간단하게 Skin을 SWC로 만들기!! Adobe Illustrator를 이용해 버튼을 그린 다음 Adobe Flash로 불러온다. (간단하게 Ctrl+C, Ctrl+V해도 된다.) *** Skin을 만들때 가장 중요한 부분..!! 스킨으로 만들 오브젝트를 선택해서 무비클립(단축키 F8)으로 만든다. 1. Name을 적는다. 2. 중심점은(Registration) 반드시 왼쪽상단으로 0,0 맞춰준다. 3. Export for ActionScript 체크 4. Class에 위에 적은 Name과 동일하게 적어준다. Flex에서 Class에 써놓은 이름으로 불러오기 때문에 아주 중요함. 5. Enable guides for 9-slice scaling 체크 다됐다 이제 OK! Enable guides for ..

FLEX 2009. 1. 7. 15:12