Design – TamHuynh blog

Android Shared Element Transition cho Photo app – phần 3

August 5, 2018August 5, 2018 tam0407 Leave a comment

Level 2 – Shared element từ RecyclerView sang 1 ImageView, load thumbnail và full

Share Element từ 1 item của RecyclerView sang 1 ImageView trong Activity
2 trang load 2 ảnh khác nhau (ảnh thumbnail và ảnh full)

Android Shared Element Transition cho Photo app – phần 2

May 22, 2018May 22, 2018 tam0407 Leave a comment

Level 1 – Shared element từ RecyclerView sang 1 ImageView

Share Element từ 1 item của RecyclerView sang 1 ImageView trong Activity
2 ImageView cùng load 1 ảnh

Android Shared Element Transition cho Photo app – phần 1

May 3, 2018May 3, 2018 tam0407 2 Comments

Shared Element Transition

Tính năng Shared Element đã xuất hiện trong Material Design từ Android 5.0 (>= API 21), cho phép 1 hoặc nhiều view được giữ và chạy animation khi đang chuyển activity/fragment. Concept này được xem là giúp người dùng không bị mất tập trung vào phần thông tin chính mà họ đang thao tác. (Xem thêm về concept tại đây).

Shared Element Gallery demo
Shared Element Gallery demo

Demo trong app gannha.com, người dùng giữ được sự tập trung vào tấm ảnh họ vừa nhấn thay vì hiệu ứng chuyển trang thông thường khiến thông tin giữa các trang bị rời rạc.

RadioButton Template trong Windows 10 SplitView

September 18, 2015September 18, 2015 tam0407 Leave a comment

Tại sao lại RadioButton?

Vì RadioButton đã hỗ trợ sẵn thuộc tính GroupName, bạn có thể gom nhóm các RadioButton. để có được các template mặc định cho các trạng thái focus/unfocus.

Một nút thông thường trong Hamburger Menu của Windows 10 bao gồm 1 icon bên trái và nội dung bên phải. Có thể dễ dàng sửa lại template của RadioButton cho hợp bằng Blend.

Hamburger Menu Item — Hamburger menu Item

Windows 10 – Icon control

September 10, 2015September 10, 2015 tam0407 Leave a comment

FontIcon, SymbolIcon, BitmapIcon

Tuy đã xuất hiện trong Windows/Windows phone 8.1, nhưng những icon control này thường ít được sử dụng trong xaml. Giờ đây khi đến với môi trường Windows 10, mình khuyên các bạn nên sử dụng chúng với mục đích tối ưu giao diện của mình với các hỗ trợ có sẵn, đồng thời đồng bộ với giao diện tổng thể của Windows 10.
Read More

Có gì mới trong Windows 10 – Design #3

September 7, 2015September 7, 2015 tam0407 Leave a comment

Iconographic

Không còn các Appbar Icon với khung tròn bao quanh và nét vẽ đậm. Icon mới trong Windows 10 sẽ là những nét mảnh 2px, thiết kế phẳng đẹp và đơn giản giúp tăng diện tích trống của icon hơn so với Windows 8. Điểm đặc biệt là các icon giảm tối đa canh lề (margin), làm giảm khoảng cách giữa các thành phần trong app, tăng khoảng trống trong app.

Tag: Design