Điều khiển Bảng/Lưới nào trong WPF?

Question

Tôi đang tìm cách hiển thị dữ liệu dạng bảng (kênh truyền hình), nhưng với các tùy chọn như DataGrid/UniformGrid/Table với FlowDocument/etc. Tôi không thể tìm ra những gì sẽ là lựa chọn tốt nhất. Vấn đề chính là các tế bào không đồng đều về kích thước vì nó thay đổi tùy theo độ dài thời gian và tôi cũng muốn đặt đệm giữa chúng. Ngoài ra, tôi cần chỉ có thể hiển thị một phần của bảng và cho phép chúng cuộn lên/xuống/phải để xem phần còn lại.

Tùy chọn điều khiển WPF tốt nhất cho điều này là gì? Đây là một minh họa nhỏ về những gì tôi đang làm. Hình vuông màu trắng ở phía trên bên trái là những gì tôi muốn hiển thị lúc bắt đầu, và cho phép chúng cuộn đến phần còn lại của nó.

Answer 1

Có một số cách để thực hiện những gì bạn đang cố gắng làm ở đây. Nếu hiệu suất không phải là một vấn đề thì tôi sẽ bỏ qua ảo hóa và thử DockPanel Hạn chế ở đây là bạn sẽ phải thêm các mục theo thứ tự thay vì thêm chúng theo hàng.

Một tùy chọn khác sẽ là sử dụng hai ngăn xếp ngăn xếp (một trong mỗi hướng). Điều này giải quyết vấn đề thêm, nhưng yêu cầu sử dụng nhiều bảng hơn.

Cả hai tùy chọn trước đó sẽ yêu cầu các mục riêng lẻ phải có chiều cao/chiều rộng được đặt.

Tùy chọn cuối cùng (tùy thuộc vào mức độ lớn lưới của bạn), sẽ sử dụng Lưới có hàng và cột có kích thước cố định với các mục trải dài hàng (sử dụng thuộc tính rowspan). Hạn chế của phương thức này là tôi không biết cách nào tốt để tạo điều khiển này trong xaml cho số hàng/cột không xác định, do đó bạn sẽ phải tạo nó trong mã để nhận số hàng/cột cần thiết.

Nếu bạn gặp sự cố về hiệu suất, bạn có thể thử sử dụng VirtualizingStackPanel. Nếu điều này vẫn không đáp ứng các yêu cầu về hiệu suất của bạn thì bạn sẽ cần phải phân lớp VirtualizingPanel và điều chỉnh nó để đáp ứng các nhu cầu cụ thể của bạn.

Xem here để biết thêm thông tin về hiệu suất Bảng điều khiển.

Tôi đề nghị cố gắng phương pháp hai StackPanel đầu tiên, sau đó phương pháp VirtualizingStackPanel và cuối cùng, nếu điều đó không làm việc, sau đó thử VirtualizingPanel

Padding có thể dễ dàng thực hiện bằng cách thiết lập các Margin tài sản trên mỗi subcontrol.

Đối với di chuyển sử dụng các ScrollViewer