リサイズ

<resizestate>を使うと、マウスによるリサイズができます。

• リサイズ開始：マウスボタンを押したとき(onmousedown)・・・apply()
• リサイズ終了：マウスボタンを離したとき(onmouseup)・・・remove()

赤四角をリサイズできます。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
     <view bgcolor="red" width="50" height="50" 
          onmousedown="this.rs.apply()"
          onmouseup="this.rs.remove()">
       <resizestate name="rs"/> 
     </view>
</canvas>

縦横の長さの比率を保ってリサイズ。特に画像や動画の画面ビュー用に便利でしょう。

(OpenLaszlo4.6.1/swf8)

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <view bgcolor="red" width="80" height="${this.width*3/4}" 
      onmousedown="this.rs.apply()"
      onmouseup="this.rs.remove()">
    <resizestate name="rs" height="${this.width*3/4}" />
  </view>
</canvas>

<resizestatemin>のresize_min_widthとresize_min_heightで最小サイズを指定できます。 これがないと、小さくリサイズしすぎたときに消滅してしまいますw

(OpenLaszlo4.6.1/swf8)

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <view bgcolor="red" width="80" height="${this.width*3/4}" 
      onmousedown="this.rs.apply()" 
      onmouseup="this.rs.remove()">
    <resizestatemin name="rs" height="${this.width*3/4}" 
        resize_min_width="80" resize_min_height="${this.width*3/4}"/>
  </view>
</canvas>