0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

My Library機能を使ってよく使うWidget/Skin/Componentを保存・利用する方法

Last updated at Posted at 2021-02-02

#目次

  1. はじめに
  2. 実装方法
  3. 最後に

#はじめに
VisualizerにはMy Libraryという、よく利用するWidget/Skin/Componentを保存・利用できる
お気に入り登録のような便利な機能があります。

ライブラリに保存することで、よく利用Widget等を
異なるプロジェクトで簡単に再利用できるので、今回はその利用方法をご説明していきます:laughing:

#実装方法
まず、ライブラリを作成したことがない場合、ライブラリを新規で作成していきます。
例として、コンポーネントからライブラリを作成する方法を説明します。

##ライブラリを作成・保存
左メニューのTemplatesタブを開き、
Components ->ライブラリに保存したいコンポーネントを選択 -> Add to Collection を選択します。
作成済みのライブラリがある場合、ライブラリ名が表示されますが、
既存ライブラリがない場合、New Libraryを選択し、新規のライブラリを作成しましょう。

スクリーンショット 2021-01-21 23.57.41.png

ライブラリの名前を設定する画面が表示されますので、ライブラリ名とコレクション名を設定します。

今回はこのように設定しました。
スクリーンショット 2021-01-21 23.10.12.png

これでライブラリが作成・保存できましたので、
次回以降、よく利用するものはこちらのライブラリを選択することができるようになりました。

スキンをライブラリに保存したい場合、
Skinsタブを選択し、保存したいSkinを選択、同様にAdd to Collectionを選択します。
作成済みのライブラリがある場合は、画像のように、
選択できるライブラリが表示されます。

今回は、themesを選択しました。
スクリーンショット 2021-01-21 23.25.48.png

ウィジェットの場合、
対象のウィジェットを選択し、同様にAdd to Collectionを選択します。
スクリーンショット 2021-01-21 23.22.28.png

保存したものは、左メニューのMy Libraryを選択すると確認できます。
コンポーネントとウィジェットは、Collectionsに保存されており、
スクリーンショット 2021-01-21 23.34.07.png
スキンは、Skinsに保存されました!
スクリーンショット 2021-01-21 23.33.55.png

これで、ライブラリによく利用するものが保存できました。

##ライブラリからWidget/Skin/Componentを適用
次にライブラリに保存したものを別プロジェクトで適用していきます。

別プロジェクトを開くと、My Libraryに先ほど保存したものが表示されていることがわかると思います。

こちらからFormに追加したい場合は、
追加したい対象をドラックアンドドロップし、追加します。

ライブラリからフォームにコンポーネントを追加できました!
ウィジェットも同じように追加できます。

Skinを適用したい場合は、
対象となるWidgetを選択し、適用したいSkinをを選択すればOKです:relaxed:

#最後に
アラートポップアップなど、どのプロジェクトでも共通して利用するウィジェットやスキンがある場合、
My Libraryを利用することで簡単に再利用することが可能です!
便利な機能なので、日々の開発で是非活用してみてくださいね:relaxed::sunny:

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?