Gadget Sidebar & Date Time | MicrosoftTech.Net

Gadget Sidebar & Date Time

Bài viết tiếp theo trong chuyên mục Tool-Demo xin được giới thiệu đến các bạn một ứng dụng nhỏ tôi đã làm với mục đích trang trí desktop và kèm theo là một số tiện ích nho nhỏ. Sở dĩ đây là dạng ứng dụng ngay trên Desktop, không có khung viền Form (tương tự như Gadget của Windows 7) nên tôi tạm gọi là Gadget. Ứng dụng nhỏ dưới đây là 1 phần trong chuỗi ứng dụng desktop tôi đã làm chỉ vì thấy thích thú với giao diện của Windows 8 ở thời điểm hiện tại Microsoft đang giới thiệu, vì chưa có để trải nghiệm nên muốn tự tạo một cái gì đó của riêng mình. Những ứng dụng còn lại trong chương trình này bao gồm: Cập nhật mail, tin tức từ một số website tôi thường xem, 1 slide ảnh nho nhỏ, 1 công cụ nghe nhạc, xem clip từ mp3.zing ngay trên desktop một cách nhanh chóng và vài cái nhỏ nhỏ khác nữa. Có thể trong các bài viết tiếp theo tôi sẽ giới thiệu đến các bạn sau.

1. Gadget Date Time

Bên dưới là màn hình desktop của máy tôi với ứng dụng xem thời gian, ngày giờ và hiển thị một số danh ngôn đã thêm vào từ trước. Nhìn 3 ô vuông hiển thị ngày giờ chắc bạn đang liên tưởng đến các icon trong Window Phone 7 và Window 8 đang được giới thiệu. Đây là giao diện Metro UI rất là thú vị, chỉ mới những mảng màu đơn sắc, họa tiết màu trắng khiến cho người xem có cảm giác tuy đơn giản nhưng rất là nghệ thuật.
gadget-sidebar-and-date-time-on-microsofttech.net
Tại các ô vuông tôi thêm vào hiệu ứng chuyển màu nhẹ khi Mouse over; Dù rất đơn giản nhưng cũng có thể gây thích thú cho người dùng!

gadget-sidebar-and-date-time-on-microsofttech.net
2. Gadget Side Bar

Tôi chắc rằng bạn đã từng dùng hoặc hoặc từng biết qua thanh Rockket Dock Side bar một phần mềm của hãng thứ 3 được thiết kế cho Windows. Mục đích của công cụ này là để truy cập nhanh các ứng dụng, file, thư mục trong máy tính. Cũng với ý định đó tôi tự tạo riêng 1 cái cho mình. Ở chế độ bình thường thanh Side Bar sẽ ẩn ở lề bên phải Desktop, chỉ khi đưa chuột đến mép bên phải màn hình thì thanh Side Bar sẽ dy chuyển từ ngoài vào và ở vị trí như hình bên dưới. Trong chương trình mình thiết kế với hơn 10 icon của các chương trình thông dụng trong máy, được làm với 2 màu xanh dương và da cam, màu da cam dùng khi Mouse Over vào Icon đó. Tại mỗi thời điểm chỉ có thể hiển thị tối đa số lượng icon như bên dưới. Có thể Scroll chuột lên hoặc xuống để cuộn danh sách các icon. Và cuối cùng sau khi đưa chuột ra khỏi Side Bar một thời gian định sẵn thì nó sẽ tự biến mất để tiết kiệm không gian.
gadget-sidebar-and-date-time-on-microsofttech.net
3. Code

Source code của chương trình không nhiều nhưng cũng không thể show lên đây hết vì hơi dài dòng!. Thiết nghĩ tôi chỉ cần nêu ý tưởng và bạn có thể thực dễ dàng thực hiện. Tôi chỉ điểm qua một số ý chính cần thiết trong chương trình. Về phần hiển thị ngày tháng năm qua đơn giản chỉ dùng một số hàm Date Time là có thể truy xuất ngày giờ hệ thống và add vào control theo cách mình muốn.
Còn về hiển thị câu danh ngôn thì có thể add trong chương trình từ trước hoặc dùng file text để lưu trữ, như vậy sẽ dễ phát triển về sau hơn.

gadget-sidebar-and-date-time-on-microsofttech.net
Về code của thanh Side Bar đầu tiên cần xử lý thao tác ẩn hiện khi đưa chuột sang phải màn hình desktop, kết hợp timer để xử lý. Điểm chính cần lưu ý ở đây là event scroll chuột dẫn tới cuộn side bar, thay đổi location của các icon thích hợp. Ở đây tôi sử dụng tính năng cuộn vòng tròn nghĩa là không phân biệt đầu cuối, icon sẽ tự sắp xếp thành một vòng tròn khi ta scroll chuột.
gadget-sidebar-and-date-time-on-microsofttech.net

MicrosoftTech.Net

Bài viết với Chủ đề Liên quan


Leave a Reply

  

  

  

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>