カンペキな初心者のための、Adobe® AIR™の基礎の基礎

Similar documents
JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

untitled

6 2 1

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

ch31.dvi

SVG資料第6回目(その3) SVGとHTMLの間でデータを交換する

Flex2とS2Flex2とAIR紹介

インターネットマガジン2001年4月号―INTERNET magazine No.75

IFRS 2011

07_経営論集2010 小松先生.indd

経営論集2011_07_小松先生.indd

PowerPoint Presentation

</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig

PowerCMS 8341 User's Guide

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out

transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動

ohp.mgp

スタイルシートでデザインを整えよう

Word によるホームページ勉強会第 3 日目 Word でトップページを作成 2A 那須シニアネット三宅節雄事前準備 ピクセルの写真を 4 枚 の写真またはイラストを 2 枚 準備 (JTrim か縮小専用で この付近のサイズに加工しておく ) 勉強会にて実施


<!DOCTYPE html> <html> <head> <title>titleanime01</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="titleanime01.css"> </hea

画像 images/ SpaceShuttle.png を指定します <!DOCTYPE html> <html> <head> <title>circleanime1</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/

山梨県ホームページ作成ガイドライン

サンプル CSS web ページを開くと同時にピエロの玉乗りが動き出すアニメーションを作ってみましょう AnimeAuto の説明 HTML の記述 (AnimeAuto.html) ピエロの画像に pierrot という id を 玉の画像に ball という id を付けておきます <!DOCT

インターネットマガジン1999年7月号―INTERNET magazine No.54

intra-mart マスカット連携ガイド

MorphAndTextAnime の説明 HTML の記述 (MorphAndTextAnime.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中につぎの記述をします id 属性 div2

untitled

Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5


( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ

// レイヤー (glfn: 地質 +ライン+ 断層 + 凡例番号 ) var _opacity = 0.5; // 地質図の不透明度 (0-1, 0 が完全に透明 ) var _map = new google.maps.map(document.getelementbyid('map'), {

インターネットマガジン2001年10月号―INTERNET magazine No.81

インターネットマガジン2000年9月号―INTERNET magazine No.68

1

19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで

CSS


Taro13-第6章(まとめ).PDF

Transcription:

<?xml version="1.0" encoding="utf 8"?> <mx:windowedapplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" showflexchrome="false"> <mx:script> <![CDATA[ private function dohello():void{ mytextarea.text+="hello World! ";} private function domove():void{ this.stage.nativewindow.startmove();} private function doclose():void{ this.stage.nativewindow.close();} ]]> </mx:script> <mx:image id="windowshape" source="fx_bg.swf" top="0" left="0" mousedown="domove()"/> <mx:button id="mybutton" label="fx Hello World!" top="107" left="39" click="dohello()"/> <mx:textarea id="mytextarea" top="140" left="39" width="264" height="127"/> <mx:button id="closebutton" label="x" top="0" left="325" click="doclose()"/> </mx:windowedapplication>

<!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http equiv="content Type" content="text/html; charset=utf 8" /> <title>dreamweaver AIR sample</title> <style type="text/css"> body{ font family: Arial, Helvetica, sans serif;} #windowshape{ position: absolute; left: 0px; top: 0px;} #closebutton{ position: absolute; left: 325px; top: 0px;} #mytextarea{ position: absolute; left: 39px; top: 140px; height: 127px; width: 264px;} #mybutton{ position: absolute; left: 39px; top: 107px;} </style> <script type="text/javascript"> function dohello(){ document.getelementbyid("mytextarea").value+="hello World! ";} </script> </head> <body> <img id="windowshape" src="dw_bg.png" width="358" height="374" onmousedown="window.nativewindow.startmove();"/> <input type="button" id="mybutton" value="js Click Me!" onclick="dohello();"> <textarea id="mytextarea"></textarea> <input type="button" id="closebutton" value="x" onclick="window.nativewindow.close();"> </body> </html>

mybutton_mc.addeventlistener(mouseevent.click, dohello); function dohello(e:mouseevent):void{ mytextarea_mc.text+="hello World! "; } windowshape_mc.addeventlistener(mouseevent.mo USE_DOWN, domove); function domove(e:mouseevent):void{ stage.nativewindow.startmove(); } closebutton_mc.addeventlistener(mouseevent.mo USE_DOWN, doclose); function doclose(e:mouseevent):void{ stage.nativewindow.close(); }

//AS2 // Flash Player 8/ActionScript 2.0 mybutton_mc.onrelease=function(){ mytextarea_mc.text+="hello World! "; } //AS3 // Adobe AIR 1.0/ActionScript 3.0 //"as2_mc"as2 SWF //UILoader as2_mc.addeventlistener(mouseevent.mouse_down, domove); function domove(e:mouseevent):void{ stage.nativewindow.startmove(); } closebutton_mc.addeventlistener(mouseevent.mo USE_DOWN, doclose); function doclose(e:mouseevent):void{ stage.nativewindow.close(); }