[]
        
(Showing Draft Content)

タッチ操作

SpreadJS は、標準のタッチイベントまたはポインターイベントをサポートする環境で、タッチ操作を組み込みでサポートします。タッチ入力を利用できる場合、タッチ操作は自動的に有効になります。

タッチサポートは、モバイルデバイスとタッチ対応のデスクトップ環境の両方に適用されます。

タッチ操作モデル

タッチ入力を利用できる場合、SpreadJS は主要なスプレッドシート操作でタッチ操作を有効にします。

コントロールは、最新のタッチ対応環境で一般的に使用される次のタッチジェスチャに対応します。

  • タップ および ダブルタップ(選択と編集)

  • ドラッグ(選択、サイズ変更、ドラッグフィル)

  • スクロール および フリック(慣性を伴うビューポートの移動)

  • ピンチ(拡大表示と縮小表示)

タッチ操作は、標準的なスプレッドシートの動作に沿いながら、タッチデバイス向けに入力処理を調整します。

オプションのタッチレイアウト調整

SpreadJS には、タッチ操作に適した表示に調整するためのオプションのレイアウト設定が用意されています。

spread.options.useTouchLayout = true;

この設定は、タッチデバイスでの操作性を向上させるために、一部の視覚要素を調整します。タッチ操作を有効にするかどうかを制御するものではありません。

カスタマイズ

タッチ関連の UI 要素はカスタマイズできます。

  • タッチツールバーは、TouchToolStrip API を使用してカスタマイズできます。

  • 選択インジケーターのサイズは、CSS を使用してカスタマイズできます。

詳細な設定については、関連トピックを参照してください。