WPF Caliburn.Micro/mvvm Navigation

Question

Tôi đang xây dựng một dự án và một trong những vấn đề lớn nhất mà tôi đã gặp phải cho đến bây giờ là điều hướng.
Tôi đã tìm một số thời gian bây giờ cho các ví dụ về điều hướng caliburn.micro/mvvm, nhưng tất cả chúng dường như thực sự dài và tôi thực sự không thể hiểu nhiều về nó (người mới bắt đầu ở đây!).

Một số thông tin về dự án của tôi:
Tôi muốn có cửa sổ/vỏ bên ngoài, với liên kết/tab menu mở trang theo nút được nhấp vào bên trong phần vỏ và có thể mở thay đổi trang từ bên trong một trang.

Tôi hiện có: ShellViewModel.cs, MainViewModel.cs, mô hình của tôi và chế độ xem của tôi. Hiện tại, tất cả những gì tôi cần biết là làm thế nào để tải MainViewModel bên trong shellviewmodel khi khởi động (sử dụng contentcontrol/frames ...) và cách di chuyển từ trang này sang trang khác.

Bạn cũng có thể viết nó theo điểm và liên kết tôi với một số ví dụ hữu ích và tôi tin rằng tôi có thể tiếp tục từ đó. Tốt nhất là bạn nên giải thích kỹ lưỡng về nội dung nếu có thể.

Answer 1

Đã đọc khoảng Conductors and Screens trên tài liệu chính thức.

Là một ví dụ đơn giản, bạn ShellViewModel có thể là một Conductor của một màn hình hoạt động (tức là chỉ có một màn hình trở nên active/inactive tại một thời điểm):

public class ShellViewModel : Conductor<IScreen>.Collection.OneActive 

Sau đó bạn có thể thiết lập ActiveItem của Conductor để trường hợp xem mô hình mà bạn muốn như đang hoạt động:

this.ActivateItem(myMainViewModel); 

một loại bộ sưu tập Conductor cũng cung cấp một bộ sưu tập Items mà bạn có thể cư khi bạn khởi tạo cửa sổ mới. Chế độ xem trong bộ sưu tập Items này có thể là các bộ sưu tập hiện đang bị hủy kích hoạt nhưng chưa đóng và bạn có thể kích hoạt chúng bằng cách sử dụng ActivateItem như trên. Nó cũng làm cho nó rất dễ dàng để tạo ra một trình đơn của các cửa sổ mở bằng cách sử dụng một ItemsControl với x:Name="Items" trong của bạn ShellView.

Sau đó, để tạo ra các ShellView, bạn có thể sử dụng một ContentControl và đặt tên nó là giống như ActiveItem bất động sản, và Caliburn.Micro sẽ làm phần còn lại:

<ContentControl x:Name="ActiveItem" /> 

Sau đó bạn có thể đáp ứng kích hoạt/hủy kích hoạt trong MainViewModel của bạn bằng cách ghi đè OnActivate/OnDeactivate trong lớp đó.

Answer 2

Trong ShellView bạn sử dụng một điều khiển nội dung như thế này:

<ShellView xmlns:cal="http://caliburnproject.org/"> 
    <StackPanel> 
      <Button Content="Show other view" cal:Message.Attach="ShowOtherView" /> 
      <ContentControl cal:View.Model="{Binding Child}" /> 
    </StackPanel> 
</ShellView> 

ShellViewModel:

public class ShellViewModel : Screen 
{ 
    private object Child; 

    public object Child 
    { 
      get{ return child; } 
      set 
      { 
       if(child == value) 
        return; 
       child = value; 
       NotifyOfPropertyChange(() => Child); 
      } 
    } 

    public ShellViewModel() 
    { 
     this.Child = new MainViewModel(); 
    } 

    public void ShowOtherView() 
    { 
      this.Child = new FooViewModel(); 
    } 
} 

Vì vậy, đây là một ví dụ rất cơ bản. Nhưng như bạn thấy, ShellView của bạn cung cấp ContentControl, hiển thị chế độ xem con. Điều này ContentControl bị ràng buộc qua View.Model đến thuộc tính Child từ ShellViewModel của bạn.

Trong ShellView, tôi đã sử dụng một nút để hiển thị một chế độ xem khác, nhưng bạn cũng có thể sử dụng menu hoặc thứ gì đó tương tự.