Thiết kế UserForm bài số 09: Sử dụng Picture trong UserForm

tuhocvba

Administrator
Thành viên BQT
Bài học thiết kế số 01
Bài học thiết kế số 02
Bài học thiết kế số 03 .
Bài học thiết kế số 04 .
Bài học thiết kế số 05 .
Bài học thiết kế số 06 .
Bài học thiết kế số 07 .
Bài học thiết kế số 08 .
_______________
1. Sử dụng loại ảnh nào và kích thước ra sao:
1.1 Sử dụng loại ảnh nào?

Ảnh có nền trong suốt sẽ được ưu tiên. Lý do là, nếu bạn chọn ảnh có nền màu đỏ hay vàng, thì các ảnh khác nếu được sử dụng cũng phải có màu nền tương tự, điều đó thật rắc rối. Do đó chúng ta sẽ ưu tiên ảnh có nền trong suốt.
Tiếng anh là: Transparent background, tiếng nhật là: 透明な背景 . Từ khóa này sẽ là cơ sở để các bạn tìm kiếm trên google. Chúng ta phải thành thực thừa nhận với nhau rằng nếu tìm kiếm bằng tiếng việt từ khóa "nền trong suốt" sẽ không có kết quả tốt bằng việc tìm kiếm bởi từ khóa tiếng anh hay tiếng nhật.

Bây giờ đối chiếu với sự cho phép của microsoft:
Bạn cần đăng nhập để thấy đính kèm

Ở đây có hai loại định dạng nhẹ, và phổ biến đó là gif và jpg. Tuy nhiên jpg sẽ không cho bức ảnh nền trong suốt. Tôi không phải chuyên gia về hình ảnh, tuy nhiên khi sử dụng phần mềm SothinkLogoMakerPro để thiết kế ảnh, nếu tạo ảnh jpg sẽ không có tùy chọn nền trong suốt, còn ảnh Png thì lại có tùy chọn này.

Dựa trên sự cho phép của Microsfot, chúng ta không thể sử dụng png. Do đó lựa chọn của tôi là GIF.
Khi tìm hiểu PNG có thể chèn vào UserForm hay không, có vẻ như bằng việc sử dụng hàm API phức tạp, cuối cùng thì người ta cũng chèn được ảnh PNG vào. Tuy nhiên, tôi tự hỏi tại sao họ phải đi theo con đường phức tạp như vậy vì không nhất thiết phải sử dụng ảnh PNG, chúng ta có thể sử dụng ảnh GIF. Có nhiều trang web cho phép convert online PNG to GIF. Vì vậy chỉ cần thiết kế ảnh trên SothinkLogoMakerPro, chúng ta tạo ra ảnh PNG rồi thực hiện thêm bước convert to GIF là được.

Như vậy, đến đây chúng ta thống nhất với nhau rằng, quan điểm thiết kế của chúng ta là sẽ sử dụng ảnh GIF:
-Vì nó có thể cho ta bức ảnh có nền trong suốt, dung lượng ảnh GIF nhẹ.
-Microsoft cho phép ta chèn ảnh vào UserForm.

1.2 Sử dụng ảnh có kích thước như thế nào?
Trong các bài hoc về , chúng ta biết rằng Microsoft đang sử dụng các bức ảnh 16x16 hoặc 32x32. Vì vậy chúng ta sẽ lấy đây là quan điểm thiết kế cho chúng ta. Trong đó tôi đặc biệt lưu ý rằng, ảnh 16x16 sẽ được sử dụng là chủ yếu.

Tạm thời chúng ta chưa quan tâm tới việc tạo ra ảnh GIF 16x16 như thế nào, vì việc này cũng đơn giản thôi, tôi sẽ trình bày sau. Sau đây tôi sẽ đi vào vấn đề chính.

2.Chèn ảnh như thế nào?
2.1 Chèn ảnh biểu tượng vào UserForm

Bạn cần đăng nhập để thấy đính kèm

Ảnh trong suốt nhưng không phải cứ thế chèn là được.
Có hai thông số:
  • BackStyle các bạn phải để là 0.
  • BorderStyle các bạn phải để là 0.
Chú ý chọn thông số Height và Width của Image1 bằng với kích thước ảnh, ở đây là 16 và 16.
Như vậy là đã xong.

Ở phần này còn có phần chọn ảnh nền cho UserForm, tuy nhiên tôi sẽ trình bày sau.

2.2 Chèn ảnh vào nút bấm như thế nào?
Trước hết ở đây, tôi muốn chúng ta chú ý tới vị trí của biểu tượng. Chúng ta hãy xem quan điểm thiết kế của Microsoft trên chính Excel của họ:
Bạn cần đăng nhập để thấy đính kèm

Vị trí biểu tượng nếu có đều được đặt bên trái, bên phải là chữ. Do đó ta sẽ coi đây là quan điểm thiết kế của chúng ta từ nay về sau.

Trở lại với việc chèn ảnh vào nút bấm. Giả sử tôi có nút bấm là CommandButton1.
Bạn cần đăng nhập để thấy đính kèm


Ở đây có chú ý, ảnh của chúng ta kích thước 16x16, nhưng nút bấm chúng ta không thể để chiều cao là 16, nó phải thừa ra một chút, và tôi nhận thấy nó có kích thước 20 là phù hợp. Chiều cao nút bấm có kích thước 20 trở thành quan điểm thiết kế của chúng ta từ nay về sau. Về chiều rộng (Width), các bạn tự tính toán phù hợp vì tên nút bấm mỗi khi đặt lại có độ dài khác nhau, chiều rộng của nút bấm = chiều rộng ảnh (16) + chiều dài tên nút bấm + khoảng thừa phù hợp.

(Bài viết hướng tới kỷ niệm 1 năm tuổi của tuhocvba.net, diễn đàn tự biên tập quan điểm thiết kế mà không tham khảo nguồn bên ngoài)
(Còn nữa)
 

giaiphapvba

Administrator
Thành viên BQT
Tổng kết một số quan điểm của bài viết #1:
1. Sử dụng ảnh gif kích thước 16x16 (hoặc 32x32).
2. Nút bấm hay ô textbox sẽ để chiều cao là 20.
3. Biểu tượng nếu gắn trên nút bấm thì sẽ gắn ở phía bên trái nút bấm.
 
Top