はじめてのAbobe Flex~結婚式メッセージアプリ作成編②

とりあえず各ページを作成。

作るのは最初のページと、その真中のボタンを押した際に出てくるウィンドウの2つ。

最初のページはこんな感じ



    
    
    
    
        Alert {
            titleStyleName: "alertTitle";
            messageStyleName: "alertMessage";
            buttonStyleName: "alertButton";
            dropShadowEnabled: false;
            cornerRadius: 20;
            backgroundColor: blue;
            backgroundAlpha: 0.7;
            borderAlpha: 0.3;
            borderColor: blue;
        }
        
        .alertTitle {
            letterSpacing: 0;
            fontSize: 14;
            color: black;
            fontWeight: bold;
        }

        
        .alertMessage {
            letterSpacing: 0;
            fontSize: 10;
            fontWeight: normal;
            color: white;
        }

        
        .alertButton {
            letterSpacing: 0;
            fontSize: 11;
            cornerRadius: 10;
            fontWeight: normal;
            textRollOverColor: red;
            color: red;
        }
    

    
        
        
        
            
        
    

ボタンから開いたページはこんな感じ



    
    
        
    
    
    
        
            
                
                    
                
        
    

ディレクトリ構成はこんな感じ

PRI 20091208002102

waku.jpgとか使ってないけど・・・試しにいろいろ画像を当てはめてみたのさ。。。

とりあえずこれで動いた。

Categorized: Flex

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です