2009-12-09 38 views
6

Tôi có lưới có 4 nút ... 1 hàng, 4 cột. Tôi đang tìm kiếm một cách để nhóm trực quan hai nút ở bên trái từ hai bên phải. Tôi đã tìm kiếm một cách để làm điều này với một tách nhưng nó dường như không được chơi tốt đẹp với Grid, thích StackPanel.Dấu tách WPF giữa các nút lưới

Đây có phải là điều khiển phù hợp không?
Nếu vậy, làm thế nào để làm cho một điều riêng biệt các cột (dân cư với các nút trong trường hợp này)?

Cảm ơn.

Trả lời

1

Tôi thường sử dụng lựa chọn đơn giản để thêm một cột có chiều rộng cố định giữa các nút Bạn thực sự có thể sử dụng một màu nền khác nhau hoặc chèn một hình ảnh

+1

yeah, chỉ cần đảm một đường thẳng. Tôi cho rằng nó cũng hoạt động tốt. – Bob

+0

Bạn đặt màu nền ở đâu? Đây có phải là thuộc tính phụ trên một trong các thuộc tính định nghĩa cột không? – Bob

+0

bạn có thể thêm bảng điều khiển và đặt màu nền – Zied

6

Bạn đã thử một GridSplitter?

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Height="*" /> 
     <ColumnDefinition Height="Auto" /> 
     <ColumnDefinition Height="100" /> 
     <ColumnDefinition Height="100" /> 
    </Grid.ColumnDefinitions> 
    <Button/> 
    <Button/> 
    <GridSplitter ResizeDirection="Columns" Grid.Column="2" Height="Auto" Width="4" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0"/> 
    <Button/> 
</Grid> 
+0

không, tôi đã không. Nó có vẻ như quá mức cần thiết cho một dòng. Ngoài ra, ví dụ này làm cho nút trước đó có thể thay đổi kích thước mà không mong muốn. – Bob

+0

có định nghĩa cột bổ sung và nó phải là chiều rộng thay vì chiều cao. –

1

Bạn có thể sử dụng Dấu phân tách nếu bạn định kiểu chính xác. Theo mặc định nó tạo ra một đường ngang. Bạn phải áp dụng kiểu dáng khác nhau để tạo kiểu dọc. Xem bài đăng này cho cách tạo kiểu nó như là một đường thẳng đứng trong một WPF Lưới:

CodeProject discussion

Các cuộc thảo luận cũng đề cập rằng Statusbar áp dụng một số phong cách để tách các yếu tố, miễn là bạn không bọc chúng trong StatusBarItems. Có lẽ StackPanel làm một cái gì đó tương tự.

20

Trong tình cờ trường hợp bất cứ ai khác trên này, giải pháp đơn giản nhất:

<Separator Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}" /> 
+0

Chính xác những gì tôi cần. Cảm ơn! – MuiBienCarlota

Các vấn đề liên quan