SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

RailsとAIRで作成する画像のRevolver表示

RailsとAIRで作成する画像のRevolver表示(後篇)

Rails ActionWebServiceとAIRの連携による画像のRevolver表示

AIRでウェブサービスと連携して画像を表示するアプリケーションの作成 その2

楕円形に画像を並べるクラスの作成

 次に、楕円形に画像を並べるクラスCircleDisplayを作成します。

 まず、CircleDisplayのコンストラクタにて楕円形に並べるための画像(image_urls)、野球選手の名前(player_name)、プロフィール(profiles)、記録(records)、コメント(comments)を指定します。

 コンストラクタでは三角形のボタンをインスタンス化し、表示しています。また、野球選手の名前やプロフィール、記録、コメントを表示するテキストフィールドを作成し、画面上に表示しています。

 コンストラクタの最後でdisplayメソッドを呼び出し、画像を楕円形に並べています。

CircleDisplay.as コンストラクタ
//*************************************************************
// AIR版のRevolverクラスのインスタンスを初期化します。
//*************************************************************
public function CircleDisplay(image_urls:Array,
  player_name:Array=null,
  profiles:Array=null, records:Array=null, comments:Array=null) {
      
  _image_urls = image_urls;
  _bitmaps = new Array();
      
  _right_button = new RightTriangleButton();
  _right_button.x = X_ORIGIN*2+30;
  _right_button.y = Y_ORIGIN*2+50;
  _right_button.addEventListener(MouseEvent.CLICK, rightHandleClick);
  addChild(_right_button);
      
  _left_button = new LeftTriangleButton();
  _left_button.x = 25;
  _left_button.y = Y_ORIGIN*2+58;
  _left_button.addEventListener(MouseEvent.CLICK, leftHandleClick);
  addChild(_left_button);
      
  _player_names = player_name;
  _profiles     = profiles;
  _records      = records;
  _comments     = comments;
      
  if (_profiles != null) {
    _text_field_profile = new TextField();
    _text_field_profile.x = 20;
    _text_field_profile.y = Y_ORIGIN*2+115;
    _text_field_profile.width = 280;
    _text_field_profile.wordWrap = true;
    _text_field_profile.background = true;
    _text_field_profile.backgroundColor = 0x00FFFF;
    addChild(_text_field_profile);
  }
      
  if (_records != null) {
    _text_field_record = new TextField();
    _text_field_record.x = 20;
    _text_field_record.y = Y_ORIGIN*2+225;
    _text_field_record.width  = 280;
    _text_field_record.height = 50;
    _text_field_record.wordWrap = true;
    _text_field_record.background = true;
    _text_field_record.backgroundColor = 0xFF00FF;
    addChild(_text_field_record);
  }
      
  if (_player_names != null) {
    _text_field_player_name = new TextField();
    _text_field_player_name.x = X_ORIGIN+30;
    _text_field_player_name.y = Y_ORIGIN*2+125;
    _text_field_player_name.width = 280;
    _text_field_player_name.height = 20;
    _text_field_player_name.wordWrap = true;
    _text_field_player_name.background = true;
    _text_field_player_name.backgroundColor = 0xFFFFFF;
    addChild(_text_field_player_name);
  }
  if (_comments != null) {
    _text_field_comment = new TextField();
    _text_field_comment.x = X_ORIGIN+30;
    _text_field_comment.y = Y_ORIGIN*2+150;
    _text_field_comment.width  = 280;
    _text_field_comment.wordWrap = true;
    _text_field_comment.background = true;
    _text_field_comment.backgroundColor = 0xFFFF00;
    addChild(_text_field_comment);
  }
      
  display();
}

次のページ
AIRでウェブサービスと連携して画像を表示するアプリケーションの作成 その3

この記事は参考になりましたか?

RailsとAIRで作成する画像のRevolver表示連載記事一覧
この記事の著者

ryujinseiichi(リュウジンセイイチ)

http://ryujinseiichi.sblo.jp/ RubyやAIRなどの新規技術に興味があり、研究を行っています。 最近、seasar2やBPMの研究も始めました。  

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/2737 2009/10/20 17:10

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー