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

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

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

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

MVVM

MVVM(Model View ViewModel)は構築上のデザインパターンで、表現ロジック(ViewModel)によってデータ(Model)からページ(View)を分離させます。

XAML

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

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

解決済

【C#(MVVM)】StackPanelをViewModel側で保持したい

k_mail
k_mail

総合スコア86

C#

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

MVVM

MVVM(Model View ViewModel)は構築上のデザインパターンで、表現ロジック(ViewModel)によってデータ(Model)からページ(View)を分離させます。

XAML

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

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

1回答

0評価

2クリップ

765閲覧

投稿2022/01/03 08:33

編集2022/01/03 08:35

StackPanelに動的にTextBlockを追加するため
ViewModel側でStackPanelを保持したいです。

コードビハインドでは「spanel.Children.Add(textBlock);」のように書くことができますが、
MVVMのViewModelで記載するにはどのようにすれば良いのでしょうか。
(DataContextにバインディングしようとしましたが、できていない気がします。)

イメージは下記のコードのLabelのように
ViewwModel側はプロパティで状態を保持し、変更がある度、
更新されるようにしたいです。
よろしくお願いします。

■View側

C#

<Window x:Class="Test1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vm="clr-namespace:Test1" Title="MainWindow" Height="350" Width="525"> <Window.DataContext> <vm:Test1ViewModel /> </Window.DataContext> <Grid> <StackPanel DataContext="{Binding TestStackPanel}"/> <Label Content="{Binding TestLabel}" HorizontalAlignment="Left" VerticalAlignment="Top"/> </Grid> </Window>

■ViewModel側

C#

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Media; namespace Test1 { class Test1ViewModel : ViewModelBase { /// <summary> /// コンストラクタ /// </summary> public Test1ViewModel() { ShowList(); } private string _testLabel = "初期値"; public string TestLabel { get { return _testLabel; } set { if (value == _testLabel) { return; } } } private StackPanel _testStackPanel = new StackPanel(); public StackPanel TestStackPanel { get { return _testStackPanel; } set { if (value == _testStackPanel) { return; } } } private List<string> _itemList = new List<string>(); private void ShowList() { _itemList.Add("テスト1"); _itemList.Add("テスト2"); _itemList.Add("テスト3"); foreach (var item in _itemList) { // TextBlockのInlinesプロパティにRunを入れ込む var txtblock = new TextBlock(); txtblock.Inlines.Add(new Run { Text = item, Foreground = new SolidColorBrush(Colors.Red) }); // ここで動的に作成したTextBlockを追加したい // コードビハインドでは「spanel.Children.Add(textBlock); 」のように書ける TestStackPanel.Children.Add(txtblock); } } } }

(ViewModelBase)

using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Runtime.CompilerServices; using System.Text; using System.Threading.Tasks; namespace Test1 { public abstract class ViewModelBase : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] string propertyName = null) { if (Equals(storage, value)) return false; storage = value; return true; } } }

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

Zuishin

2022/01/03 08:45

それは MVVM ではありません。
k_mail

2022/01/03 09:26

StackPanelに動的にTextBlockを追加するには どのように書くのが良いのでしょうか
Zuishin

2022/01/03 09:46 編集

MVVM を使わないのであれば、好きなようにすればいいのでは? ViewModel を無視してコードビハインドで TextBlock のインスタンスを作って追加するのが簡単だと思います。
Zuishin

2022/01/03 09:55 編集

MVVM を使うのであれば ItemsSource にバインドします。 ググってみつかったサンプルにリンクしましたが、不適切だったので削除しました。
k_mail

2022/01/03 10:30

承知しました。 確認します。 ありがとうございます。

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

C#

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

MVVM

MVVM(Model View ViewModel)は構築上のデザインパターンで、表現ロジック(ViewModel)によってデータ(Model)からページ(View)を分離させます。

XAML

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

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです