xaml wpfについて

Question

xamlについて質問なんですが、プレフィックス名をボタン押下で変更するにはどうすればよいでしょうか。

以下のような感じです。例を変更しました。
例)
<Window x:Class="SampleApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:SampleApp" xmlns:Components="clr-namespace:SampleApp.Components" Title="MainWindow" Height="100" Width="200">
<Grid>
<Components:A />
<Button Click="BackgroundChange" />
</Grid>
</Window>

ボタンを押したらAの部分をBに変えたいです。
呼び出すファイル(クラス)を変更したいです。

Comments

[ozwk]

どこにある何のプレフィックス名ですか?

[piero]

Mainwindow.xamlの名前空間でxmls:Componet～を定義して。gridの中からComponentに含まれるAというクラスを呼び出して、ボタンを押したらBというクラスの呼び出しに変えたいです。

[haru666]

Grid内のコントロールAをコントロールBに差し替えたい、ということでいいですか？

Answer 1

自分なら A と B をあらかじめ配置、Visibility.Collapsed にしておいて、
ボタンクリックなどのタイミングで Style.Triggers で
Visibility を入れ替えるようにします。

A および B の内容が大きい場合は
MainWindow のデータコンテキストに CurrentViewModel みたいなプロパティを用意し、
A と B それぞれに ViewModel を用意します。
ContentControl の Content プロパティに CurrentViewModel をバインドし、
ボタンクリックのコマンドから CurrentViewModel を A から B、B から A 用のものに入れ替えます。
CurrentViewModel をバインドされた ContentControl はそのままでは UI を表示できないので、
App.Resources などに DataTemplate を定義し、
A の ViewModel のときは A、B の ViewModel のときは B が表示されるようにします。

Answer 2

twyujiro15さんの回答の補足です。
ちょっと難易度が高いかなと思うので…詳しくはContentControl WPFで検索してみてください。

データバインディングは知っている想定で部分的なコードを共有します。
知らない場合はこちらも検索してみてください。

XAMLに以下のように記述すればcomponent:Aとcomponent:Bを差し替えることができます。
※全文ではなく部分的な抜き出しです

<!-- ContentControlがcomponentを保持します -->
<ContentControl Content="{Binding Target}">
    <ContentControl.Resources>
        <!-- バインディングされたTargetの型と表示コンテンツを関連付けることができます。 -->
        <DataTemplate DataType="{x:Type local:AViewModel}">
            <component:A />
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:BViewModel}">
            <component:B />
        </DataTemplate>
    </ContentControl.Resources>
</ContentControl>
<Button HorizontalAlignment="Left" VerticalAlignment="Top"
        Content="ボタン" Command="{Binding ChangeTargetCommand}" />

public class Presenter : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public object Target
    {
        get
        {
            return _Target;
        }
        set
        {
            if (_Target != value)
            {
                _Target = value;
                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Target)));
            }
        }
    }
    private object _Target = new AViewModel();

    // Targetプロパティのモデルを、AViewModelからBViewModelに変更するだけのコマンド
    public ICommand ChangeTargetCommand
    {
        get
        {
            return _ChangeTargetCommand = _ChangeTargetCommand ?? 
                new DelegateCommand(() => Target = new BViewModel());
        }
    }
    private ICommand _ChangeTargetCommand;
}