Bài viết hôm nay, mình sẽ giới thiệu các bạn sử dụng công cụ WindowsUI Button Panel trong Devexpress.

WindowsUI Button Panel là một container độc lập cho các nút được vẽ theo phong cách phẳng lấy cảm hứng từ Windows 10.

Dưới đây là hình thiết kế của một group panel:

Đầu tiên, từ thanh Tool box, các bạn chọn công cụ WindowsUI Button Panel ra.

Sau khi hiện ra, các bạn click vào giống hình bên dưới và chọn edit button.

- Tiếp theo màn hình giao diện Edit Buttons hiện ra, chúng ta sẽ đặt các thông tin cho button:

Caption: tên button

Image URI: Chọn image cho button

Chọn Button Style loại: PushButton hoặc CheckButton

- Và cái cuối cùng lại các bạn đặt tên Tag cho chúng để tí mình viết event cho từng sự kiện

Và cuối cùng là viết sự kiện cho từng button khi click vào theo tên từng Tag của nó.

void windowsUIButtonPanel1_ButtonChecked(object sender, ButtonEventArgs e) {
            string tag = ((WindowsUIButton)e.Button).Tag.ToString();
            switch(tag) {
                case "Ad1":
                    /* Navigate to page A */ 
                    break;
                case "Ad2":
                    /* Navigate to page B */ 
                    break;
                case "Ad3":
                    /* Navigate to page C*/ 
                    break;
                case "Ad4":
                    /* Navigate to page D */ 
                    break;
                case "Ad5":
                    /* Navigate to page E */ 
                    break;
            }
        }

Các bạn có thể tham khảo bài viết sử dụng Window UI Button trực tiếp tại trang chủ của Devexpress:

https://documentation.devexpress.com/WindowsForms/114583/Controls-and-Libraries/Navigation-Controls/WindowsUI-Button-Panel

HAPPY CODING