Thư viện hình ảnh WPF

Question

Tôi sẽ lái một ứng dụng màn hình cảm ứng (không phải ứng dụng web) cần hiển thị các nhóm hình ảnh cho người dùng. Mong muốn là trình bày một mạng lưới hình ảnh 3x3 với khả năng chuyển tiếp/lùi trang. Họ có thể chọn một vài và tôi sẽ chỉ trình bày những hình ảnh đó.

Tôi không thấy rằng ListView thực hiện khá những gì tôi muốn (mặc dù WPF là đủ lớn mà tôi cũng có thể đã bỏ lỡ một cái gì đó hiển nhiên!). Tôi có thể thiết lập Grid và các hình ảnh công cụ ở vị trí lưới. Nhưng tôi đã hy vọng cho một thứ gì đó đẹp hơn, tự động hơn, ít sức mạnh hơn. Bất kỳ suy nghĩ hoặc con trỏ?

Answer 1

Bạn có thể muốn sử dụng ItemsControl/ListBox và sau đó đặt bảng điều khiển UniformGrid cho màn hình 3x3 làm ItemsPanel để đạt được giải pháp ràng buộc WPF thích hợp.

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
     <UniformGrid Rows="3" Columns="3"/> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
    <Image Source="Images\img1.jpg" Width="100"/> 
    <Image Source="Images\img2.jpg" Width="50"/> 
    <Image Source="Images\img3.jpg" Width="200"/> 
    <Image Source="Images\img4.jpg" Width="75"/> 
    <Image Source="Images\img5.jpg" Width="125"/> 
    <Image Source="Images\img6.jpg" Width="100"/> 
    <Image Source="Images\img7.jpg" Width="50"/> 
    <Image Source="Images\img8.jpg" Width="50"/> 
    <Image Source="Images\img9.jpg" Width="50"/> 
</ListBox> 

Bạn cần đặt bộ sưu tập Hình ảnh làm liên kết ItemsSource nếu bạn đang tìm kiếm giải pháp động tại đây. Nhưng câu hỏi quá rộng để đưa ra câu trả lời chính xác.

Answer 2

Bạn có thể sử dụng điều khiển đơn giản ListBox và tùy chỉnh mẫu ItemsPanel của nó và thêm WrapPanel vào trong đó. WrapPanel đặt các mục trong bố cục Ngang ngang, nơi bạn có thể đặt chiều rộng tối đa để kết hợp 3 mục trong một hàng và nó sẽ tạo thêm hàng cho 3 mục cho đến khi mục cuối cùng được điền.

Answer 3

Tôi biết rằng đây là câu hỏi khá cũ, nhưng tôi trả lời vì trang này đang ở trang đầu tiên trên Google và liên kết này có thể hữu ích cho ai đó.

WPF Photo Viewer Demo

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