最後のTabControlタブを右揃えにするにはどうすればいいですか？

Question

TabControlの最後のタブを右揃えにする方法はありますか？ 最後のものを最初の数個とは別にしたい。

ありがとうございます！

Answer 1

HereはTabControlのタブをテンプレート化のサンプルプロジェクトです。私はおそらく、*および「自動」幅「オート」の3つの列でグリッドを使用して、中央と最後の列に、それ自体でそしてちょうど最後のタブをタブの最初のセットを保持するために、最初の列でのStackPanelを入れてしまいます列が空で残りのスペースを占めるだけです。

Answer 2

この投稿は古いかもしれませんが、同じ質問への答えを探しながら、私はそれを偶然見つけたので、私は、私は私がなってしまった間に合わせのソリューションを共有しようと思いました。

私は（おかげでMeleakに出て行く）そのうちの一つにタブパネルをグリッドに互いの上に2 TabControlsを入れ、右揃え：

<Grid> 
    <TabControl x:Name="_tabsRight" GotFocus="OnTabFocused" > 
     <TabControl.Resources> 
      <Style TargetType="TabPanel"> 
       <Setter Property="HorizontalAlignment" Value="Right"/> 
      </Style> 
     </TabControl.Resources> 

     <TabItem x:Name="JustAHiddenTabItemToDeselectTheRealOne" Visibility="Hidden" /> 

     <!-- Last tab --> 
     <TabItem Header="Last one" > 
      <!-- Last content... --> 
     </TabItem> 

    </TabControl> 
    <TabControl x:Name="_tabsLeft" GotFocus="OnTabFocused" > 

     <!-- First tab --> 
     <TabItem Header="1st" > 
      <!-- First content... --> 
     </TabItem> 

     <!-- Second tab --> 
     <TabItem Header="2nd" > 
      <!-- Second content... --> 
     </TabItem> 

    </TabControl> 
</Grid> 

を次に、OnTabFocusedイベントハンドラであなたは2つの左のタブ、右に1つを持っているしたい場合は

private int _zIncrementor = 0; 
/// <summary> 
/// Hack to make two TabControls act as one. 
/// </summary> 
private void OnTabFocused(object sender, RoutedEventArgs e) 
{ 
    var tab = (TabControl)sender; 
    var otherTab = (tab == _tabsLeft) ? _tabsRight : _tabsLeft; 

    Grid.SetZIndex(tab, ++_zIncrementor); 
    otherTab.SelectedItem = null; 
} 

Answer 3

は、あなたがその間の第三不可視のタブを持つことができます。ユーザーはのTabItemをクリックしたときに、私たちは前に一番下のTabControlを持参する必要があります非表示タブのwidthは私たちの残りのスペースを与えるWindowのActualwidthからすべての3つの可視のタブWidthを減算することにより算出すること。ここで

サンプルコード

<TabControl x:Name="_tabsLeft" GotFocus="OnTabFocused" > 

    <!-- First tab --> 
    <TabItem Header="1st" > 
     <!-- First content... --> 
    </TabItem> 

    <!-- Second tab --> 
    <TabItem Header="2nd" > 
     <!-- Second content... --> 
    </TabItem> 

    <!-- Third invisible tab --> 
    <TabItem Header="Im not visible in UI" Visibility="Hidden" x:Name="invisibletab" > 
     <!-- I'm not visible in UI... --> 
    </TabItem> 

    <!-- Last tab --> 
    <TabItem Header="Last one" > 
     <!-- Last content... --> 
    </TabItem> 

</TabControl> 

バックエンドのコードです：

public MainWindow() 
{ 
    InitializeComponent();  
    this.SizeChanged += window_SizeChanged; 
} 
private void window_SizeChanged(object sender, SizeChangedEventArgs e) 
{ 
    invisibletab.Width = this.ActualWidth - 550; // where the 550 is the sum of the actual width of visible tabs 
}