XAML-タブ付きウィンドウにコンテンツを追加する

Question

私はC＃で書かれたアプリケーションで作業しています - アプリケーションのメインディスプレイはVisual StudioのXAMLマークアップを使用して作成/作成され、アプリケーションは現在のすべての機能を実行します望んだ通りに。

私の意図は、ユーザーがアプリケーション内の特定のWebサイトと直接やり取りできるように、アプリケーション内にWebブラウザーを埋め込むことです。

これを行うには、アプリケーション内に「タブ付き」ディスプレイを作成したいと思います。最初のタブでは、アプリケーションが現在の状態で表示され、現在の操作と同じ方法でユーザーが操作できます;第2のタブは、アプリケーションウインドウ内のユーザにウェブサイトを表示し、ユーザがウェブブラウザ内と同じ方法でウェブサイトと対話できるようにする。次のように

それが現在立っているように、アプリケーションを表示している.xamlファイルのXMLは次のとおりです。私は今、表示するためにそのXMLを編集しようとしています

<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> 

と、1〜2 tabs- 2番目はウェブサイトを表示しています。

<TabControl></TabControl>タグを追加した後は、<TabItem></TabItem>タグ内に現在のマークアップ（現在のアプリケーション）を表示するにはどうすればよいですか？

は私が終了</Menu>タグの下に、以下のことを書いて試してみました：私はこれを行うときしかし、既存のマークアップの最初の行は罰金だ

が、それの残りの部分は下線が引かれている（示しますコンパイルエラーがあります）。カーソルを上に置いたときに表示されるエラーメッセージは、

です。プロパティ 'Content'が複数回設定されています。

私の質問は次のとおりです。以前に行っていたように、ウィンドウ内に直接表示するのではなく、これらのいずれかの内にアプリケーションの通常表示を表示するにはどうすればよいですか？

私はhttp://www.wpf-tutorial.com/tabcontrol/using-the-tabcontrol/で次のようにしてチュートリアルでは唯一

Answer 1

ああ... Tabの内容で単純なテキストを表示する方法を示し、これを行う方法は<StackPanel></StackPanel>

Answer 2

を使用することであると思われますTabItemは、Layoutコントロールの1つを必要とします。 あなたはただ、これは私の答えを参照してくださいOUT-考え出し例えば

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