{"id":57996,"date":"2023-01-29T09:01:42","date_gmt":"2023-01-29T08:01:42","guid":{"rendered":"https:\/\/ar3dp.de\/docs\/programmieren\/net-maui-basis-applikation-app-template\/3-views\/"},"modified":"2023-01-29T09:01:42","modified_gmt":"2023-01-29T08:01:42","slug":"views","status":"publish","type":"docs","link":"https:\/\/ar3dp.de\/en\/docs\/programmieren\/net-maui-basis-applikation-app-template\/views\/","title":{"rendered":"Views"},"content":{"rendered":"

Die Views<\/code> sind die visuelle Komponente der App und zeigen die Daten aus dem gebundenen ViewModel<\/code> an. Der Ctor<\/code> der Inhaltsseite muss als Parameter das ViewModel<\/code> akzeptieren, wie das folgende Beispiel zeigt.<\/p>\n\n\n\n

public partial class DashboardPage : ContentPage\n{\n    public DashboardPage(DashboardPageViewModel viewModel)\n    {\n        InitializeComponent();\n        BindingContext = viewModel;\n        Loaded += ((DashboardPageViewModel)BindingContext).Pages_Loaded;\n    }\n\n    ~DashboardPage()\n    {\n        Loaded -= ((DashboardPageViewModel)BindingContext).Pages_Loaded;\n    }\n\n    #region Methods\n    protected override void OnAppearing()\n    {\n        base.OnAppearing();\n        try\n        {\n            ((DashboardPageViewModel)BindingContext).OnAppearing();\n        }\n        catch (Exception) { }\n    }\n\n    protected override void OnDisappearing()\n    {\n        base.OnDisappearing();\n        try\n        {\n            ((DashboardPageViewModel)BindingContext).OnDisappearing();\n        }\n        catch (Exception) { }\n    }\n    #endregion\n}<\/pre><\/div>\n\n\n\n
Somit weis die View<\/code>, welches ViewModel<\/code> sich dahinter verbirgt. Zus\u00e4tzlich sollte auch in der Xaml-Ansicht auf das richtige ViewModel<\/code> verwiesen werden.<\/p>\n\n\n\n
<?xml version="1.0" encoding="utf-8" ?>\n<ContentPage\n    xmlns="http:\/\/schemas.microsoft.com\/dotnet\/2021\/maui"\n    xmlns:x="http:\/\/schemas.microsoft.com\/winfx\/2009\/xaml"\n    x:Class="AppBasement.Views.DashboardPage"\n       \n    xmlns:localization="clr-namespace:AppBasement.Resources.Localization"\n    xmlns:viewModels="clr-namespace:AppBasement.ViewModels"\n    \n    Title="{x:Static localization:Strings.Dashboard}"\n    Style="{StaticResource DefaultPageStyle}"\n    x:DataType="viewModels:DashboardPageViewModel"\n    >\n    <!-- Some content -->\n<\/ContentPage><\/pre><\/div>\n\n\n\n
Dies hat den Vorteil, dass schon beim Erstellen des Projektes gepr\u00fcft wird, ob die Bindings<\/code> der View<\/code> auch im  ViewModel<\/code> verf\u00fcgbar sind. Das erleichtert das sp\u00e4tere Fehlersuchen und verbessert die Performance der App.<\/p>","protected":false},"excerpt":{"rendered":"
Die Views sind die visuelle Komponente der App und zeigen die Daten aus dem gebundenen ViewModel an. Der Ctor der Inhaltsseite muss als Parameter das ViewModel akzeptieren, wie das folgende Beispiel zeigt. Somit weis die View, welches ViewModel sich dahinter verbirgt. Zus\u00e4tzlich sollte auch in der Xaml-Ansicht auf das richtige ViewModel verwiesen werden. Dies hat…<\/p>","protected":false},"author":1,"featured_media":0,"parent":57992,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","meta":{"_featured":false,"_is_vendor_doc":"0","footnotes":""},"doc_tag":[],"class_list":["post-57996","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/57996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/comments?post=57996"}],"version-history":[{"count":2,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/57996\/revisions"}],"predecessor-version":[{"id":58744,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/57996\/revisions\/58744"}],"up":[{"embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/57992"}],"next":[{"title":"Utilities & Helfer","link":"https:\/\/ar3dp.de\/en\/docs\/programmieren\/net-maui-basis-applikation-app-template\/utilities-helfer\/","href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/58001"}],"prev":[{"title":"ViewModels","link":"https:\/\/ar3dp.de\/en\/docs\/programmieren\/net-maui-basis-applikation-app-template\/viewmodels\/","href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/57995"}],"wp:attachment":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/media?parent=57996"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/doc_tag?post=57996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}