アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » DEVELOPER STAGE » 連載 » Adobe AIRで作るデスクトップアプリケーション » 第11回 コピー&ペーストとドラッグ&ドロップ

Adobe AIRで作るデスクトップアプリケーション

第11回 コピー&ペーストとドラッグ&ドロップ

基本はClipboardクラス

デスクトップアプリケーションの多くは,コピー&ペーストやドラッグ&ドロップによるデータの受け渡しに対応しています。もちろんAdobe AIRにもそういったインターフェースを実装するためAPIが用意されていますので,今回はそれついて解説したいと思います。

コピー&ペーストにしてもドラッグ&ドロップにしても,受け渡しを行うデータを一時的に格納しておく場所が必要です。AIR APIでその役割を担うのがClipboardクラス(flash.desktopパッケージ)です。Clipboardオブジェクトには以下の形式のデータを格納できます。

形式ActionScriptのデータ型
ビットマップBitmapData
ファイルリストFileオブジェクトのArray
テキストString
URLString
シリアライズされたオブジェクト
オブジェクトの参照

ビットマップ/ファイルリスト/テキスト/URLの4つ(以下,標準フォーマット)は,AIRアプリケーションとその他のアプリケーション間でやりとりが可能です。ActionScriptのデータ型とOSのクリップボード形式は自動で相互変換されます。シリアライズされたオブジェクトはAIRアプリケーション間でのみ有効で,例えばActionScriptの基本オブジェクトをやりとりしたい場合などに使います。シリアライズ/デシリアライズはAIR側で自動的に行われますが,正しく処理できないデータは無効になります。オブジェクトの参照は,同一AIRアプリケーション内でのみ利用できます。

Clipboardオブジェクトには,複数の形式のデータを一度に設定することができます。これは別のアプリケーションから少しでもデータを利用しやすくするためです。例えばビットマップを渡したい場合でも,それを受け取ったアプリケーションが直接ビットマップを扱えるとは限りません。そういった場合に備えて,代替テキストやビットマップの元になったファイル等を一緒に渡しておくことができるわけです。

コピー&ペースト

では,具体的にコピー&ペーストの手順を見ていきましょう。通常,OSのクリップボードは一つしかないため,それに対応するClipboardオブジェクトも一つで十分です。Clipboardクラスにはそのためのシングルトンオブジェクトが用意されており,generalClipboardという静的プロパティでアクセスできる仕組みになっています。

var clipboard:Clipboard = Clipboard.generalClipboard;

このClipboardオブジェクトにデータを設定すれば,OSのクリップボードにデータをコピーしたことになります。データの設定にはsetData()メソッドを使います。次のサンプルは,ボタンをクリックするとクリップボードにテキストをコピーします。

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Script>
     <![CDATA[
      private function copyToClipboard():void {
        var clipboard:Clipboard = Clipboard.generalClipboard;
        clipboard.clear();
        var ok:Boolean = clipboard.setData(ClipboardFormats.TEXT_FORMAT, "AIRでコピー&ペースト");
      }
    ]]>
  </mx:Script>
  <mx:Button x="10" y="10" label="Copy" click="copyToClipboard()"/>
</mx:WindowedApplication>

このように,第1パラメータにデータ形式,第2パラメータに実際のデータを指定します。データが正しく設定されるとtrueが返ります。データ形式はClipboardFormatsクラス(flash.desktopパッケージ)の定数として定義されています。

ClipboardFormats.BITMAP_FORMATビットマップ
ClipboardFormats.FILE_LIST_FORMATファイルリスト
ClipboardFormats.TEXT_FORMATテキスト
ClipboardFormats.URL_FORMATURL

setData()を実行すると,同じ形式の古いデータは上書きされます。ただし違う形式のデータはそのまま残ってしまうため,あらかじめclear()メソッドで消去しています。

今度はクリップボードからのペーストです。Clipboardオブジェクトからデータを取得するにはgetData()メソッドを使います。また,hasFormat()メソッドで取得したいデータ形式が含まれているか調べられます。どちらのメソッドもパラメータにデータ形式を指定します。次のサンプルは,ボタンをクリックするとクリップボードのテキストをテキストエリアに表示します。

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Script>
    <![CDATA[
      private function pasteFromClipboard():void {
        var clipboard:Clipboard = Clipboard.generalClipboard;
        if (clipboard.hasFormat(ClipboardFormats.TEXT_FORMAT)) {
          output.text = clipboard.getData(ClipboardFormats.TEXT_FORMAT) as String;
        }
      }
    ]]>
  </mx:Script>
  <mx:Button x="10" y="10" label="Paste" click="pasteFromClipboard()"/>
  <mx:TextArea x="10" y="40" id="output"/>
</mx:WindowedApplication>

カスタムフォーマット

標準フォーマット以外の形式でやりとりしたい場合は,カスタムフォーマットを指定します。カスタムフォーマットの名前は任意に付けられますが,他のAIRアプリケーションと重複しないユニークなものが推奨されています("air:"または"flash:"で始まる名前は使えません)。以下のコードではカスタムフォーマットでDateオブジェクトの受け渡しを行っています。

//コピーする側
var clipboard:Clipboard = Clipboard.generalClipboard;
clipboard.clear();
clipboard.setData("jp.gihyo.example", new Date(), true);

//ペーストする側
var clipboard:Clipboard = Clipboard.generalClipboard;
if (clipboard.hasFormat("jp.gihyo.example")) {
  var date:Date = clipboard.getData("jp.gihyo.example", ClipboardTransferMode.CLONE_ONLY) as Date;
  trace(date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate());
}

ここでは,カスタムフォーマットとして"jp.gihyo.example"を指定しているのが分かると思います。また,コピーする側ではsetData()メソッドの第3パラメータ(以下,serializableパラメータ)にtrueを指定しています。serializableパラメータをtrueにすると,クリップボードには指定オブジェクトの参照とシリアライズされたデータの両方が格納されます(trueの指定は省略可能)。falseの場合は参照しか格納されず,他のAIRアプリケーションからはアクセスできません。

ペーストする側では,getData()を行う際に第2パラメータ(以下,transferModeパラメータ)を指定しています。これは,オブジェクトの参照とシリアライズされたデータのどちらを取得するかを指定するパラメータです。transferModeパラメータに指定する値は,ClipboardTransferModeクラス(flash.desktopパッケージ)の定数として定義されています。

ClipboardTransferMode.CLONE_ONLYシリアライズされたデータのみを取得
ClipboardTransferMode.CLONE_PREFERREDシリアライズされたデータを優先して取得,なければ参照を取得
ClipboardTransferMode.ORIGINAL_ONLY参照のみを取得
ClipboardTransferMode.ORIGINAL_PREFERRED参照を優先して取得,なければシリアライズされたデータを取得

なお,標準フォーマット対するtransferModeパラメータの指定は無視されます。

著者プロフィール

タナカヤスヒロ

早稲田大学卒業後,DTP業務を経てマルチメディア系制作会社へ。Macromedia Directorにのめり込む。フリーランスとなりFlashにシフトしてからもデスクトップ絡みの仕事が絶えず,Apolloにも勝手に縁を感じている。現在株式会社antsに所属。ants Lab.にも記事を上げている。

URLhttp://labs.anthill.jp/

著書

  • ActionScript逆引きクイックリファレンス

    ActionScript逆引きクイックリファレンス(毎日コミュニケーションズ)

  • GIZMO Programmer's Bible FLASHによるガジェット開発

    GIZMO Programmer's Bible FLASHによるガジェット開発(毎日コミュニケーションズ)

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

読むウェブ ~本とインタラクション

ディスプレイで読む活字とそのインタラクション(interaction:相互作用)について,最新Webを紹介しながら読み解いていく。

いま,見ておきたいウェブサイト

この連載では,国内外の最新のウェブサイトを隔週更新で取り上げ,これら最新サイトの特徴や素晴らしい部分を,さまざまな角度から解説していきます。

Windows phoneアプリケーション開発入門

Windows Marcketplace for Mobileがサービス開始され,作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか?

ここは知っておくべき!Windows Server 2008技術TIPS

5年ぶりのサーバOSとなったWindows Server 2008が出荷されて早2年。2009年にはR2が出荷され,再び注目を集めています。発売前から実施したトレーニングによって感じた,インフラエンジニアの方々に知っておいていただきたい機能を中心にご紹介します。

キーパーソンが見るWeb業界

本連載はWeb Site Expert/gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による,Web業界をテーマにした座談会です。

きたみりゅうじの聞かせて珍プレー

ソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます!

ActionScript 3.0で始めるオブジェクト指向スクリプティング

野中文雄氏が,簡単なスクリプトは書いたことがあるという初級者を対象に,ActionScript 3.0の基本からクラス定義までを解説します。

まだ間に合う「ITパスポート」受験対策 原山先生の短期合格塾

この連載では,4月18日のITパスポート試験の受験に向けて,短い期間で効率良く受験対策を行う方法や,確実に得点するための裏ワザなどを伝授していきます。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス