質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
UWP

UWPは、Universal Windows Platformの略。様々なデバイス向けに提供されているアプリケーションを共通のフレームワーク上で動作可能にする仕組みで、Windows10で導入されました。

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

Q&A

解決済

1回答

2374閲覧

【UWP】画像ビューワー、フォトと同様のことを行いたいです。

heroherohero

総合スコア38

UWP

UWPは、Universal Windows Platformの略。様々なデバイス向けに提供されているアプリケーションを共通のフレームワーク上で動作可能にする仕組みで、Windows10で導入されました。

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

0グッド

0クリップ

投稿2019/07/27 00:24

お世話になっております。

Prism 6.3(MVVMパターン)の開発環境で、UWPのアプリを開発しております。

Windows10標準の画像ファイルプレビュー「フォト」で実装されているような、ユーザが画像をスワイプして次の画像を画面上に表示するといったことを行いたいと考えております。

そうした場合、おそらくですが、俗に言われている「カルーセル」を実装することなるかと思いますが、このような方針で間違っていないでしょうか。そして、もしこちらの方針で間違っていない場合、UWPで「カルーセル」を実装するためには、どのような方法が考えられますでしょうか。

アイディア等、ご存じでしたら教えていただけますと幸いです。

〇カルーセルについて
https://blogs.adobe.com/japan/web-carousels-benefits-drawbacks/

〇下記、サイトに掲載されている、GIFが自分のやりたいことのイメージとしては近いです。
https://www.unipafu.com/entry/2018/08/18/224254

どうぞ、よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

一枚ずつスライド表示させるならFlipViewでしょうか。

FlipView
https://docs.microsoft.com/ja-jp/windows/uwp/design/controls-and-patterns/flipview

UWP 画像 スワイプで検索したらトップででてきました)

FlipViewの推奨と非推奨で触れられていますが…

大規模なコレクションでは FlipView コントロールを使わないでください。これは、項目ごとにフリップ操作を繰り返す必要があり、ユーザーの負担になるためです。 フォト アルバムは例外です。フォト アルバムには数百または数千の画像が含まれている場合があります。 ほとんどの場合、フォト アルバムでは、グリッド ビューのレイアウトで写真を選ぶと、フリップ ビューに切り替わります。 他の大きいコレクションについては、リスト ビューまたはグリッド ビューを検討してください。

とある通り、全体ビューとしてはリストビューorグリッドビューでサムネイル画像を多数表示し、詳細ビューで一枚を大きく表示(=FlipViewを利用)するのが王道パターンになるかと思います。


カルーセルもWindows Community Toolkitから提供されていますが、フォトなどとは違う動作なので参考にならないかも。

Carousel XAML Control
https://docs.microsoft.com/ja-jp/windows/communitytoolkit/controls/carousel

投稿2019/07/27 00:47

tor4kichi

総合スコア763

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

heroherohero

2019/07/27 01:34

ありがとうございます。 tor4kichiさんのおっしゃる通り、「UWP 画像 スワイプ」で検索エンジンで検索したら、一番上に出てきました。。。お手数をおかけしました。 また、詳細な説明も記載していただき、きありがとうございます。 補足までに、今回、FlipViewにたどり着けなかった経緯として、 自分はよく画像検索をして、検索も行うのですが、「画像」検索で「UWP 画像 スワイプ」で検索すると、一番上には「スワイプ」のページが表示されました。(Googleの検索エンジンのアルゴリズムが異なるんですね。)今後は、どちらも駆使しながら、調べを進めるようにしていきたいと思います。 https://docs.microsoft.com/ja-jp/windows/uwp/design/controls-and-patterns/swipe ありがとうございました!
tor4kichi

2019/07/27 02:38

参考になったようでよかったです。 検索方法の方は今後のヒントになったらいいな程度の話ですのでお気になさらず。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問