2015-02-17 16 views
7

Có ai biết thư viện hay phương pháp tốt để đạt được biến hình của biểu tượng và hình ảnh không. Đặc biệt, om tìm kiếm một cách để biến một nút phát thành nút tạm dừng trong ngược lại.Hoạt ảnh biến hình trên Android L

Ví dụ, tôi khuyên bạn nên xem xét ứng dụng YouTube Android hoàn toàn mới trong cửa hàng Play. Hoặc bằng cách truy cập liên kết này:

http://www.google.com/design/spec/animation/delightful-details.html

Và kiểm tra quyền Video phía bên tay.

Mọi trợ giúp sẽ được đánh giá cao. Tôi có thông báo một cách acutually rằng trang github tài liệu-menu thực hiện một số biến dạng của các nút. Nhưng điều này chỉ có thể bằng cách dịch en xoay 3 dòng đơn.

https://github.com/balysv/material-menu/blob/master/library/src/main/java/com/balysv/materialmenu/MaterialMenuDrawable.java

Đây thực sự không phải là hiệu quả mong muốn.

Cảm ơn trước

+0

Bạn đã tìm thấy bất kỳ cách nào biến hình giữa các biểu tượng? Tôi cũng muốn thực hiện điều này. –

Trả lời

4

hãy nhìn vào thư viện này: https://github.com/wnafee/vector-compat nó cung cấp AnimatedVectorDrawable và MorphButton thực hiện chính xác những gì bạn đang tìm kiếm.

Hướng dẫn
1-Thêm phụ thuộc vector compat đến file build.gradle bạn và chắc chắn để sử dụng buildToolsVersion 22 trở lên:

android { 
    // use version 22 or higher 
    buildToolsVersion "22.0.1" 
    ... 
} 
dependencies { 
    compile 'com.wnafee:vector-compat:1.0.5' 
    ... 
} 

2-Thêm MorphButton xem trong cách bố trí của bạn xml

<com.wnafee.vector.MorphButton 
    android:id="@+id/playPauseBtn" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:vc_startDrawable="@drawable/ic_pause_to_play" 
app:vc_endDrawable="@drawable/ic_play_to_pause" /> 

để sử dụng MorphButton trong ứng dụng của bạn, hãy chắc chắn để bao gồm các mục morphButtonStyle trong chủ đề ứng dụng cơ sở của bạn:

<style name="MyAppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 
    <item name="morphButtonStyle">@style/Widget.MorphButton</item> 
</style> 

Bản vẽ vector động để phát/tạm dừng và phát/dừng đã được đưa vào thư viện, vì vậy mã bên trên hoạt động ngoài hộp và bạn không cần nhập bất kỳ bản vẽ bổ sung nào.

+1

Nếu bạn đề nghị một thư viện, nó là phong tục để hiển thị như thế nào nó có thể được áp dụng bằng cách cung cấp mã. –

+1

Nếu không, điều này sẽ được đăng trong phần bình luận! Đã thêm –

+0

mẫu mã – Shaegorath

Các vấn đề liên quan