注:2013年9月16日で廃止
GUIビルダーの概要Apps スクリプトエディタのGUIビルダーを使うことによって、ユーザーインターフェイスをコードを書くことなしに、組み上げることが出来る。これは、Ui Servicesを使うことの代わりとなる。widget(ユーザーインターフェイスの組立ブロック)を左側のUIパレットから選んで、キャンバスとここで呼ぶ、中央のパネルにドラッグすることで、ユーザーインターフェイスを組んでいく。それから右側のプロパティパネルに表示されるそれぞれのwidgetのプロパティに、調整と改良を加えていく。GUIビルダーを使って作ったインターフェイスは、それに対応する目的のスクリプトのみによって使用することが出来る。GUIビルダーは三つの部分で構成されている。
![]() widgetがキャンパス上で選択されると、それに対応するプロパティがプロパティ窓に表示される。ユーザーはこのプロパティ窓を使ってそれぞれのwidgeを設定する。 GUIビルダーを開くGUIビルダーはスクリプトエディタからアクセスできる。スクリプトエディタをスプレッドシートかサイトから開く。 GUIビルダーはツール>スクリプトエディタ>ファイル>ユーザーインターフェイスを構築から開く。 GUIビルダーを使うユーザーインターフェイスを組み立てるには、UIパレットからwidgetをドラッグしてキャンパスまで持ってくる。UIパレットは、使用可能なUI widgetを表示している。widgetを設定するには、キャンパスにあるwidgetを選択する、そしてプロパティ窓を使ってプロパティを設定していく。 ユーザーインターフェイスの保存新規に作られたユーザーインターフェイスを保存するには保存をクリックして、ユーザーインターフェイスに名前をつける。その名前は、後にスクリプトでそのユーザーインターフェイスを使うときにインクルードするのに必要となる。 ユーザーインターフェイスをスクリプトにインクルードするユーザーインターフェイスをスクリプトに組み込むには function doGet() {スプレッドシートからのユーザーインターフェイスの表示のしかた function myFunction() { UIの拡張UIをGUIビルダーを使って簡単に拡張することができる。app.loadComponent(.....)を使って、ユーザーインターフェイスをロードした後に新たなwidgetとスタイルを加える。 次の例でどうやって新たなwidgetを加えるか示す。 function doGet() { ![]() |