角丸できた

角丸四角をCanvas型で作成しようと思い、CSSにroundedCorners:10などとしたが、変化なかったが、ついにできた。Canvasではなく、Panelを使用すればよかった。
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.htmlで見た目を確認しながらCSSを作成することができた。

var schedule:Panel = new Panel();
schedule.styleName = "schedule";
schedule.x = 0;
schedule.y = y2;
schedule.width = 150;
schedule.height = event.localY- y2;
scheduleCanvas.addChild(schedule);

とし、scheduleスタイルは、

  borderStyle: solid;
  borderAlpha: 0.44;
  roundedBottomCorners: true;
  cornerRadius: 4;
  backgroundAlpha: 1;
  headerColors: #00ff00, #666666;
  backgroundColor: #99ffff;
  dropShadowEnabled: true;

とcornerRadiusを設定すると、角丸四角になった。Panelはデフォルトでは周りに灰色の縁があるのだが、borderStyle: solidとすると、縁はなくなった。
ちょっとGoogleカレンダーのスケジュールに似てきた。Flex2StyleExplorerは絵心のない僕にとっては強い味方になってくれそうだ。