ページへの記事要素の配置

StoryLayout クラスでは、ヘッドライン、サブタイトル、および本文テキストのフィールドが、フォーマットされ、レイアウトされて、新聞形式で配置されます。まず、displayText() メソッドによって各フィールドが作成され、配置されます。

public function displayText():void
{
    headlineTxt = new HeadlineTextField(h1Format);
    headlineTxt.wordWrap = true;
    this.addChild(headlineTxt);
    headlineTxt.width = 600;
    headlineTxt.height = 100;
    headlineTxt.fitText(this.headline, 1, true);
    
    subtitleTxt = new HeadlineTextField(h2Format);
    subtitleTxt.wordWrap = true;
    subtitleTxt.y = headlineTxt.y + headlineTxt.height;
    this.addChild(subtitleTxt);            
    subtitleTxt.width = 600;
    subtitleTxt.height = 100;
    subtitleTxt.fitText(this.subtitle, 1, false);
    
    storyTxt = new MultiColumnTextField(2, 10, 600, 200);
    storyTxt.y = subtitleTxt.y + subtitleTxt.height + 4;
    this.addChild(storyTxt);
    storyTxt.styleSheet = this.sheet;
    storyTxt.htmlText = loremIpsum;
}

各フィールドは、単純にその直前のフィールドの下に配置されます。このように配置するため、各フィールドの y プロパティは、直前のフィールドの y プロパティに直前のフィールドの高さを加えた値と等しくなるように設定されます。このような動的配置のための計算が必要になるのは、HeadlineTextField オブジェクトと MultiColumnTextField オブジェクトの高さが、それぞれのコンテンツに合わせて変化するためです。