プロジェクトサンプル Simple Home

Image from Gyazo

ComfortClick社のLibraryページにあるSimpleHomeというサンプルプロジェクトです。 下記のリンクからダウンロードして設定ファイル(拡張子bOSBackup)を入手します。

プロジェクトページ 

bosBackupファイルの読み込み

bOS Configuratorを立ち上げます。

Image from Gyazo

フォルダマークをクリックしてファイルを読み込みます。

Image from Gyazo

現在のプロジェクトと入れ替わってしまうけどいい?ときかれるので問題なければOK。

Simple Homeプロジェクトの確認

まずはbOS Clientを立ち上げ、プロジェクトを確認してみましょう。

Image from Gyazo

プロジェクトをひらくと、"Home"としてトップページが表示されます。

Image from Gyazo

左上のビルのマークをクリックするとメニューが表示されます。これは、画面下に表示されているものと同じです。

Image from Gyazo

Grouund floorの画面。左上のアイコンをクリックすると

Image from Gyazo

他のフロアへのメニューが表示されます。

Image from Gyazo

下メニューの First floorの画面。

Image from Gyazo

下メニュー Alarmの画面。

Image from Gyazo

下メニュー HVACの画面。

Image from Gyazo

下メニュー Weatherの画面。

Image from Gyazo

下メニュー Settingsrの画面。

となります。

General

天気情報(Web-Weather)

設定情報

bOS Configuratorから確認します。

Image from Gyazo

WebにあるWeatherをチェック。

Image from Gyazo

この部分で場所を設定すればよさそうです。

Image from Gyazo

SetupniaruConfigureをクリックするとLocationのウィンドウがあらわれ、"hatsudai(初台)"と入力。Searchを押すと該当するLocationが表示されました。

Image from Gyazo

このようにLocation NameがTOKYOになりました。

bOS ClientでHome画面を確認。

Image from Gyazo

右上がTokyoになり東京の天気予報が表示されました。

Image from Gyazo

言語設定を日本語にすると、日本語での表示も可能です。

Theme

WebのThemeを確認します。

Image from Gyazo

こちらをbOS Clientでも確認してみます。

Image from Gyazo

このようになります。Configuratorでは右には表示されていませんでしたが、どういうことでしょう?

Image from Gyazo

右側のフレームをクリック。一番上のHolderを選択するにはマウス右クリックでこれをえらびます。

Image from Gyazo

フレーム一番上にあるTEXTはここで設定します。

同じようにThemeをつくってみます

Image from Gyazo

ThemeにあるHomeからAddをクリックしてMenuを追加。

Image from Gyazo

さらにPanelを追加

Image from Gyazo

Web/Weatherをドラッグ&ドロップ

Image from Gyazo

ControlにはWeatherを選択。

Image from Gyazo

bOS Clientで確認すると、ちょっと違います。

Image from Gyazo

これがサンプルプロジェクトのの画面。

Image from Gyazo

サンプルプロジェクトの方のHolder側のプロパティ

Image from Gyazo

今回作ったHolder側のプロパティ

Image from Gyazo

ここらへんが違うので、サンプルプロジェクトと同じにします。

Image from Gyazo

まだちょっと違うようです。

Image from Gyazo

今度はサンプルプロジェクトのオブジェクトを確認。

Settingsに、 WeatherDisplayType Fullとあります。

Image from Gyazo

追加した方は、NowAndWeekになっていました。これをFullに変更します。

Image from Gyazo

サンプルプロジェクトと同じように表示ができました。

results matching ""

    No results matching ""