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

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

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

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

XAML

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

Xamarin

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

Q&A

解決済

2回答

524閲覧

ListViewをタップすると編集画面に移行したい

kktf

総合スコア11

C#

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

XAML

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

Xamarin

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

0グッド

0クリップ

投稿2018/06/10 09:41

前提・実現したいこと

Xamarin.Formsでメモ帳アプリを作っています。
作りたいものは、下の画像のように一覧画面でメモ一覧を表示し、メモをタップすると右側の編集画面に移動してメモの内容を編集できるようにしたいです。
(現在はタップすると削除するようにしています)

一覧画面編集画面
一覧画面編集画面

実現方法を調べたのですが、よくわからず行き詰まっています。
MVVMというアーキテクチャを理解していないと難しいのでしょうか?
アドバイスなどを頂けると幸いです。

該当のソースコード

一覧画面(XAML)

<?xml version="1.0" encoding="utf-8"?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:Memo" x:Class="Memo.MemoPage"> <ContentPage.ToolbarItems> <ToolbarItem Text="追加" Clicked="Add_clicked"/> </ContentPage.ToolbarItems> <ListView x:Name="listView" > <ListView.ItemTemplate> <DataTemplate> <TextCell Text="{Binding Memo}" Detail="{Binding InsertDate, StringFormat='{0:yyy/MM/dd hh:mm}'}"/> </DataTemplate> </ListView.ItemTemplate> </ListView> </ContentPage>

一覧画面のコードビハインド

C#

1 2namespace Memo 3{ 4 5 public partial class MemoPage : ContentPage 6 { 7 readonly TodoItemDatabase todoItemDatabase = new TodoItemDatabase(); 8 9 public MemoPage() 10 { 11 InitializeComponent(); 12 13 listView.ItemsSource = todoItemDatabase.GetItems(); 14 15 listView.ItemTapped += async (s, a) => 16 { 17 var wItem = (TodoItem)a.Item; 18 if (await DisplayAlert("削除しますか", wItem.Memo, "はい", "いいえ")) 19 { 20 todoItemDatabase.DeleteItem(wItem); 21 listView.ItemsSource = todoItemDatabase.GetItems(); 22 } 23 }; 24 } 25 26 protected override void OnAppearing() 27 { 28 base.OnAppearing(); 29 listView.ItemsSource = todoItemDatabase.GetItems(); 30 } 31 32 async void Add_clicked(object sender, EventArgs e) 33 { 34 await Navigation.PushAsync(new WritePage()); 35 } 36 } 37}

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

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

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

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

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

guest

回答2

0

ベストアンサー

分からないことが、どうしたら編集画面でタップされたメモの情報を取得できるのかということでよろしいでしょうか?

そうであるならば、編集画面のページクラス(WritePageでいいですか)のコンストラクタの引数でタップされたTodoItemのインスタンスを渡してしまうのが手っ取り早いです。

C#

1listView.ItemTapped += async (s, a) => 2{ 3 var wItem = (TodoItem)a.Item; 4 await Navigation.PushAsync(new WritePage(wItem)); 5};

WritePageでは、保存ボタンを押したら、wItemに対応するデータベースを更新するようにすればいいかと思います。

投稿2018/06/11 10:29

f-miyu

総合スコア1625

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

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

0

f-miyuさん、回答いただきありがとうございます。お返事が遅れて申し訳ありません。

分からないことが、どうしたら編集画面でタップされたメモの情報を取得できるのかということでよろしいでしょうか?

→はい、おっしゃる通りです。

MemoPageはf-miyuさんのおっしゃった通りに変更し、以下の通りWritePageを記述したら実現できました。

XAML

<ContentPage.Content> <StackLayout> <Label Text="メモ入力欄" /> <Entry Text="{Binding Memo}" VerticalOptions="Start" WidthRequest="300" HeightRequest="30" /> </StackLayout> </ContentPage.Content>

C#

1 2public partial class WritePage : ContentPage 3 { 4 5 public WritePage(TodoItem wItem) 6 { 7 InitializeComponent(); 8 BindingContext = wItem; 9 } 10 }

投稿2018/06/16 14:46

kktf

総合スコア11

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問