godagoda.net

Flex3(mx)でスクロールバーを表示したい場合には、ContainerやContainerを継承したCanvasの中に適当にコンポーネントを配置しておけば、Containerが子供コンポーネントのサイズや位置を計測して勝手にスクロールバーを表示してくれていましたが、Flex4(spark)でスクロールバーを表示したい場合、明示的にScrollerコンポーネントを配置してあげる必要があります。

Scrollerには、IViewPortを実装したコンポーネントを一つだけ配置できます。このIViewPortを実装しているのは、GroupとRichTextEditorだけなので、Groupを一つ配置すると思っておけばよいのではないでしょうか。

mxmlは下記のようになります。

<s:Scroller x="0" y="0"  width="200" height="200">
  <s:Group>
    <s:layout>
      <s:BasicLayout />	
    </s:layout> 
  </s:Group>
</s:Scroller>

この場合子供のコンポーネントが表示領域が200pxを超える場合、スクロールバーが表示されます。

Flex3(mx)でおなじみの、verticalScrollPolicyとhorizontalScrollPolicyもScrollerクラスにあります。autoで自動表示、onが強制表示でoffが常に非表示になります。clipContentが見あたらなかったので、verticalScrollPolicyとhorizontalScrollPolicyを両方offにしろということでしょうか。

この記事を書いている時に、Flexデベロッパセンターに完璧な記事を発見したので、これを読んだほうが手っ取り早いですね。

Flex3では、自作のitemrendererといえばCanvasなどを継承したクラスで作るのが定石だと思いますが、Flex4(spark)ではそのものずばりItemrendererクラスってのが用意されているので、自作のitemrendererを作る時はこれを継承してあげればよいっぽいです。

ItemrendererはDataRendererを継承し、IItemRendererを実装しています。

で、DataRendererはIDataRendererを実装していて、これにお決まりのset dataとget dataが定義されています。

ちなみにListのitemrendererに設定できるのは、このIDataRendererを実装しているものだけです。

ざっと使ってみた感じでは、Flex3と同じノリで、crateChildrenだのset dataだのcommitPropertiesだのをがしがしオーバーライドしていく感じで大丈夫だと思われます。

spark系のコンポーネントではaddChildは使えないようです。

SkinnableComponentでもGroupでも下記のようにErrorをスローするようにoverrideされてます。

/**
*  @private
*/
override public function addChild(child:DisplayObject):
DisplayObject
{
    throw(new Error(resourceManager.getString("components", 
"addChildError")));
}

じゃあどうするか。

かわりにaddElementってのを使うことになります。

addChild→addElement

その他は、

addChildAt→addElementAt

removeChild→removeElement

なんかがあります。

Group → GroupBase → UIComponent

GroupBase has _layout:LayoutBase

SkinnableContainer(contentGroup:Group) → SkinnableContainerBase → SkinnableComponent → UIComponent

List → ListBase → SkinnableDataContainer (dataGroup:DataGroup IItemRendererOwner) → SkinnableContainerBase → SkinnableComponent → UIComponent

■現象
フルスクリーン時にFLVPlaybackが出現するとブラウザがクラッシュする。

■詳細
フルスクリーン時にタイムラインアニメーションなどで途中からステージにFLVPlaybackが出現すると高確率でブラウザがクラッシュする。
FLVPlaybackが出現してからフルスクリーンにすると大丈夫。

■対応策
1フレーム目から（フルスクリーンにした時から）FLVPlaybackが存在していれば大丈夫。
外部swfをロードした場合も同様に1フレーム目からFlvPlaybackが存在していれば大丈夫。

■原因
↓なエラーを出しているが、不明。
警告 : 宣言されていない変数を参照しています 'FullScreen_MC'
警告 : 'FullScreen_MC' にはプロパティ 'FullScreen_text' がありません
警告 : 'FullScreen_text' にはプロパティ 'text' がありません

※ちなみに、FLVPlaybackがある状態でフルスクリーンにすると、前面FLVPlaybackになってしまします。
これを回避するには、