pdf-icon

UIFlow Guide

UiFlow1 Blockly

Event

Unit

UiFlow1 Project

UiFlow2 ファイル管理

UiFlow2 はファイル管理機能を提供し、開発者にさまざまなプロジェクトファイルを処理および管理するための統合された、便利なプラットフォームを提供します。

ファイル管理システム

ファイル管理システムは USB モードと WiFi モードに分けられ、以下のように区別される:

  • USB:素材リソースはカレントデバイスにローカルに保存されるだけで、クラウド上のプロジェクトには保存されません。IDE のオンラインプレビューには対応していません。他のデバイスが同じプロジェクトプログラムを実行する場合、手動でリソースをインポートする必要があります。単一デバイスでの開発に適しています。
  • wi-fi:マテリアルのリソースはプロジェクトに保存されます。IDE のオンラインプレビューをサポートし、同じタイプのデバイスがこのプログラムを実行すると、自動的に関連リソースをダウンロードします。多設備開発状況に適します。

USB モードリソース参照

1.接続デバイス

デバイスを USB ケーブルでパソコンに接続し、左側の webterminal ボタンをクリックして、デバイスの接続が成功したら、File をクリックしてファイル管理システムを開きます。

ファイル管理システムでは、すべてのデバイスに保存されているファイルを表示でき、ドキュメントの追加、削除、プレビューなどの操作が可能です。[Get File] と [Delete] をクリックして設定内のファイルを追加または削除し、[Send File to Here] をクリックしてPCからファイルを設定ストレージにアップロードできます。

2.ブロック取り込み画像

Image Block をドラッグして、画像の名前とフォーマットを記入し、Run をクリックしてプレビュー結果を実行します。

3.コード方式による画像の取り込み

指定された修正画像のデフォルトアドレスを見つけて、デフォルトアドレスを展示する必要がある画像に修正して、WebTerminal をクリックして、三角形をクリックしてプレビュー結果を実行します。例えば、下図の M 5 stack.png ピクチャアドレスは flash/res/img/M 5 stack.png であり、デフォルト image 0 の導入リソースを修正し、M 5 stack.png のピクチャパスに置き換えればよい。

Wifi モードリソース参照

wi-fiのリソース参照には、ローカルプレビュー方式とクラウド上のプロジェクト参照方式があり、以下の違いがあります。

  • ローカルプレビュー方式で取り込んだファイルリソースは、現在接続中のデバイスに即時ダウンロードされ、クラウドプロジェクトには保存されません。
  • クラウドプロジェクト参照方式で取り込んだファイルリソースはクラウドプロジェクトに保存され、画像リソースはオンラインでプレビュー可能です。プログラムを実行後、関連する実行ファイルリソースがデバイスにダウンロードされます。

1.ローカルプレビューです

デバイスが WiFi を介してコンピュータに接続される前に、デバイスは事前に電源を入れて WiFi に接続する必要があり、デバイスがオンラインになっているときに、UiFlow2 Web IDE でデバイス管理ボタンをクリックして、現在オンラインになっている使用する必要があるデバイスを接続します。

デバイスファイル管理システムをクリックします。デバイスファイル管理システムでは、プロジェクトファイルと静的リソースファイルをアップロードすることができます。アップロードに成功したファイルはデバイスにダウンロードされます。同時に、デバイス内のファイルもWeb IDEでプレビューすることができます。注意:アップロードするファイルは100kb以下にしましょう。大きなファイルを使う場合はSDカードをお勧めします。

2.クラウドプロジェクト参照

プロジェクトファイル管理システムをクリックします。プロジェクト管理システムでは、プロジェクトファイルと静的リソースファイルをアップロードすることができます。ファイルをアップロードすることができます。

注意:クラウドに保存されている項目は独立したストレージです。プログラムの実行が成功しても、デバイス内のファイルがクラウド上のプロジェクトにアップロードされることはありません。

UI 編集ページでは、画像追加ボタンをクリックすることで、画像リソースをデバイスに追加することができます。また、Web IDE はネットワークに接続している場合、画像のオンラインプレビューをサポートすることができ、コードブロックを通じて直接導入することができます。 翻訳の質問

Video presentation(youtube)

On This Page