[WPF] – TabControl & ContentControl – Hướng dẫn tạo Menu quản lý nhiều bảng thông tin
Trong quá trình xây dựng ứng dụng WPF, chúng ta cần quản lý nhiều bảng dữ liệu.
Ví dụ: Ứng dụng quản lý sách chúng ta cần quản lý Loại sách, Sách, Người dùng.
Vì vậy chúng ta cần chia các menu trong WPF để thực hiện quản lý thêm sửa các bảng dữ liệu cho hợp lý.
Cách 1. Sử dụng TabControl
TabControl chiều ngang
– Với cách chia giao diện này, click vào mỗi tab sẽ hiển thị quản lý nội dung tương ứng của mỗi TabItem
Quản lý loại sách
Quản lý người dùng
– Trong code giao diện sẽ sử dụng UserControl và nhúng vào mỗi TabItem
TabControl chiều dọc
– Nếu muốn TabControl dạng MENU dọc các bạn cần thêm thuộc tính:
TabStripPlacement=”Left” tại thẻ TabControl
Cách 2. Sử dụng ContentControl
– Cách này sẽ sử dụng các button để click chuyển menu quản lý sử dụng ContentControl
– Khi click vào Button sẽ xử lý các sự kiện click:
– Khi click vào Button nội dung trong phần ContentControl sẽ thay đổi tương ứng.
– Phần này chúng ta cũng cần sử dụng UserControl:
Code tham khảo:
https://github.com/Cuongyd196/wpf-example
Video hướng dẫn:
https://www.youtube.com/watch?v=5oXu9ChUHoY