Hướng Dẫn Sử Dụng Devexpress Với Winform

Giao diện là một trong những thành phần diễn tả sự bài bản của ứng dụng. Một hình ảnh tối giản cơ mà vẫn hỗ trợ đầy đủ kĩ năng thao tác là điều được khuyến khích. Một trong những phần mềm có rất nhiều tính năng nhưng khó thao tác, khó áp dụng sẽ khiến cho người dùng thuận lợi từ quăng quật và tìm về những ứng dụng khác dễ sử dụng hơn. Trong bài viết này mình sẽ share cách thi công giao diện đẹp, nhanh chóng và thuận tiện sử dụng bên trên winform bằng DevExpress (DE).Bạn vẫn xem: phía dẫn áp dụng devexpress với winform

Trước khi mua DE chúng ta phải cài đặt sẵn visual studio, khuyên chúng ta nên cài bạn dạng mới duy nhất với net framework mới nhất luôn nhé. Các bạn tải DE trường đoản cú trang của chính nó tại đây: https://www.devexpress.com. Sau khoản thời gian tải thì các bạn cứ cài bình thường theo các bước của nó, vấn đề này dễ dàng nên mình không hướng dẫn. Mất công thiết lập lại hehe. Dùng điều này thì bạn phải trả tổn phí những cũng có thể có một với part crack mô tả trên mạng, nhưng mà mình thì không tồn tại nên chúng ta tự search nhé.

Bạn đang xem: Hướng dẫn sử dụng devexpress với winform

Tạo Project cùng với DevExpress

Sau lúc cài xong xuôi thì khởi đụng Visual Studio lên.


*

Mình hay viết phần mềm C# đề nghị mình sẽ lựa chọn visual C#, trường hợp đã thiết lập thành công DE thì sẽ có được phần template Galley để chúng ta cũng có thể chọn những mẫu gồm sẵn của DE.

Sau khi bạn chọn Teamplate Galley thì một khung sẽ xuất hiện để các bạn chọn những mẫu. Mình đang chọn black Application đến dễ, lựa chọn mấy chiếc kia nó sinh ra các thứ không quan trọng làm, chọn đặc điểm này rồi thì mình đang kéo thả vào phần lớn cái quan trọng cho áp dụng của mình.


*

Như vậy là bản thân đã tạo thành một project cùng với DE, bây chừ mình sẽ sử dụng các công cầm cố cơ phiên bản của DevExpress để thi công giao diện.

Thiết kế giao diện winform áp dụng DevExpress

Trong vỏ hộp Toolbox, những công cố kỉnh của DE thường sẽ có màu khá nổi bật, còn của Windows form thường thì thì chỉ gồm một color xám. Những công nắm có công dụng giống với nguyên tắc sẵn thì thường sẽ có thêm tự Edit phía sau, ví dụ simple button edit.


*

Một số nguyên lý của DE

Tùy theo yêu mong và bố cục phát thảo của khách hàng như gắng nào mà chúng ta cũng có thể thiết kế mang đến phù hợp. Mình sẽ xây dựng giao diện này theo phong cách mà mình vẫn tốt thường làm đó là sử dụng các Tab con trong 1 from (thực tế là những form trong một form) bằng cách dùng một công cụ đặt biệt của DE.

Đầu tiên mình đã sử dụng một cái Ribbon nhằm chứa các nút điều phối cho đẹp. Tìm tới RibbonControl và kéo thả vào Form.


*

*

Bây tiếng mình sẽ khởi tạo một vài nút trên form Ribbon.

Ribbon của DE có 3 phần thiết yếu đó là: Page, Category, với Group.Phần category là bự nhất, Nó đang chứa những Page. Trong một page thì bạn cũng có thể chia ra nhiều Group khác nhau.

Nếu thiết kế khá đầy đủ thì nó sẽ như vậy này


Tuy nhiên mình không khuyến khích bạn thực hiện cái category đâu do nó cực kỳ bất tiện. Mình không hiểu biết nhiều vì sao cơ mà khi showroom nó vào mình không thể đổi tên những Group được. Run thì nó báo lỗi Ribbon. Cái này thì mình không kiên cố nhưng mình sẽ làm lơ nó.

Để tiến hành thêm những page, group thì bạn vào dòng mũi tên bé dại nằm ở góc cạnh phải khi nhấn cùng Ribbon, và lựa chọn Design.

Xem thêm: Màn Chắn Miệng Mua Ở Đâu? Màn Chắn Miệng Nghĩa Là Gì? Chắn Miệng Là Gì?


Sau khi nhấp vào đó thì một bảng sau sẽ hiện ra. Có không hề thiếu thông tin cho chính mình thực hiện tại thêm xóa sửa những control phù hợp.


1: Thêm Category2: Thêm Page3: Thêm Group4: biến đổi thứ tự của những category, page, group.5. Xóa một category, page, group bất kỳ.6. Chế tạo nút. Nút sau khi tạo nên kéo thả qua phần nó đề nghị hiển thị nhé còn nếu như không nó k hiện gì đâu.7. Xóa nút bất kỳ đã tạo.8. Bảng ở trong tính của đối tượng.

Bây giờ mình sẽ kiến tạo giao diện cho những form con.

Một ứng dụng với giao diện giỏi bạn không thể cố định và thắt chặt kích thước mang lại nó. Hãy để người tiêu dùng tự thiết lập cấu hình kích thước phù hợp. Chúng ta có thể sử dụng MaximumSize và MinimumSize nhằm đặt size tối nhiều hoặc buổi tối thiểu phòng việc size hiển thị sai quy cách.

Trong DE gồm một khí cụ giúp các công ráng khác phía trong nó có thể được kiểm soát và điều chỉnh kích thước tương xứng có tên là LayoutControl.


Bây giờ hoàn toàn có thể kéo thả các control không giống vào đây. Một control được kéo vào sẽ được hiển thị kèm một chiếc nhãn (label) ở bên như bên dưới đây.


Mỗi một layout sẽ bao gồm 1 label với một control, chúng ta có thể ẩn đi loại label bởi thuộc tính TextVisible của layout.


kết trái này mình sử dụng 3 mẫu textedit, 3 cái simplebutton, 1 chiếc GridViewControl. Và một cái GroupBox để đẩy 3 loại button qua. Bạn có thể thực hành kéo thả rồi sẽ có kinh nghiệm, thuở đầu mình cần sử dụng thì nó cũng khiêu vũ lung tung lên.

Add form bé sử dụng xtraTabbedMdiManager

Việc kéo thả trên rất đơn giản, bạn cũng có thể tiếp tục nghiên cứu. Bước tiếp theo mình vẫn hướng dẫn các bạn cách gọi những form bé vào khung chính.

Bây giờ đồng hồ mình đã mở code behind của mẫu from bao gồm lên. Với code đoạn này vào

private form kiemtraform(Type ftype) foreach (Form f in this.MdiChildren) if (f.GetType() == ftype) return f; return null; Đây là 1 hàm From để mình chất vấn là from đã đươc ở xuất xắc chưa, với trả về kết quả, ví như null mình mới add ngược lại thì không. Trường thích hợp này thuở đầu mình có gặp mặt phải do quý khách hàng nhấn nút 2 lần nó chỉ ra hai form y chang nhau.

Tiếp theo bạn nhấn đôi vào một nút ngẫu nhiên ở form thiết yếu để mở thuộc tính event click của chính nó và cho đoạn code này vào.

sau kia thì các bạn run thử nhằm xem kết quả nhé.


Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *