XAML- Hinzufügen von Inhalt zu Registerkartenfenster

Question

Ich arbeite an einer Anwendung, die in C# geschrieben wurde - die Hauptanzeige der Anwendung wurde mit XAML-Markup in Visual Studio geschrieben/erstellt und die Anwendung führt alle ihre aktuellen Funktionen aus wie gewünscht.

Meine Absicht ist es, einen Webbrowser in die Anwendung einzubetten, damit der Benutzer direkt von der Anwendung aus mit einer bestimmten Website interagieren kann.

Um dies zu tun, möchte ich eine "Registerkarten" -Anzeige in der Anwendung erstellen, wo die erste Registerkarte die Anwendung anzeigt, wie es derzeit ist, und den Benutzer auf die gleiche Weise wie derzeit interagieren können ; Auf der zweiten Registerkarte wird die Website dem Benutzer innerhalb des Anwendungsfensters angezeigt, sodass der Benutzer auf die gleiche Weise mit der Website interagieren kann wie in einem Webbrowser.

Die xml in der .xaml Datei, die die Anwendung angezeigt wird, wie es ist zur Zeit steht, wie folgt:

<Window x:Class="RiviamAgent.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="RIVIAM | CONNECTOR" Height="640" Width="640" 
    ResizeMode="NoResize"> 

<Grid> 
    <Menu IsMainMenu="True" Background="White"> 
     <MenuItem Header="_View"> 
      <MenuItem Header="_Connections"> 
       <MenuItem x:Name="rivMenu" Header="_RIVIAM Cloud" Click="connectorInfo"> 
       </MenuItem> 
       <Separator /> 
       <MenuItem x:Name="tppMenu" Header="_TPP SystmOne" Click="connectorInfo"> 
       </MenuItem> 
       <MenuItem x:Name="emisMenu" Header="_EMIS Web" Click="connectorInfo"> 
       </MenuItem> 
      </MenuItem> 
      <MenuItem Header="_Diagnostics" Click="diagMode"/> 
      <MenuItem Header="_About" Click="About_Riviam"/> 
     </MenuItem> 
    </Menu> 


    <Image x:Name="rivlogo" Height="128" Width="128" Margin="451,49,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Source="ic_launcher.png"/> 
    <Image x:Name="connectedFlag" Height="30" Width="30" Margin="479,193,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Source="cloud.png"/> 
    <Image x:Name="disconnectedFlag" Height="30" Width="30" Margin="479,193,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Source="cloud_dark.png"/> 
    <TextBlock x:Name="unsentMsgs" Height="30" Width="30" Margin="479,193,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Text="!"/> 

    <Image x:Name="tppFlag" Source="tppswoosh.png" Margin="529,193,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Height="30" Width ="60"/> 
    <Image x:Name="emisFlag" Source="emiswoosh.png" Margin="529,193,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Height="30" Width ="60"/> 


    <TextBlock x:Name="blah1" HorizontalAlignment="Left" Margin="41,52,0,0" TextWrapping="Wrap" Text="Select service to refer to:" VerticalAlignment="Top"/> 
    <TextBlock x:Name="blah2" HorizontalAlignment="Left" Margin="41,89,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Height="56" Width="136"><Run Text="Select referral document: 
                                          (or drag it to the logo)"/></TextBlock> 
    <TextBlock x:Name="blahfoot" HorizontalAlignment="Left" Margin="319,10,0,0" TextWrapping="Wrap" Text="RIVIAM - Secure cloud for Health and Social Care" VerticalAlignment="Top" Height="24" Width="260"/> 

    <ComboBox x:Name="serviceList" Text="pls select" HorizontalAlignment="Left" Margin="182,49,0,0" VerticalAlignment="Top" Width="218" ></ComboBox> 
    <TextBox x:Name="fileName" Text=" " MaxLines="1" IsReadOnly="True" Margin="182,90,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Height="23" Width="161"/> 
    <Button x:Name="fileBtn" Content="Browse" HorizontalAlignment="Left" Margin="348,90,0,0" VerticalAlignment="Top" Width="52" Click="fileUpload" Height="23"/> 
    <Button x:Name="referBtn" Content="Send Referral and Patient Record" HorizontalAlignment="Left" Margin="182,150,0,0" VerticalAlignment="Top" Width="218" Click="referThis" Height="23"/> 

    <TextBlock x:Name="blahfoot_Copy" HorizontalAlignment="Left" Margin="39,198,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Height="49" Width="361"><Run FontWeight="Bold" Text="Notice"/><Run Text=": "/><Run Text="You must ensure that the patient has agreed to their data being shared "/><Run Text="with the provider. Please contact the RIVIAM help desk on 01225 945 020 if you are unsure."/></TextBlock> 

    <!-- end of normal view --> 

    <ScrollViewer x:Name="scroller" HorizontalAlignment="Left" VerticalScrollBarVisibility="Auto" Margin="39,329,0,0" VerticalAlignment="Top" Height="244" Width="327"> 
     <TextBox x:Name="infoPane" TextWrapping="Wrap" Text="nothing" IsReadOnly="True"/> 
    </ScrollViewer> 

    <Button x:Name="f1Btn" Content="view Logs" HorizontalAlignment="Left" Margin="408,361,0,0" VerticalAlignment="Top" Width="121" Click="testFunction1"/> 
    <Button x:Name="f2Btn" Content="delete logs" HorizontalAlignment="Left" Margin="408,393,0,0" VerticalAlignment="Top" Width="121" Click="testFunction2"/> 
    <Button x:Name="f3Btn" Content="test function 3" HorizontalAlignment="Left" Margin="408,425,0,0" VerticalAlignment="Top" Width="121" Click="testFunction3"/> 

    <Button x:Name="cntxtBtn" Content="context" HorizontalAlignment="Left" Margin="408,553,0,0" VerticalAlignment="Top" Width="121" Click="Context_Click"/> 

</Grid> 

versuche ich jetzt, dass die XML zu bearbeiten zwei mit der tabs- einer anzuzeigen Anwendung, wie es steht, und die zweite Anzeige einer Website.

Was ich jedoch unsicher bin, ist, sobald ich ein <TabControl></TabControl> Tag hinzugefügt habe, wie zeige ich dann das aktuelle Markup (für die Anwendung, wie es derzeit steht) innerhalb eines <TabItem></TabItem> Tags an?

Ich habe versucht, die folgenden schreiben, unter dem Schluss </Menu> tag:

Allerdings, wenn ich dies tun, die erste Zeile des bestehenden Markup fein scheint, aber der Rest davon unterstrichen wird (was anzeigt, dass es einen Kompilierfehler gibt). Die Fehlermeldung, die angezeigt wird, wenn ich den Cursor darüber bewege, ist

Die Eigenschaft 'Inhalt' ist mehr als einmal festgelegt.

Also, meine Frage ist: Wie zeige ich die normale Anzeige meiner Anwendung innerhalb eines dieser TabItem s anstatt direkt in das Fenster, wie ich vorher tat?

Das Tutorial, das ich bei http://www.wpf-tutorial.com/tabcontrol/using-the-tabcontrol/ folgte zeigt nur, wie in den Inhalt eines Tab ...

Answer 1

Ah einfachen Text angezeigt werden, so scheint es, die Art und Weise, dies zu tun, um eine <StackPanel></StackPanel>

Answer 2

zu verwenden ist TabItem erwartet eine der Layout Kontrollen. Sie könnten ein GridStackPanel oder Canvas verwenden, um Ihre Bedürfnisse

zB

<TabControl> 
<TabItem Header="Application"> 
    <Grid> 
     Existing markup goes here... 
    </Grid> 
</TabItem>