- OpenLaszlo紹介
- プログラム構造関連
- スクリプト
- Javascript基礎
- 基礎知識
- ビュー<view>
- レイアウト
- 動かす
- 入力デバイス
- 文字
- 数値
- 日付
- オブジェクト指向
- 標準コンポーネント
- データの扱い
- データ操作(基礎)
- 応用編
–
標準で提供されているスライダーは横スライダーだけですが、lps/components/incubatorディレクトリ(色んな人が作って無償提供してくれたコンポーネント類が入ってます。)にvsliderという縦スライダーがあります。スライダーの値の変化はonvalueで拾います。(下記ソースには2種類のやりかたを書いています)
※incubatorにあるコンポーネントを使うには該当ライブラリ(.lzx)をインクルードします。
switchaxis=“true” でスライダーの向きが反転します。
・・・標準に組み込んでしまえばいいのにねぇ。
(OpenLaszlo4.7.0/swf8)
<?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <include href="incubator/vslider.lzx"/> <vslider height="100" x="140" y="20" initvalue="50" minvalue="10" maxvalue="100" onvalue="v1.setAttribute('width',this.value)"/> <view id="v1" x="10" y="20" height="${this.width}" bgcolor="red"/> <vslider height="100" x="140" y="150" initvalue="50" minvalue="10" maxvalue="100" switchaxis="true"> <handler name="onvalue" args="d"> v2.setAttribute('width',d); </handler> </vslider> <view id="v2" x="10" y="150" height="${this.width}" bgcolor="blue"/> </canvas>