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

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

新規登録して質問してみよう
ただいま回答率
85.48%
C#

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

Xamarin

Xamarin(ザマリン)は、iPhoneなどのiOSやAndroidで動作し、C# 言語を用いてアプリを開発できるクロスプラットフォーム開発環境です。Xamarin Studioと C# 言語を用いて、 iOS と Android の両方の開発を行うことができます。

Q&A

解決済

1回答

4348閲覧

【Xamarin.Forms】ListViewを使ってタップされたら中身を表示するViewを作りたい

naritamago

総合スコア15

C#

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

Xamarin

Xamarin(ザマリン)は、iPhoneなどのiOSやAndroidで動作し、C# 言語を用いてアプリを開発できるクロスプラットフォーム開発環境です。Xamarin Studioと C# 言語を用いて、 iOS と Android の両方の開発を行うことができます。

0グッド

0クリップ

投稿2018/09/25 12:20

###実現したいlこと
Xamarin.Formsで、TODOリストのようなアプリを作成しています。
ローカル保存領域に保存されたテキストファイルを取得してListViewに並べ、項目がタップされたらファイルの中身を表示させたいのですが、うまくいきません。

View

1<ContentPage xmlns=中略> 2<ListView ItemSource="{Binding Files}", SelectedItem="{Binding Data}"/> 3</ContentPage>

ViewModel

1public コンストラクタ() 2{ 3 Files = new ObservableCollection<String>(); 4 var localFolder = FileSystem.Current.LocalStorage; 5 var files = localFolder.GetFileAsync().Result; 6 foreach(var file in files) 7 { 8 Files.Add(file.Name); 9 } 10

上記のViewModelのコードでファイル名を取得してListViewに並べるところまではできたのですが、ファイルの中身を表示させるのにどのような実装にすればよいかわかりません。
項目がタップされたら中身を表示させたいのでSelectedItemを用意していますが、これが正しいかもよく分かっておらず、アドバイスいただきたく思います。

###備考

  • ファイルの読み込みにはNugetのPCLStorageを使用しています。
  • PrismのようなMVVMサポートフレームワークは使用していません。
  • Fody.PropertyChangedを使用しています。

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

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

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

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

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

guest

回答1

0

ベストアンサー

項目がタップされた時に何かしらの処理をしたいのであれば、ListViewItemSelectedイベント、もしくは、ItemTappedイベントを購読するようにします。

ListView の対話機能 - Xamarin | Microsoft Docs

C#

1listView.ItemTapped += (sender, e) => 2{ 3 var data = e.Item; 4};

xamlでViewModelのCommandをバインドするには、ここを参考にするか、Prism、もしくは、Xamarin.Forms.BehaviorsPackEventToCommandBehaviorの利用を検討してみてください。

投稿2018/09/25 13:32

f-miyu

総合スコア1625

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

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

naritamago

2018/10/03 06:02

f-miyuさん、回答遅れてすいません(ネット環境が壊れてました)。他のteratailの質問も読んだりしてみたのですが、ファイル名をタップ→ファイルの内容を表示する、というような機能の実現は、単一のViewだけでは実装できないor難しいのでしょうか? 現在は、ご提示いただいたEventToCommandBehaviorを使ってタップされた時に別ページに値を渡して表示する、という実装を考えていますが、単一のページだけで実装する方法があるなら教えていただきたく思います。
f-miyu

2018/10/03 06:19 編集

リストのファイル内容を表示するのであれば、別ページに遷移するのが普通だと思いますが、遷移させたくないのであれば、ListViewを非表示にして、ファイル内容のView(Label)を表示状態にするといった感じになるでしょうか。GridやAbsoluteLayoutを使えば、Viewを重ねて表示することが出来ます。
naritamago

2018/10/03 07:06

どういうやり方がベストプラクティスなのかわからなかったので助かります。ListView⇔label切り替えの場合だとファイルの行数が多い場合にちゃんと表示されるのか不安かな?と思います。AbsoluteLayoutの場合もスマホ・タブレット間での表示が不安です。なんにせよタップ時のイベントによるページ切り替えで実装してみようと思います。ご回答ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問