上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




FLEXでAlertを表示する際、エラーや確認や情報のAlertを出す際画像を出せないか試してみました。
意外と簡単にできるんですねぇ。


画像付きAlertの表示 サンプルソース


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="250" height="150">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;

[Embed(source='./img/alert_confirm.png')]
private static var alert_confirm:Class;
[Embed(source='./img/alert_error.png')]
private static var alert_error:Class;
[Embed(source='./img/alert_information.png')]
private static var alert_information:Class;

private function infoClick():void {
Alert.show("information用Alertの表示","情報",Alert.YES ,this, clickButtonHandler, alert_information);
}
private function errorClick():void {
Alert.show("error用Alertの表示","エラー",Alert.YES ,this, clickButtonHandler, alert_error);
}
private function confClick():void {
Alert.show("確認用Alertの表示","確認",Alert.YES|Alert.NO ,this, clickButtonHandler, alert_confirm);
}
private function clickButtonHandler(event:CloseEvent):void {
//押されたボタンなどチェック
}
]]>
</mx:Script>
<mx:Button label="情報Alertを表示" click="infoClick()" />
<mx:Button label="エラーAlertを表示" click="errorClick()" />
<mx:Button label="確認Alertを表示" click="confClick()" />
</mx:Application>

※画像のパスなどは適時環境に合してください。

画像付きAlertの表示 サンプルの実行



各ボタンを押下すると画像付きのAlertが表示されます。
スタイルがデフォルトのままなので、スタイルを変えると見栄えも変わるかな。 少しでも参考になれば応援お願いします。












上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。