2

[Flex3]PanelやCanvasのスクロールバーを消す方法

Tag: Flex/AIR/Flashuechoco @ 00 : 00 : 00

 FlexのContainerクラスやそのサブクラス(Accordion, Box, Canvas, Form, FormItem, LayoutContainer, Panel, Tile, ViewStack)は、子コントロールが表示領域を越えると、自動で縦スクロールバーや横スクロールバーが表示されるようになっていますが、その機能がかえって邪魔になる場合があります。

 そういった場合は、ContainerクラスのプロパティのverticalScrollPolicyhorizontalScrollPolicyに値を設定することで、スクロールバーの表示動作を変更することができます。この2つのプロパティは、デフォルトで“auto”、つまり必要なときだけ自動的にスクロールバーが表示されるモードになっていますが、“on”、つまり常に表示と、“off”、つまり常に非表示という値も設定できます。
 よって、PanelやCanvasなどのContainerクラスのサブクラスでスクロールバーを非表示にしたい場合は

<mx:Canvas
  id=”cvsMain” width=”100%” height=”100%”
  verticalScrollPolicy=”off” horizontalScrollPolicy=”off”
/>

のようにmxmlを書きます。

verticalScrollPolicy - Container - Adobe® Flex™ 2 リファレンスガイド
ScrollPolicy - Adobe® Flex™ 2 リファレンスガイド

One Response to “[Flex3]PanelやCanvasのスクロールバーを消す方法”

  1. t-bou says:

    ありがとうございます、これ探してました!
    参考にさせてもらいます。

Leave a Reply