 |
3D アイウェアプロジェクトでのみ使用できます。
|
|
|
3D アイウェアプロジェクトでのみ使用できます。
|
|
プロパティ
|
JavaScript
|
タイプ
|
説明
|
|
テキスト
|
text
|
string
|
ボタンに表示されるテキスト。
|
|
イメージ
|
src
|
resource url
|
イメージを含めるには、次のいずれかの操作を実行します。
• フィールドの横をクリックして、新しいイメージファイルを追加します。
• フィールドに直接イメージの URL を入力するか、コピーして貼り付けます。
• イメージをドロップダウンメニューから選択します。
サポートされているファイルフォーマットは次のとおりです。
• .png
• .jpg
|
|
高さ
|
height
|
number
|
ボタンの高さ (メートル)。最小値は 4 cm です。
|
|
幅
|
width
|
number
|
ボタンの幅 (メートル)。最小値は 4 cm です。
|
|
フォントの色
|
fontColor
|
color
|
フォントの色。カラーピッカーから色を選択します。
|
|
X 座標
|
x
|
number
|
X 軸上のボタンの位置。
|
|
Y 座標
|
y
|
number
|
Y 軸上のボタンの位置。
|
|
Z 座標
|
z
|
number
|
Z 軸上のボタンの位置。
|
|
X 回転
|
rx
|
number
|
X 軸を中心としたボタンの回転。
|
|
Y 回転
|
ry
|
number
|
Y 軸を中心としたボタンの回転。
|
|
Z 回転
|
rz
|
number
|
Z 軸を中心としたボタンの回転。
|
|
ボタンの色
|
color
|
color
|
ボタンの色。カラーピッカーから色を選択します。
|
|
表示
|
visible
|
boolean
|
このチェックボックスがオンになっている場合、ウィジェットはランタイムに表示されます。
|
|
無効
|
disabled
|
boolean
|
このチェックボックスをオンにすると、ウィジェットのクリックが無効になります。
|
|
イベント
|
JavaScript
|
説明
|
|
押している
|
pressed
|
ボタンが押されたときにトリガーされます。このボタンが無効になっている場合、イベントはトリガーされません。
|
|
使用時に必要な最小ステップ
|
外観
|
||||||
1. 「3D パネル」ウィジェットをキャンバス上にドラッグアンドドロップします。
2. 「3D 押しボタン」ウィジェットをキャンバス上にドラッグアンドドロップします。ウィジェットを目的の位置に移動します。
3. 表示するテキストを「テキスト」フィールドに入力するか、データプロパティをウィジェットの「テキスト」フィールドにバインドします。この例では、「Submit」を使用しています。
4. 次のコードを Home.js に追加します:
$scope.hidePanel = function(){
$scope.view.wdg['3DPanel-1']['visible'] = false; $scope.view.wdg['3DPressButton-1']['visible'] = false; }
これにより、「Submit」 3D 押しボタンをクリックしたときに、パネルにネストされているすべてのウィジェットも非表示になります。
5. 「3D 押しボタン」の「詳細」枠に戻り、「イベント」まで下方向にスクロールします。
6. 「押している」イベントの横にある「JS」をクリックして、「hidePanel()」と入力します。
|
 |
