Whiteship's Note


[MXML] mx:style

Adobe : 2010.04.22 18:57


참조: http://www.adobe.com/devnet/flex/tourdeflex/web/#docIndex=0;illustIndex=1;sampleId=9800
http://sses.tistory.com/83

정성들여만든(?) 야바위 게임의 글씨가 너무 작다;; 그래서 찾아봤더니 금방 나온다.

<mx:Style>
        .myclass { 
            color: Red;
        }

        Button { 
            fontSize: 10pt; 
            color: Yellow;
        }
    </mx:Style>

    <mx:Button styleName="myclass" label="Red Button"/>
    <mx:Button label="Yellow Button"/>

이런식으로 스타일을 줄 수 있구나~





top

TAG Adobe, flex, MXML, style

Write a comment.


[MXML] layout

Adobe : 2010.04.22 18:19


참조: http://www.adobe.com/devnet/flex/videotraining/xml/vid12.html

absolute / vertical / horizontal 이 세개가 끝..

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
        ]]>
    </mx:Script>
    <mx:Button click="Alert.show('Hello, world')" label="Say Hello" x="5" y="10"/>
</mx:Application>

absolute로 설정한다음 모든 엘리먼트에 x, y 좌표를 설정하는 노가다를 해서 성능을 향상 시키느냐.. 
레이아웃 계산좀 하게 내비두고 vertical, horizontal을 사용할 것이냐~
나는 당연히 레이아웃;; @_@;;


이런거 만들라고 공부한게 아닐텐데;;

1. 제일 밖에 있는 Application은 기본값(vertical)으로 나뒀고; 
2. '야바위' 패널은 패딩 사이즈만 설정.
3. HBox를 사용해서 이미지랑 VBox를 감싸고.
3. VBox 안에는 Lable과 HBox를 감싸고
4. HBox 안에는 버튼 세개.



top

TAG flex, layout, MXML

Write a comment.