プログラミング演習Ⅲ(2023)

【課題7-09】画像ビューア ver 1.1

プロジェクトタイプC# WPFアプリケーション
プロジェクト名Prac_7_09
ソリューション名PET7
ターゲットフレームワーク.NET 6.0 (長期的なサポート)

※ 「WPFアプリ(.NET Framework)」ではないので注意せよ!

【課題7-08】を改造して,ボタンを廃して_に示すような メニューを備えたアプリに変更せよ.

画面イメージ
注意
  • GUI部品の名前やラベルの文言は必ず守ること(そうしないと採点ができないため).
  • この設問では ツールボックスを使わずに XAMLファイルを直接編集してウィンドウの定義を作成すること.

レイアウトは_のよう2行1列のレイアウトにすること.

レイアウト

このGUIアプリは_に示す部品を備える.

画面項目表
名前種別機能初期値/文言備考
menu1メニュー--メニュー項目menuItem1(後述)を収容するコンテナ.
menuItem1メニュー項目「操作」メニュー操作メニュー項目menuItem2~4(後述)を収容するコンテナ.
menuItem2メニュー項目「画像を選択」メニュー画像を選択画像ファイルを選択するためのメニュー項目.【課題7-08】button1に相当する機能を持つ.クリックすると以下の内容のオープンファイルダイアログを表示して,画像ファイルを選択させる.

【オープンファイルダイアログの内容】
タイトル:指定しない.
フィルター:以下の通り.
  1. 見出しすべての形式
    拡張子*.bmp*.dib*.jpg*.jpeg*.png
  2. 見出しビットマップ
    拡張子*.bmp*.dib
  3. 見出しJPEG
    拡張子*.jpg*.jpeg
  4. 見出しPNG
    拡張子*.png

ダイアログで正常にファイルが選択された場合は,image1でその画像を表示する.ダイアログが×ボタンで閉じられたり,キャンセルされた場合は何もしない.
menuItem3メニュー項目「クリア」メニュークリア現在表示されている画像をクリアする(=画像未表示の状態に戻す)ためのメニュー項目.ヒントも参照せよ.
menuItem4メニュー項目「終了」メニュー終了アプリを終了するためのメニュー項目.ヒントも参照せよ.
image1Image画像表示-画像表示のためのImage.menuItem2の備考も参照せよ.
(名前なし)ウィンドウ(メインウィンドウ)画像ビューア ver 1.1プロジェクト作成時に自動作成されるメインウィンドウ.

【プロパティの指定】
・サイズは幅400×高さ300とする.
背景色はデフォルトの白以外に設定する
・左記の「初期値/文言」の列とおり文言,つまりタイトルを指定する.

正しく実装できた場合,実行結果は_に示すような挙動となる12

実行結果

ヒント

  • この設問ではツールボックスを使わずにXAMLファイルを直接編集してウィンドウの定義を作成すること.
    • ツールボックスから部品をドラッグ&ドロップで配置すると,余計な設定が行われてしまい正しく画面を作ることができない.
Imageの画像をクリアする方法
  • Imageの画像をクリアするには.Sourceプロパティにnullをセットすればよい.
Imageの画像をクリアする方法 : 閉じる
アプリを終了する方法
アプリを終了する方法 : 閉じる

  1. Apple社の都合により,iPhone,iPadなどのデバイスでは動画の再生はできません(Apple社はスマートフォン/タブレット製品で,意図的?にVPxやAV1コーデックのサポートを遅らせているため.参考1参考2). ↩︎

  2. Microsoft Edge で動画を閲覧するためには,AV1 Extensionをインストールする必要があります. ↩︎

Last updated on 2023-11-22
Published on 2023-11-22

Powered by Hugo. Theme by TechDoc. Designed by Thingsym.