NEWS

[DEVEXPRESS] Hướng dẫn sử dụng công cụ WindowsUI Button Panel

[DEVEXPRESS] Hướng dẫn sử dụng công cụ WindowsUI Button Panel
Đăng bởi: Thảo Meo - Lượt xem: 9503 10:24:40, 28/07/2018DEVEXPRESS   In bài viết

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:

window ui button panel devexpress

Đầ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.

devexpress button ui

- 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:

window ui button c#

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 heart

Tags: windowsui

THÔNG TIN TÁC GIẢ

BÀI VIẾT LIÊN QUAN

[DEVEXPRESS] Hướng dẫn sử dụng công cụ WindowsUI Button Panel
Đăng bởi: Thảo Meo - Lượt xem: 9503 10:24:40, 28/07/2018DEVEXPRESS   In bài viết

CÁC BÀI CÙNG CHỦ ĐỀ

Đọc tiếp
.