[GUI & Code] Phần 1: Tạo GUI đăng nhập bằng Koda


Giới thiệu
  • Đây là bài đầu tiên trong Series GUI & Code của mình. Đây là một bài hết sức cơ bản cho các bạn thích lập trình AutoIT và đang làm quen với GUI trong AutoIT.
  • Để tạo GUI thì có 2 cách: 1 là tạo bằng hay hoặc 2 là tạo bằng phần mềm Koda.
  • Riêng Koda thì bạn có thể download trên trang chủ hoặc tải script về, nó có sẵn trong script.

Hướng dẫn
Ở đây mình đã dùng quen Koda nên mình sẽ dùng Koda mà hướng dẫn.

Đầu tiên mở Koda, Koda có giao diện như này

Ở đây chúng ta có 5 khung
  1. Thanh công cụ
  2. Khung quản lí GUI
  3. Khung điều chỉnh các control
  4. Khung thiết kế GUI, xem trước, điều chỉnh GUI
  5. Khung quản lí các GUI chính
Chúng ta chỉ tập trung vào khung số 1, 3 và 4 thôi.

Bắt đầu nào, dùng Label, Input và Button sau đó dùng chuột điều chỉnh lại kích thước của GUI.
Sau một hồi mò mẫn, mình đã tạo được một GUI như này


Sau đó chúng ta ấn F9 (Generate code) để lấy source code hoặc ấn F10 (Run form review) để chạy và lấy code, mình thì ưa dùng F9 hơn.

Sau khi ấn F9, chúng ta có một đống chữ thế này

Copy hết rồi bỏ vào một file .au3 hoặc bỏ vào script. Thế là chúng ta đã có được một GUI.

Chúc các bạn thành công.

Lưu ý:

  • Muốn GUI ở giữa màn hình thì chỉnh giá trị left và top lại thành -1 (chỉnh trong code chứ không chỉnh trong Koda)


Mã nguồn
http://menly.ml/view/7cdfe543

Share this

Related Posts

EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng