Silverlight選項卡控件 - 一個選項卡上的多個控件

Question

我正在使用Silverlight 5 - VS 2012，並遇到了一個有趣的問題。

我有一個選項卡控件有6個選項卡。每個標籤需要包含多個控件。不過，我只能爲每個標籤放置一個控件。這似乎並不是太大的問題，但我不知道如何將多個控件添加到單個選項卡。

是否有需要修改的屬性設置？任何信息將不勝感激。

預先感謝您！ 埃裏克

這是我的XAML： - 注：我想添加一個按鈕到數據網格的標籤。

<sdk:TabControl x:Name="tabMain" HorizontalAlignment="Left" Height="307" Margin="176,452,0,0" VerticalAlignment="Top" Width="817" TabStripPlacement="Left"> 
     <sdk:TabItem Header="Home"> 
      <Grid/> 
     </sdk:TabItem> 
     <sdk:TabItem x:Name="tabGatelets" Header="Gatelets" Loaded="tabGatelets_Loaded" GotFocus="tabGatelets_GotFocus"> 
      <sdk:DataGrid x:Name="grdGatelets" HorizontalAlignment="Left" Height="279" VerticalAlignment="Top" Width="700" Margin="12,0,0,0" AlternatingRowBackground="#FFB4CDCD" AutoGenerateColumns="False" ItemsSource="{Binding Gatelets}"> 
       <sdk:DataGrid.Columns> 
        <sdk:DataGridTextColumn Header="Name" Binding="{Binding Path=Name}" /> 
        <sdk:DataGridTextColumn Header="URL" Binding="{Binding Path=Url}" /> 
        <sdk:DataGridTextColumn Header="Binding" Binding="{Binding Path=Binding}" /> 
        <sdk:DataGridTextColumn Header="Applications" Binding="{Binding Path=Applications}" /> 
       </sdk:DataGrid.Columns> 
      </sdk:DataGrid> 
     </sdk:TabItem> 
     <sdk:TabItem Header="Applications"> 
      <Button x:Name="btnApplications" Content="Applications" HorizontalAlignment="Left" Height="24" VerticalAlignment="Top" Width="89" Margin="357,51,0,0"/> 
     </sdk:TabItem> 
     <sdk:TabItem Header="Auditing"> 
      <Button x:Name="btnAudits" Content="Audits" HorizontalAlignment="Left" Height="24" VerticalAlignment="Top" Width="69" Margin="197,133,0,0"/> 
     </sdk:TabItem> 
     <sdk:TabItem Header="Tracing"> 
      <Button x:Name="btnTracing" Content="Tracing" HorizontalAlignment="Left" Height="26" VerticalAlignment="Top" Width="92" Margin="193,256,0,0"/> 
     </sdk:TabItem> 
     <sdk:TabItem Header="About"> 
      <TextBlock HorizontalAlignment="Left" Height="295" TextWrapping="Wrap" Text="This is where we put stuff about the application." VerticalAlignment="Top" Width="486"/> 
     </sdk:TabItem> 
    </sdk:TabControl> 

Answer 1

您需要在每個選項卡控件中添加網格，然後將您的內容添加到網格。 有關使用網格控件的文章，請參閱以下鏈接。

http://www.silverlightshow.net/items/Using-the-Grid-control-in-Silverlight-2-Beta-1.aspx

這應該解決你的問題。

Answer 2

你已經得到了答案，但我只想澄清你的一般問題：在XAML

元素可以有一個內容孩子或多個（或無），根據其類型。

一個TabItem只能包含一個內容子項，這就是爲什麼當你試圖添加倍數時，它抱怨已經設置了內容屬性。其他只能有一個內容元素的項目包括ContentControl，Button等等。

允許多個孩子的大多數事情是面板，並且是專門設計用於執行多個孩子的佈局。主要的是Grid（它執行行/列布局）和StackPanel（它簡單地堆疊兒童水平或垂直）。還有其他一些像WrapPanel（如果空間不足，它會堆疊但是會包裝），這可能很有用。

因此，您必須將某種Panel放入TabItem才能擁有多個子項。這將佈局邏輯整齊地分開：該TabItem只需要知道它可以容納，並且如果您確實需要多個子項，則可以根據您希望的佈局切換面板類型。