Tôi làm cách nào để căn chỉnh Hộp kiểm với nội dung của nó?

Question

Giao diện của Hộp kiểm WPF điều chỉnh phần kiểm tra bằng phần nhãn (nội dung). Vui lòng cung vẫn cao hơn một chút nội dung như trình bày ở đây:

Các XAML trông như thế này:

<CheckBox Content="Poorly aligned CheckBox" Margin="9"/> 

các CheckBox là bên trong một tế bào Grid. Có cách nào đơn giản để tạo nội dung và kiểm tra các phần của Hộp kiểm XAML căn chỉnh theo chiều dọc không? Tôi đã thử kết hợp các thuộc tính khác nhau mà không có may mắn. Tôi thấy a similar question here nhưng câu trả lời là quá phức tạp.

Xin cảm ơn trước.

CHỈNH SỬA: Vấn đề là do Window FontSize mà tôi đặt thành 14. Để tạo lại vấn đề, hãy đặt CheckBox FontSize thành 14 (hoặc nhiều hơn). Chương trình của tôi được xem xét ở khoảng cách bởi các công nhân nhà máy vì vậy tôi cho phép Window FontSize tăng hoặc giảm bởi người dùng.

Answer 1

Edit - New trả lời: (trước đây là không tốt)

Không phải là cách tốt nhất tôi tin, nhưng có thể làm việc:

<CheckBox> 
    <TextBlock Text="Poorly aligned CheckBox" Margin="0,-2,0,0"/> 
</CheckBox> 

Sử dụng lợi nhuận tiêu cực để đẩy nội dung lên, kết quả:

Answer 2

Kiểu mặc định là CheckBox không giống như trong WPF. Nó sắp xếp hoàn hảo trong cả XP và Windows 7. Bạn có thể mô tả tốt hơn về cách tái tạo vấn đề này không?

Hai điều tôi có thể nghĩ để nhận được khoản bù mà bạn đang xem là thay đổi Padding hoặc VerticalContentAlignment. Giá trị CheckBox mặc định cho VerticalContentAlignment là Top và CheckBox với Content có Padding được đặt thành "4,0,0,0". Cố gắng thay đổi hai cái này và xem nó có tạo nên sự khác biệt nào không.

Dưới đây là một so sánh

Từ sau XAML

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*"/> 
     <RowDefinition Height="*"/> 
     <RowDefinition Height="*"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 
    <CheckBox Grid.Row="0" 
       Content="Poorly aligned CheckBox" Margin="9" /> 
    <CheckBox Grid.Row="1" 
       Content="Padding=4,4,0,0" Margin="9" Padding="4,4,0,0"/> 
    <CheckBox Grid.Row="2" 
       Content="Vertical Center" Margin="9" 
       VerticalContentAlignment="Center"/> 
    <CheckBox Grid.Row="3" 
       Content="Vertical Top" Margin="9" 
       VerticalContentAlignment="Top"/> 
</Grid> 

Answer 3

hộp kiểm My được liên kết tốt, vì vậy tôi tự hỏi có gì khác nhau về bạn. Sự khác biệt rõ ràng duy nhất là bạn đang sử dụng một phông chữ lớn hơn tôi, mà tôi nhớ đến những câu dưới đây:

WPF CheckBox style with the TextWrapping

Vấn đề của bạn có thể là nếu nội dung là một TextBlock, hộp kiểm là trên lý , có thể trông kỳ lạ khi kích thước phông chữ được tăng lên.Vì vậy, tôi đoán là, hãy thử sử dụng AccessText làm Nội dung của Hộp kiểm thay thế:

<CheckBox Margin="9"><AccessText>Better aligned CheckBox?</AccessText></CheckBox> 

Answer 4

Đặt Hộp kiểm trống và nội dung dưới dạng điều khiển riêng trong StackPanel theo hướng nằm ngang. Điều này làm việc với bất kỳ kích thước phông chữ nào.

<StackPanel Orientation="Horizontal"> 
    <CheckBox VerticalAlignment="Center" /> 
    <TextBlock VerticalAlignment="Center" Text="Option X" /> 
</StackPanel /> 

Answer 5

Tôi biết đã quá muộn, nhưng đây là giải pháp tốt hơn, không cần đặt lề. Lề phải được đặt khác nhau cho các độ cao khác nhau của TextBlock hoặc Checkbox.

<CheckBox VerticalAlignment="Center" VerticalContentAlignment="Center"> 
    <TextBlock Text="Well aligned Checkbox" VerticalAlignment="Center" /> 
</CheckBox> 

Answer 6

Áp dụng trên đệm tiêu cực làm việc tốt cho bố trí của tôi:

<CheckBox Content="Poorly aligned CheckBox" Padding="4,-3,0,0" Margin="9"/>