サンプル 2. Step 24: CookingDescription ブロックの作成

要素の矩形を結合して非矩形の OutputRegion を作成する FlexiLayout language の式を使って、調理手順ブロックを組み立てます。

調理手順と人数を1つの出力領域にまとめるため、CookingInstructions ブロックを作成します。

1. FlexiLayout タブを開く

   FlexiLayout Studio のメインウィンドウで FlexiLayout タブをクリックします。

2. Blocks オブジェクトを選択する

   FlexiLayout ツリーで Blocks オブジェクトを選択します。

3. テキストブロックを追加する

   FlexiLayout メニューまたはショートカットメニューで Blocks → Add Block → Text を選択します。

4. ブロックに名前を付ける

   Properties ダイアログで、Name フィールドにブロック名 CookingInstructions を入力します。

5. 位置の指定方法を設定する

   ブロックの位置を記述するには、Expression を選択します。

6. ブロック式を入力する

   ブロックの位置は、調理手順と人数のみが含まれ、不要なテキスト (Serves という単語の前にある可能性のあるテキスト) が除外されるように記述します。ブロックは、CookingDescription、Serves、Servings の各要素を囲む矩形のコレクションとして記述します。このメソッドを使用すると、非矩形の領域を指定できます。

   FlexiLayout language では、次のように記述します。

   RectArray outputRectArray;
   //空のコンストラクターを使用して変数を初期化する
   outputRectArray = RectArray();
   //3 つの要素の仮説の矩形を追加する
   outputRectArray.Add ( SearchElements.Cooking.Description.CookingInstructions.Rect );
   outputRectArray.Add( SearchElements.Cooking.Description.Serves.Rect );
   outputRectArray.Add( SearchElements.Cooking.Description.Servings.Rect );
   OutputRegion = Region( outputRectArray );