2014-04-01 74 views
0

enter image description hereTabControl自定義

如何自定義TabControl? TextBox應該對齊到右側,它應該與選項卡位於同一行。 TextBox也是每個標籤項目內容的過濾器,它應該在標籤切換過程中保存它的狀態(例如,如果我們在選擇了TabItem1後輸入「123」到文本框中,那麼我們選擇TabItem2並輸入「abc」,現在當我們再次選擇TabItem1,TextBox應該包含「123」)。 或者在這種情況下最好不要使用TabControl元素?

+1

如果過濾器是特定於該選項卡,那麼爲什麼不把它放在標籤中? – Paparazzi

+0

不幸的是,有這樣的設計是一個需求。 – Alexander

+1

讓我猜測?最終用戶正在進行UI設計。 – Paparazzi

回答

0

這是一個開始

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="Auto"/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 
    <TextBox Grid.Row="1" Grid.Column="1" Text="TextBox"/> 
    <TabControl Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Grid.RowSpan="2"> 
     <TabItem Header="Tab Item 2"/> 
     <TabItem Header="Tab Item 2"/> 
    </TabControl> 
</Grid> 

但你將有嚴重的問題,當你調整窗口大小下來的標籤頭覆蓋的文本框中。

您將需要構建自定義選項卡控件或修改現有的。

該UI設計難以實現,因爲無法使用標準控件。
希望這是一個小時。

相關問題