Làm cách nào để xóa lề mặc định trên nội dung của một TabItem?

Question

Tôi đang sử dụng lớp TabControl trong WPF và tôi đã nhận thấy rằng nội dung của mỗi TabItem có lề mặc định là 4 pixel ở tất cả các cạnh.

Mẫu mã:

<Window x:Class="TabControlPadding.Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window1" Height="300" Width="300"> 
    <Grid> 
    <TabControl Margin="10"> 
     <TabItem Header="Tab 1"> 
     <Grid Background="Pink"/> 
     </TabItem> 
     <TabItem Header="Tab 2"> 
     <Grid Background="LightBlue"/> 
     </TabItem> 
    </TabControl> 
    </Grid> 
</Window> 

Ảnh chụp màn hình:

Tôi muốn thoát khỏi lề này (giảm nó bằng không), nhưng tôi không muốn phải thay thế hoàn toàn các mẫu hoặc bất kỳ thứ gì nặng như thế.

Có cách nào đơn giản để tôi có thể thực hiện việc này theo cách được nhắm mục tiêu không?

Answer 1

Chỉ cần thiết lập Padding để zero trên TabControl:

<TabControl Margin="10" Padding="0"> 

Phong cách mặc định cho TabControl đặt Padding đến 4 và liên kết với các Margin về nội dung lưu trữ Padding trên TabControl.

Answer 2

Viết ControlTemplate của riêng bạn cho TabItems, xem TabItem ControlTemplate Example

Answer 3

Nếu bạn đang tìm cách làm cho hộp màu hồng mở rộng tất cả các đường đến đường viền đen không có màu trắng ở giữa, có một cách dễ dàng không liên quan đến việc tạo mẫu kiểm soát của riêng bạn.

Kiểu mặc định cho TabItem có lề 4 xung quanh người trình bày nội dung. Một cách nhanh chóng để bù đắp cho điều này là làm cho lề của điều khiển bên trong TabItem -4.

<TabItem> 
    <Grid Margin="-4"> 
    </Grid> 
    <TabItem> 

Answer 4

Đặt lề cho TabItem thay vì Tab

<TabItem Margin="0,0,0,0"/> 

Đặt lề cho TabItem 0, điều này sẽ ghi đè mặc định lề và làm việc theo yêu cầu của bạn