Không có sản phẩm nào trong giỏ hàng của bạn
Cách thiết lập giao diện cho bảng Setting (Phần 2)
27/07/2018
ktslamhamanh
Phần này chúng ta sẽ thêm hình ảnh minh họa cho thông số đó, Chúng ta cần biết một điều rằng một trang trên bảng Setting chỉ có kích thước tối đa là: 444 x 296 pixel, ví vậy chúng ta phải phân phối các thiết lập cho vừa vặn, tránh trường hợp bị đẩy ra ngoài
6.1.Các bước tiến hành như sau:
Vào Mục Interface mà chúng ta đã làm ở bài trước
6.2. Chuẩn bị sẵn 3 hình ảnh minh họa cho 3 tham số: Chiều Dài, Chiều Rộng và Chiều Cao
Với kích thước tối đa là 444x296 thì chiều cao của các bức hình minh họa tối đa chỉ là: 296/3~100, chúng ta sẽ chọn cỡ 50x50 pixel để bố trí giao diện thoáng đãng. Ta sẽ có 3 ảnh minh họa như hình dưới:
"THÔNG SỐ" - Tên của Groupbox
0- vị trí đặt điểm đầu tiên của Group bõ theo trục X
24- vị trí đặt điểm đầu tiên theo trục Y
250 - chiều rộng của Group box theo trục X
240 - Chiều cao của Groupbox theo trục Y
6.7.Chúng ta sẽ có nhỏ nút có hình ảnh em Kyoko Fukada lại một chút
ui_pict_button - Câu lệnh để tạo nút
ui_link - Câu lệnh để tạo đường liên kết với trang web
"https://archicadvn.blogspot.com/" - Tên trang Web
"kyokoFukada.jpg" - ảnh chèn vào nút
282 - điểm đặt đầu tiên theo trục X
24 - Điểm đặt đầu tiên theo trục Y
160 - Chiều Rộng của nút theo trục X
100 - Chiều Cao của nút theo trục Y
ID - mã của nút
"https://www.facebook.com/groups/ArchicadVN/" - Đường Link của nút khi có hành động nhấn vào
6.8. Chúng ta sẽ có một cú pháp hoàn chỉnh như sau:
6.1.Các bước tiến hành như sau:
Vào Mục Interface mà chúng ta đã làm ở bài trước
6.2. Chuẩn bị sẵn 3 hình ảnh minh họa cho 3 tham số: Chiều Dài, Chiều Rộng và Chiều Cao
Với kích thước tối đa là 444x296 thì chiều cao của các bức hình minh họa tối đa chỉ là: 296/3~100, chúng ta sẽ chọn cỡ 50x50 pixel để bố trí giao diện thoáng đãng. Ta sẽ có 3 ảnh minh họa như hình dưới:
6.4.Chúng ta sẽ chèn thêm câu lệnh:
UI_PICT "cd.png", 182, 50, 50, 50, 0
vào bên dưới của hộp thông số thứ nhất với:
UI_PICT - Câu lệnh chèn ảnh
"cd.png" - Tên ảnh
182- Vị trí theo trục X
50- Vị trí theo trục Y
50- bề rộng của ảnh X
50- chiều cao của ảnh Y
0 - độ biến dạng của ảnh (ở đây mình để là 0)
ta có một câu lệnh hoàn chỉnh cho Code và tham số thứ nhất như sau:
ui_outfield "CHIỀU DÀI", 8, 50, 120, 16
ui_infield "KhoiChuNha_A", 128, 50, 48, 16
UI_PICT "cd.png", 182, 50, 50, 50, 0
6.5.Tương tự với các hộp thông số còn lại:
ui_outfield "CHIỀU RỘNG", 8, 120, 120, 16
ui_infield "KhoiChuNha_B", 128, 120, 48, 16
UI_PICT "cr.png", 182, 120, 50, 50, 0
ui_outfield "CHIỀU CAO", 8, 190, 120, 16
ui_infield "KhoiChuNha_C", 128, 190, 48, 16
UI_PICT "cc.png", 182, 190, 50, 50, 0
6.6.Để Groupbox bao ra ngoài tất cả các thông số này, chúng ta sẽ chỉnh lại thông số của nó như sau:
ui_groupbox "THÔNG SỐ", 0, 24, 250, 240Với: ui_groupbox - Câu lệnh
"THÔNG SỐ" - Tên của Groupbox
0- vị trí đặt điểm đầu tiên của Group bõ theo trục X
24- vị trí đặt điểm đầu tiên theo trục Y
250 - chiều rộng của Group box theo trục X
240 - Chiều cao của Groupbox theo trục Y
6.7.Chúng ta sẽ có nhỏ nút có hình ảnh em Kyoko Fukada lại một chút
ui_pict_button ui_link, "https://archicadvn.blogspot.com/", "kyokoFukada.jpg", 282, 24, 160, 100, ID, "https://www.facebook.com/groups/ArchicadVN/"Với:
ui_pict_button - Câu lệnh để tạo nút
ui_link - Câu lệnh để tạo đường liên kết với trang web
"https://archicadvn.blogspot.com/" - Tên trang Web
"kyokoFukada.jpg" - ảnh chèn vào nút
282 - điểm đặt đầu tiên theo trục X
24 - Điểm đặt đầu tiên theo trục Y
160 - Chiều Rộng của nút theo trục X
100 - Chiều Cao của nút theo trục Y
ID - mã của nút
"https://www.facebook.com/groups/ArchicadVN/" - Đường Link của nút khi có hành động nhấn vào
6.8. Chúng ta sẽ có một cú pháp hoàn chỉnh như sau:
!----Nội Dung Trong Phân Trang----Link Download File Thực Hành: https://drive.google.com/file/d/1OL79EvupHnTqyZqo4NmeK6lcM_dlvas0/view?usp=sharing
ui_dialog "Khoi_Hop_Vuong"
ui_groupbox "THÔNG SỐ", 0, 24, 250, 240
ui_outfield "CHIỀU DÀI", 8, 50, 120, 16
ui_infield "KhoiChuNha_A", 128, 50, 48, 16
UI_PICT "cd.png", 182, 50, 50, 50, 0
ui_outfield "CHIỀU RỘNG", 8, 120, 120, 16
ui_infield "KhoiChuNha_B", 128, 120, 48, 16
UI_PICT "cr.png", 182, 120, 50, 50, 0
ui_outfield "CHIỀU CAO", 8, 190, 120, 16
ui_infield "KhoiChuNha_C", 128, 190, 48, 16
UI_PICT "cc.png", 182, 190, 50, 50, 0
ui_pict_button ui_link, "https://archicadvn.blogspot.com/", "kyokoFukada.jpg", 282, 24, 160, 100, ID, "https://www.facebook.com/groups/ArchicadVN/"
!----Hết Nội Dung Trong Phân Trang----
