Forguncy 10 オンラインヘルプ
アプリの開発 / 画面の設計 / ページの作成 / 画像オブジェクトの挿入
このトピックで
    画像オブジェクトの挿入
    このトピックで

    画像の挿入

    指定した画像ファイルをページに配置します。ページに配置された画像は、ナビゲーションウィンドウの「画像リソース」で参照や画像に対する操作が行えます。

    配置できる画像ファイル形式はJPG、PNG、GIF、ICO、BMP、SVGです。

    ヒント:

    • 画像をクリックして別のページに遷移させるような動作を実装する場合や、データ連結を使用してテーブルに格納されている画像を表示させるような場合には、セルに対して設定した画像型セルを使用する必要があります。詳細については画像表示領域の作成を参照してください。
    1. [挿入]→[画像]をクリックします。

    2. [画像の選択]ダイアログが表示されるので、[インポート]ボタンをクリックします。

    3. [開く]ダイアログが表示されるので、任意の画像を選択し[開く]ボタンをクリックします。

    4. [画像の選択]ダイアログにインポートされるので、インポートされた画像を選択して[OK]ボタンをクリックします。

      ページに画像が挿入されます。

    画像のデザイン

    1. 画像オブジェクトをクリックして選択状態とします。

    2. [図ツール]コンテキストタブに以下の[デザイン]タブが表示され、画像に対する各種設定を行うことができます。

      大きさ

      設定 説明
      高さ 画像の高さをピクセル値で指定します。
      画像の幅をピクセル値で指定します。

      効果

      設定 説明
      透明度 画像の透明度を設定します。100%が完全な透明となり、パーセンテージが低くなるにつれて透明度が下がります。
      角丸の半径 画像に角丸加工を施す際の角丸の半径をピクセルで指定します。設定可能な最大値は画像のサイズに依存します。
      画像のスタイル 塗りつぶし 画像の透明色が設定されている部分を塗りつぶす色を指定します。
      線のスタイル 画像の線のスタイルを設定します。「色」、「幅」、「線の種類」の3つが設定可能です。
      [影を有効化する]チェックオプションをチェックすることで、画像に影をつけることが可能です。「横方向の距離」、「縦方向の距離」、「ぼかし」、「サイズ」、「色」、「透明度」の6つの設定が可能です。

      画像のコマンド

      設定 説明
      コマンド

      画像オブジェクトの領域がクリックされた際に実行するコマンドを設定します。

      画像オブジェクトを右クリックし、コンテキストメニューから[コマンド]を選択することでも設定が可能です。

    画像の操作

    選択状態となった画像は、ドラッグによる移動、境界線のドラッグによるサイズ変更が可能です。また、Excelの操作と同様に、Ctrlキーを押しながら選択状態の画像をドラッグすることで、その画像を複製することができます。

    クリップボードの「コピー」、「切り取り」、「貼り付け」に対応しています。Delキーを押下、または[すべてをクリア]ボタンで画像を削除できます。

    画像を移動またはサイズ変更する場合、デフォルトではピクセル単位で移動/サイズ変更されます。

    Altキーを押しながら画像を移動/サイズ変更すると、画像の枠線が自動的にセルの枠線に吸い付きます。

    複数の画像を同時に選択して、移動/サイズ変更することができます。複数の画像が選択されている場合、マウスカーソルで操作している画像に基づいて複数の画像が操作されます。

    画像の置き換え

    挿入した後の画像を変更できます。 画像の高さ、幅、透明度、角丸の半径、スタイル、コマンドは引き継がれます。

    画像を選択した後、その画像を右クリックし、コンテキストメニューから[画像の置き換え]を選択します。 または、[デザイン]タブ→[画像の置き換え]を選択します。

    前面、または背面への移動

    同一ページ内に複数の画像があり、かつ重なっている場合、前後関係を調整することができます。

    1. 画像オブジェクトをクリックして選択状態とします。

    2. 選択状態となった画像オブジェクトを右クリックし、コンテキストメニューから、以下のいずれかを選択します。

      • 背面へ移動
      • 最背面へ移動
      • 前面へ移動
      • 最前面へ移動