2015-02-17 11 views
7

क्या किसी को आइकन और छवियों के मोर्फ़ को प्राप्त करने के लिए कोई अच्छी लाइब्रेरी या दृष्टिकोण पता है। विशेष रूप से ओम एक विराम बटन में एक विराम बटन में एक प्ले बटन को morhp करने के लिए एक रास्ता तलाश रहे हैं।एंड्रॉइड एल मॉर्फिंग एनिमेशन

उदाहरण के लिए मैं प्ले स्टोर में सभी नए एंड्रॉइड यूट्यूब ऐप को देखने की सिफारिश करता हूं। या फिर इस लिंक पर जाकर:

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

और दाहिने हाथ की ओर वीडियो देखें।

किसी भी मदद की सराहना की जाएगी। मैंने ध्यान से नोटिस किया है कि सामग्री-मेनू github पृष्ठ बटन के कुछ morphing करता है। लेकिन यह केवल घूर्णन 3 सिंगल लाइनों का अनुवाद करके संभव है।

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

यह वास्तव में वांछित प्रभाव नहीं है।

अग्रिम

+0

अरे क्या आपको आइकन के बीच मोर्फ़िंग का कोई तरीका मिला? मैं इसे भी लागू करना चाहता हूं। –

उत्तर

4

धन्यवाद इस पुस्तकालय पर एक नज़र डालें: https://github.com/wnafee/vector-compat यह AnimatedVectorDrawable और MorphButton प्रदान करता है कि आप के लिए वास्तव में क्या देख रहे हैं।

निर्देश
1-जोड़े अपने build.gradle फाइल करने के लिए वेक्टर compat निर्भरता और buildToolsVersion 22 या उपयोग सुनिश्चित करें उच्च:

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

2-जोड़े MorphButton दृश्य अपने लेआउट एक्सएमएल

में
<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" /> 

अपने अनुप्रयोग में MorphButton का उपयोग करने के लिए, अपने आधार एप्लिकेशन विषय में morphButtonStyle आइटम शामिल करना सुनिश्चित करें:

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

चलाएं/रोकें के लिए एनिमेटेड वेक्टर ड्रॉएबल और खेलने/स्टॉप पहले से ही पुस्तकालय में शामिल हैं, इसलिए कोड ऊपर बॉक्स से बाहर काम करता है और आप किसी भी अतिरिक्त ड्रॉएबल खुद आयात करने की आवश्यकता नहीं है।

+1

यदि आप लाइब्रेरी की अनुशंसा करते हैं, तो यह दिखाने के लिए प्रथागत है कि कोड प्रदान करके इसे कैसे लागू किया जा सकता है। –

+1

अन्यथा यह एक टिप्पणी अनुभाग में पोस्ट किया जाना चाहिए! –

+0

कोड नमूने जोड़े गए – Shaegorath

संबंधित मुद्दे