Projekt-Anfragen: Tel: 07022/9319004 info@CodeDocu.de Software Entwicklung in C# WPF Asp.Net Core Vba Excel Word SQL-Server EF Linq, UWP Net
#

UWP: UserControl einbinden

 

Wie bindet man ein eigenes UserControl in einer UWP Page ein?

Ich habe ein eigenes UserControl erstellt und möchte dieses jetzt in meiner Hauptseite einbetten.

 

Damit man das UserControl überhaupt auf der eigenen XAML Seite sehen kann, muss man im Header der Page Seite

Den Namespace eintragen, wo sich die UserControls befinden.

Ich habe alle meine eigenen UserControl in einem Unterordner /UserControls

Damit ich meine UserControls per Tag einbetten kann trage ich dann in dem <Page ..> block ein

xmlns:uc="using:MeinProjektname.UserControls"

die Bezeichnung uc bedeutet in diesem Fall, dass alle <Tag> die mit uc beginnen, aus diesem UserControls Ordner kommen.

wie hier dargestellt:

 

 

Durch die Eingabe des Namespaces passiert nun folgendes.

Sobald ich in XAML <uc: eingebe, erscheinen meine UserControls, die in dem Verzeichnis /UserControls befinden

 

Wenn man dann das UserControl Tag abschliesst mit einer schließenden > Klammer, dann erscheint das UserControl auch in Designer

   <uc:UcGrid Grid.Row="1"  HorizontalAlignment="Stretch"   VerticalAlignment="Stretch"></uc:UcGrid>

 

 

 

Page-Erweiterung:

Muss man das Usercontrol in XAML verfügbar machen durch die Erweiterung der Namespaces in dem Page-Header in der Seite, wo man das Control einbetten möchte

 

<Page

    x:Class="uwp_MultiColumn.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:uc="using:uwp_MultiColumn.UserControls"

..

 

 

Page-XAML Code

<Page

    x:Class="uwp_MultiColumn.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:uc="using:uwp_MultiColumn.UserControls"

    xmlns:local="using:uwp_MultiColumn"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d">

 

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

        <Grid.RowDefinitions>

            <RowDefinition Height="40*"/>

            <RowDefinition Height="617*"/>

        </Grid.RowDefinitions>

        <Button x:Name="btnLoad" Grid.Row="0" Content="Load" VerticalAlignment="Stretch" />

        <uc:UcGrid Grid.Row="1"  HorizontalAlignment="Stretch"   VerticalAlignment="Stretch"></uc:UcGrid>

    </Grid>

</Page>

 

 

 

Das gezeigte UserControl enthält ein einfaches Grid

Als Grundlage für ein programmierbares Grid für MultiColumn und Header, welches wiederverwendet werden kann

 

XAML Basiscode eines UserControls

<UserControl

    x:Class="uwp_MultiColumn.UserControls.UcGrid"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:uwp_MultiColumn.UserControls"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    d:DesignHeight="300"

    d:DesignWidth="400">

 

    <Grid x:Name="GridBase">

 

    </Grid>

</UserControl>

 

 

 

 

Betrifft: UWP Windows 10, Page, UserControl, Benutzersteuerelement

Mobile
»
UWP: Hintergrund von Windows 10 Desktop ändern
»
UWP Sample: ContextMenu als XAML Flyout in Page Resources
»
UWP Sample: Context-Menu PopupMenu
»
UWP Sample: MediaEditing Bearbeiten von Videos
»
UWP Beispiel: Drawing Lines Ink
»
UWP Beispiel: Simple Imaging, Images Pictures
»
Win10 Sample: Title bar sample
»
Face Detection Sample #Win10
»
Win10 Sample: CameraGetPreviewFrame
»
Win10 Samples: CameraResolution Video and Photo

.

Jobs, Projekte, Angebote für Freiberufler, Selbstständig an Info@CodeDocu.de