WPF - Material Design Shadows in WPF

Tiếp theo phần Material Design trước, tôi gửi đến các bạn một Resource được xem là hiệu ứng cốt lõi trong ngôn ngữ thiết kế của Google.

Trong Material Design tất cả các lớp đều được đổ bóng, cấp độ màu và hiệu ứng đổ bóng phụ thuộc vào sự hài hòa của lớp đó trong tổng thể App.

phạm tuân

Hiệu ứng đổ bóng này luôn có một nguyên tắc định sẵn nếu bạn không muốn phá vỡ ngôn ngữ thiết kế này bạn cần giữ cho các thông số đúng như đã được đề cập.

tuanphamdg wpf

Các quy tắc thiết kế này đã được cộng đồng Designer đánh giá cao về mặt thẩm mỹ vì thế các bạn không cần phải nghi ngờ về các sự ràng buộc này.

tuanphamdg wpf

Sau đây là nguyên mẫu các thông số và cấp độ đỏ bóng được mang lên WPF










Lưu ý: rằng trong bộ MaterialDesignInXamlToolkit đã có sẵn bộ source này. Sau đây là cách dùng và mẫu tham khảo.























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


Phạm Tuân


Chúc các bạn thành công!
PHẠM TUÂN

Mới Nhất
Bài trước
Bài kế tiếp »