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

【課題7-08】画像ビューア ver 1.0

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

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

_に示すような,画像を表示するためのアプリを作成せよ.

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

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

レイアウト

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

画面項目表
名前種別機能初期値/文言備考
button1ボタン「画像ファイルを表示」ボタン画像ファイルを表示画像ファイルを選択するためのボタン.クリックすると以下の内容のオープンファイルダイアログを表示して,画像ファイルを選択させる.

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

ダイアログで正常にファイルが選択された場合は,image1でその画像を表示する.ダイアログが×ボタンで閉じられたり,キャンセルされた場合は何もしない.
image1Image画像表示-画像表示のためのImage.button1の備考も参照せよ.
(名前なし)ウィンドウ(メインウィンドウ)画像ビューア ver 1.0プロジェクト作成時に自動作成されるメインウィンドウ.

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

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

実行結果

ヒント

  • この設問ではツールボックスを使わずにXAMLファイルを直接編集してウィンドウの定義を作成すること.
    • ツールボックスから部品をドラッグ&ドロップで配置すると,余計な設定が行われてしまい正しく画面を作ることができない.

  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.