top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_654

禁煙カウンタ:◇そろそろまとめないと、Flexの試用期限が終わる。ラストスパート!・・・ 【ブログパーツ】

 2009-01-26
 いよいよ、
 ・Flex3試用版の期限がやってくる。

 あまり使えなかったけれど、せめてこの
 「やったるで!禁煙 カウンタ」は 基本完成して
 正式公開するところまでは、ゆきたい・・・

 今日の課題は、
  ・Amazonに取得画像のハンドリング廻りの調整
  ・画像切替に「フェードイン」させたい
  ・右上のアニメーションは嫌な人もいるだろな
   ・オンオフ設定できねば・・・

   ・禁煙カウンタ日記の(前回はこちら
   ・他の禁煙カウンタ(参考はこちら

 ◎「やったるで!禁煙カウンタ」いよいよ、まとめだ

 追記に ▼

※この連載は、はじめて「Flex」に取り組んだmetaboyが、
 60日間体験版を利用して、ゆっくりと学んでゆく、詳細な記録です。
                      (本日の作業時間:2.0時間
【Flex:13日目】


FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


more**************************************************
「やったるで!禁煙カウンタ」いよいよ、まとめだ
**************************************************
   ・(前回はこちら

 ■今回行うこと
 /*------------------------------------------*/
  □取得画像のハンドリング廻り
   ・ちょっと不安点なんだな。
    Amazonのカテゴリによって、取得できる情報の
    種類が違い、そのあたりでうまくゆかなくなる
    ところがある
    ・ソースを見直してエラートラップなどを増やす。

  □画像切替を工夫するぞ
   ・まずは、自動的にスライドショー的に
    切り替わるようにし
   ・その時に、フェードイン処理を加える

  □(右上)鞠つきアニメ
   ・これはずしたい方、いるだろうから
    オンオフできるようにしよう。


 それでは、実現の詳細・・・


 ■開発の実際
 /*------------------------------------------*/

 【画像切替を自動スライドショーに】
 ■フェードイン処理を加える
 
  ■自動切換
   には、またまた「タイマー」を利用する

   □現在、画像切替を行っている [ > ]ボタンの
    クリックで呼び出されているのは
public function pageMoveViewImage(intVal:int):void{
nowViewImg += intVal;
goViewImage();
}

    ・要は、画像が登録されている配列h変数の添え字を
     ひとつあげて、
     画像表示関数 を呼び出していたわけだが・・・

   □新しいタイマーを用意して
private var image_changer:Timer = new Timer(8 * 1000);


   □初期設定で、その内容を定義
image_changer.addEventListener(TimerEvent.TIMER, goImageChange);


   □一定時間ごとに呼び出される「goImageChange」は
private function goImageChange( event:Event ):void {
goImageChangeGo();
}

    と、「goImageChangeGo()」を呼び出し
    この中で、
private function goImageChangeGo():void {
pageMoveViewImage(1);
}

    と、前述の 画像切替関数 を呼び出している

    えっ?何でそんな回りくどいことしているかって?
    (goImageChangeGo() 抜いて直接呼び出せと・・・)

   ※このあたりは私の組み立ての癖でもあります。
    できるだけ最小部品にして、この後の展開の試行錯誤を
    し易くするためなのですが・・・
 
  さぁ
  ■フェードイン
   ・今回も役立ったのは、
    ・Tour de Flex:Flex試用の期限も近づき、背水の陣。有名なサンプルアプリを落としてみる ・・・ 【Flex】
     で紹介した
     ・TourDeFlex だ。

    この中のサンプルから得た知識で
   □メインの mxml に エフェクト効果用に
<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>

    を用意(実際には、fadeOut は利用しなかった)

   □Amazon取得画像を切替て表示させる
    Imageコントロールには
<mx:Image x="23.2" y="162.9" 
id="img_viewImage" width="105.5" height="104.1"
showEffect="{fadeIn}"
source="" alpha="1.0"></mx:Image>

    と、
    ・画像が表示されるときのエフェクトに
     さきほど用意した 「fadeIn」 を設定

   (そして)
   □前述の 画像を切り替える関数 goImageChangeGo
    を
private function goImageChangeGo():void {
img_viewImage.visible = false;
pageMoveViewImage(1);
img_viewImage.visible = true;
}

    のように、表示プロパティを替える記述を追加

    一応 目出度く
    ・自動的に切り替わるようになった。
     自動的に切り替わるようになった自動的に切り替わるようになった

  ちょっとなぁ、右上の
  「上下してるやつ、鬱陶しいんだよなぁ・・」
  はいはい。お察しいたします。
  ■アニメ処理のオンオフ
   ・設定項目に追加し
<mx:CheckBox x="11" y="233" label="アニメーション無し" id="ck_noanime" 
click="modifyNoanime()"
fontFamily="A-OTF 新ゴ Pro M" fontSize="8"/>

    クッキー(一応そう呼んでいるが)に組み込まれる項目に
    追加した。

   ・結局前述の「画像切替」部分は
private function goImageChangeGo():void {
if(val_noanime==1){ img_viewImage.visible = false; }
pageMoveViewImage(1);
if(val_noanime==1){ img_viewImage.visible = true; }
}

    このようになった。

 ●本日現在の姿なのだ・・・●
  現在の私のカウンタはこんな感じ
現在の私のカウンタはこんな感じ2

 ははは、
 ・禁煙失敗
 1時間前から、再トライ中 なのだ。

 >>> やったるで!禁煙 カウンタ
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/654-07880627
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

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