将页面作为scrollviewer或contentControl等的内容

Question

有没有办法将页面放入＆lt; grid/＆gt;，＆lt; stackpanel/＆gt;，，＆lt; contentControl/＆gt;或＆lt; scrollviewer/＆gt;用constructor调用从代码中作为内容？

我期望这样的事情：

xaml：

<Grid>
     <ScrollViewer Content="{Binding Panel0}"/>
</Grid>

c＃：

public class TestWindowViewModel : Page
{
   public string Name { get; private set; }
   public string Description { get; private set; }
   public TestWindowViewModel(string name, string description)
   {
       Name = name;
       Description = description;
    }
}

_

public partial class SomeViewModel : Page
{
    public TestWindowViewModel Panel0;

    public SomeViewModel()
    {
        Panel0 = new TestWindowViewModel("panelName", "panelDescription"); 
        InitializeComponent();
    }
}

Answer 1

您可以使用frame标签，

<ScrollViewer>
<Frame content = "{Binding MyPage}"/>
</ScrollViewer>

如果您不想在ViewModel中有一个道具，那么您应该能够

<ScrollViewer>
<Frame>
<Frame.Content>
<locals:MyPage>
</Frame.Content>
</ScrollViewer>

记住您的东西，即testWindowViewModel继承页面。这不是ViewModel。相反，这是一个普通的页面。

您需要看起来像这样的东西：

    public class NotifyPropertyClass : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private void NotifyPropertyChanged([CallerMemberName] string propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

        private Page myPage;

        public Page MyPage
        {
            get { return myPage; }
            set
            {
                myPage = value;
                NotifyPropertyChanged();
            }
        }

    }

并且您可以走更远的级别并进行抽象类：

    public abstract class ViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private void NotifyPropertyChanged([CallerMemberName] string propertyName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

然后您可以像这样继承ViewModel：

public class TestWindow: Page
{
   public TestWindow()
   {
       InitializeComponent();
    }
}

public class TestWindowViewModel : ViewModel
    {
        private string name;

        public string Name
        {
            get { return name; }
            set
            {
                name = value;
                NotifyPropertyChanged();
            }
        }

        private string description;

        public string Description
        {
            get { return description; }
            set
            {
                Description = value;
                NotifyPropertyChanged();
            }
        }

    }

一旦正确地将其分开，您就可以使用框架并为SomePage和SomePageViewModel，然后您可以在ViewModel的帧内容上使用实际绑定。我知道这很长，但是如果您开始设置一个良好的MVVM设置，那么如果您进入异步，那么您就可以节省自己的头痛，而没有。

Answer 2

在XAML中：

<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
    <Frame x:Name="CurrentPage" NavigationUIVisibility="Hidden"></Frame>
</ScrollViewer>

在CS：

CurrentPage.Content = content;

内容为页面