プログラムメモ

Flex,Java,Html など、調べた事のメモ帳です。間違ってたらゴメンなさい。

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2025/01/19 09:16

【Flex】MXML に画像やSWFファイルを埋め込む

MXML にはFlexが生成したSWFファイルに画像（GIF、JPEG)やSWFファイルを埋め込む機能が提供されています。このテクニカルノートでは、Flexが生成したSWFファイルに画像やSWFファイルを埋め込む方法について紹介します。

MXML Image タグ (<mx:Image>) の source 属性は2つの形式の入力を受け入れることができます。相対URLまたは埋め込み画像です。画像はそのタイプによっては Flash 7 プレーヤーが直接表示できないものもある（GIF、PNG、SVGなど）ので、コンパイル時にFlashムービーに埋め込まれなければなりません。

画像を埋め込むには、source 属性で"@Embed('...')"コマンドを使用します。FlexがアプリケーションのSWFを作成すると、コンパイル時に生成されたSWFファイルに参照画像がパッケージされます。この形式での source プロパティの値はGIF、JPEG、SVGおよびSWFファイルをサポートしています。生成されたSWFへの画像のパッケージ化はコンパイル時に発生するため、データバインディングを使用して画像ファイルを指定することができません。データバインディングはランタイム時の処理です。

以下の例では、<mx:Image> タグでの @Embed の使用方法を示しています:

<mx:Image source="@Embed('./image.gif')"/>

<mx:Image source="@Embed('./movie.swf')"/>

2013/05/11 14:11 Flex Comment(0)

【Flex】mxml からロジック分離

mxml ソースにボタンがあり、クリックでロジック実行するための雛形

ボタンをクリックでラベルテキストを変更の例

サンプルは、パッケージ sample.logic.hellotest に、HelloButton.as を用意する。
IMXMLObject をインターフェースに持つようにクラスを作る。

-------------- HelloButton.as ----------------
package sample.logic
{
   import mx.core.IMXMLObject;
   import spark.components.Label;

   public class HelloButton implements IMXMLObject{
      private var view:HelloFx;

      public function HelloButton(){
      }
      public function initialized(document:Object, id:String):void{
      }
      public function buttonClickHandler(label:Label):void{
         label.text = "Test!!";
      }
   }
}
----------------------------------------------
ビューとしての mxml は、以下のように記述する。
　　（デスクトップアプリとして作ったmxml）
xmlns で、作成した as のパッケージ配下を名前空間として宣言し
Declarations タグで作成したクラス宣言をして、Button の click 属性で呼び出す

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx"
                       xmlns:hellotest="sample.logic.hellotest.*">
<fx:Declarations>
   <hellotest:HelloButton id="hello"/>
</fx:Declarations>

<s:Button id="hellobutton" x="60" y="15" label="Hello"
          click="hello.buttonClickHandler(message)"/>
<s:Label id="message" x="60" y="53" width="70" height="20"/>

2013/05/10 22:53 Flex Comment(0)

【Illustrator】文字と文字の間を詰める

イラストレーターを使っていると文字と文字の間を詰める事がよくある。
デザイン上、文字によって同じ文字間なのに離れて見えたりするから。
基本、文字設定の「詰め」にチェックしておいて、その上で、離れて見える文字間は詰める。
文字設定から数値を入れてつめればいいんだけど、どれぐらい詰まるかわかりにくい時に便利な方法。

詰めたい文字と文字の間にカーソルおいて、「Alt」+「←」。
Alt押しながら、←を押した数だけ左側に文字が詰まっていきます。
MACの場合はオプション。
目で見ながら調整できるので便利です。

2013/05/09 18:56 illustrator Comment(0)