Home > Flex3SDK

Flex3SDK Archive

Flexコンポーネント化したものを、FlashDevelopで使ってみる

2009-11-09 (月)
FlashDevelop | Flex3SDK

カヤックさんとこのブログの『FlashのシンボルをFlexコンポーネントに』という記事を読んでいて、これってFlashDevelopで出来ないのかな？　と思ったので、試してみました。

mxpをダウンロード＆インストール→シンボルを作成→swc書き出しっていう一連の流れは、カヤックさんの記事に詳しく書かれているので、そちらを読んでくださいませ。

FlashDevelopで使ってみる

Flex3 Projectを作成し、書き出したswcをライブラリに追加しておきます。

swcをライブラリに追加しておく

こんなコードを書いてみます。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="0xFFFFFF" width="550" height="400">
	<local:Circle></local:Circle>
</mx:Application>

で、Build Projectを行うと…

C:\Documents and Settings\Administrator\デスクトップ\Circle\src\Main.mxml(3): col: 16 Error: The prefix “local” for element “local:Circle” is not bound.

^
Build halted with errors

こんな感じで怒られます。

FlashBuilderではコード補完も出るみたいですが、FlashDevelopでは駄目でした。

名前空間を追加する

localっていうのが認識されていないっぽいので、xmlの名前空間を追加してあげればいいんじゃない？　と思ったんで、以下の様にコードを変更してみました。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="*" backgroundColor="0xFFFFFF" width="550" height="400">
	<local:Circle></local:Circle>
</mx:Application>

で、もう一回、Build Projectを行うと…

今度は、成功！

Buildは成功したんですが、残念ながら（FlashBuilderみたいに）コードヒントは出ませんでした…

どうにかすると、FlashDevelopでもコードヒントが出るのかなぁ…（要検討！）

こんな感じにしてあげると、FlashDevelopでも使えるっぽいです。

サンプルコードをダウンロードする（zip形式）

Comments: 0
Trackbacks: 0

MetaTagGeneratorを1.2にバージョンアップ

2009-05-25 (月)
AIR | ActionScript3.0 | FlashDevelop | Flex3SDK | Progression | Works

MetaTagGeneratorを1.2にバージョンアップしました。

前回からの変更点はこんなところです。

バージョンの記述
字数制限
faviconの設定

バージョンの記述

バージョンがいくつか分からなかったので、現バージョンを表示するように変更しました。

字数制限

（SEO対策も兼ねて）descriptionとkeywordsに字数制限をしました。

keywordは（多くて）10個くらいで、descriptionは100字くらいがいいんじゃないの？　みたいな説がありますので、それを参考に。

それ以上設定したいという場合は、（フィールドに値を入力→ドラッグ＆ドロップorファイルを読み込んだ後で）テキストエリアを直接修正してもらえれば、100字以上の設定は可能です。

faviconの設定

あとfaviconもよく設定する項目だと思いましたので、設定をパネルから行えるようにしてみました。

デフォルトのパスは、/favicon.icoとなっています。（絶対パスなどに）変更したい場合は、適宜修正してください。

faviconのタイプですが、二通り選択可能です。

image/x-iconと設定する場合が多いかと思いますが、image/vnd.microsoft.iconも選べるようにしてあります。このあたりのことは、wikipediaのfaviconのページを参考にさせていただきました。

ちなみにですが、パスをデフォルトで、タイプをimage/x-iconにすると、こんな感じになります。

<title>●●●●</title>
<link rel=”stylesheet” type=”text/css” href=”contents/styles/progression.css” />
<link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico” />

こんな感じで、progressionのcssの設定の記述の下に、favicon（の記述）が挿入されます。

あとrobotの設定も出来るようにしようかなぁ…と思ったんですが、いろんなサイトのソースを見ていたら、（robotは）あまり設定されていないように思えたので、今回は見送りました。

robotの設定を可能にして！　とか、他にもこの設定を出来たら便利なのに！　などご意見がありましたら、コメントお願い致します。

Comments: 0
Trackbacks: 0

Flex初心者の疑問

2009-05-21 (木)
Flex3SDK

TextInputに入力した文字を、TextAreaに（連動させて）表示させたい場合

パターン1

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="300" height="250" backgroundColor="0xFFFFFF">
	<mx:TextInput id="txt_input"></mx:TextInput>
	<mx:TextArea text="{txt_input.text}"></mx:TextArea>
</mx:Application>

パターン2

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="300" height="250" backgroundColor="0xFFFFFF">
	<mx:TextInput id="txt_input" change="changeHandler()"></mx:TextInput>
	<mx:TextArea id="txt_area"></mx:TextArea>
	<mx:Script>
		<![CDATA[
		private function changeHandler():void{
			txt_area.text = txt_input.text;
		}
		]]>
	</mx:Script>
</mx:Application>

書き方としては、こっちがオススメなんてあるんでしょうか？

単にコード量の差だけなのかなぁ…

ちょっと疑問に思ったので、エントリしてみました。

Comments: 5
Trackbacks: 0

AirAutoUpdaterを実装してみた

2009-05-20 (水)
AIR | ActionScript3.0 | FlashDevelop | Flex3SDK

AirAutoUpdaterのテスト

AIRにオートアップデートの機能をつけてみたので、ちゃんと実装出来ているのかテストしてみました。

バージョンを0.5とかにして、パッケージをし直して、マシンにインストール。

するとこんな画面が現れます。

アップデートしたいので、Yesを押す。

こんな画面になって、アップデートが無事終了。

一応、ちゃんと実装出来ているみたいです。

AirAutoUpdater

オートアップデートの実装には、Spark Projectにある『AirAutoUpdater』を使わせて頂きました。

★参考にさせて頂いた記事

『たった1行で実装できるAirアプリの自動アップデート機能』（RontanBlogさん）
『AirAutoUpdater』（Spark Project）

RontanBlogさんの記事＆Sparkさんにあるwikiを読めば、問題なく実装出来ました。

開発しているAIR側のXML（僕はFlashDevelopなので、application.xml）の記述を、今回はApplication Descriptor Manager（以下ADM）を使って行いました。

なので、このアプリを使う上での注意点なんかを書こうかと思ってます。

ADMについての詳細は、僕の以前のエントリをご覧ください。

実装方法

（RontanBlogさんの記事に）MXMLに一行追加するとありますので、こんな感じにしました。

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:jx="net.jirox.*">
<jx:AirAutoUpdater url="http://URLのパス/version.xml"/>

あとはapplication.xmlに最新のバージョンとオートアップデート機能を使いますよ～！　と書いてあげればいいだけです。

ADMを起動して、Browse for a Fileのボタンを押して、変更したいapplication.xmlを指定します。

あとはRequiredタブ内のVersionの箇所を、最新のもの（1.0→1.1）に変更