Fresco: साझा तत्व संक्रमण

क्या आप हमें और विवरण दे सकते हैं? आपने वास्तव में क्या करने की कोशिश की, और इसके बजाय क्या हुआ?

नए एंड्रॉइड वर्जन लॉलीपॉप में, हम इमेज व्यू का उपयोग गतिविधियों के बीच साझा तत्व संक्रमण के रूप में कर सकते हैं। उस स्थिति में छवि एक गतिविधि से दूसरी गतिविधि में एक स्मूथ संक्रमण करती है। SimpleDraweeView का उपयोग करते समय यह गायब हो जाता है।

इसका परीक्षण करने के लिए कोड कुछ इस तरह होना चाहिए:

ऐप की थीम:

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowContentTransitions">true</item>
        <item name="android:windowAllowEnterTransitionOverlap">true</item>
        <item name="android:windowAllowReturnTransitionOverlap">true</item>
    </style>

गतिविधि1 लेआउट.एक्सएमएल:

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/image"
        android:layout_width="@dimen/size_1"
        android:layout_height="@dimen/size_1"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"/>

</RelativeLayout>

गतिविधि2 लेआउट.एक्सएमएल:

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/image"
        android:layout_width="@dimen/size_2"
        android:layout_height="@dimen/size_2"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:transitionName="image_transition"/>

</RelativeLayout>

दूसरी गतिविधि शुरू करने के लिए कोड:

    Intent intent = new Intent(activity1, Activity2.class);
    ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(activity1, simpleDraweeView1, "image_transition");
    activity1.startActivity(intent, options.toBundle());

इस कोड को उन गतिविधियों के बीच एक संक्रमण करना चाहिए जहां छवि चलती है और गतिविधि 1 के ऊपरी बाएं कोने से गतिविधि 2 के निचले दाएं कोने में आकार बदलती है। मैंने नेटवर्क से समान कोड लोडिंग छवियों का परीक्षण किया है और यह प्रदर्शित नहीं होता है एनीमेशन।

मुझे लगता है कि यह भी वास्तविक है https://github.com/facebook/fresco/issues/99

मुझे संदेह है कि इसे संलग्न/अलग घटनाओं के साथ करना है जो संक्रमण में होने पर दृश्य प्राप्त करते हैं। हमें इसकी जांच करनी होगी।

यह कुछ ऐसा है जिसकी मैं पुष्टि भी कर सकता हूं। फ्रेस्को पर साझा तत्व संक्रमण टूटा हुआ प्रतीत होता है। यह बहुत अच्छा होगा यदि हम इसे ठीक कर सकें, क्योंकि यह एक बहुत ही महत्वपूर्ण विशेषता है जो आगे बढ़ रही है।

मुझे भी हुआ। TranstitionName xml attr को SimpleDraweeView पर सेट करते समय, setImageUri() विधि ने काम करना बंद कर दिया

इस पर कोई अपडेट?

FadeDrawable के समाप्त होने के बाद वास्तविक छवि को चेतन करने के बाद, एक लॉग होता है:
com.facebook.samples.comparison D/ViewRootImpl﹕ changeCanvasअस्पष्टता: अपारदर्शी=गलत

हो सकता है कि परिवर्तन कैनवास ओपेसिटी छवि को आकर्षित न करे।

क्या बग ठीक हो गया है? यह मेरे प्रोजेक्ट के लिए भी बहुत महत्वपूर्ण है। :)

पैकेज org.goodev.droiddddle.drawee;

आयात com.facebook.drawee.generic.GenericDraweeHierarchy;
आयात com.facebook.drawee.view.SimpleDraweeView;

आयात android.content.Context;
आयात android.graphics.Matrix;
आयात android.util.AttributeSet;

पब्लिक क्लास TranslateDraweeView SimpleDraweeView का विस्तार करता है {
सार्वजनिक अनुवादड्रावी व्यू (संदर्भ संदर्भ) {
सुपर (संदर्भ);
}

public TranslateDraweeView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public TranslateDraweeView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

public TranslateDraweeView(Context context, GenericDraweeHierarchy hierarchy) {
    super(context, hierarchy);
}

// looks like overwrite this method can fix this issue
// but still don't figure out why
public void animateTransform(Matrix matrix) {
    invalidate();
}

}

@goodev अधिलेखित करने की ऐसी कोई विधि नहीं है।

@ shumin0809 बस इस विधि को जोड़ें, यह संक्रमण के लिए एक छिपी हुई सार्वजनिक विधि है।

मैं SharedElementTransitions के साथ अलग, लेकिन अभी भी छोटी गाड़ी का व्यवहार देख रहा हूं। पता नहीं यह वही है, संबंधित है, या अलग मुद्दा है।

_प्रजनन_
SharedElementTransition के लिए सुंदर मानक सेटअप:

• GridLayoutManager के साथ एक टुकड़े में RecyclerView, SimpleDraweeViews के रूप में बहुत सारी छवियों को प्रदर्शित करता है, व्यूहोल्डर बाइंड विधि में गतिशील रूप से उन पर ट्रांज़िशननाम सेट करता है (जहां मैं यूरी भी सेट कर रहा हूं)
• ऑनक्लिक एक सिंगल सिंपलड्रावी व्यू के साथ एक अलग टुकड़े में संक्रमण को सक्रिय करता है और एक ही ट्रांजिशननाम भी गतिशील रूप से सेट होता है

_अपेक्षित_
सामान्य छवि दृश्यों के लिए (प्रदान किए गए स्केल टाइप मैच), टुकड़ों के बीच साझा संसाधन का निर्बाध एनीमेशन

_देखा गया_
SharedElementTransition होता है लेकिन लक्ष्य छवि प्रकट होने से पहले एक झिलमिलाहट होती है (ऐसा लगता है कि लक्ष्य छवि पर्याप्त जल्दी सेट नहीं है)

_नोट्स_
मैंने वेब और डिस्क से छवियों को लोड करने का प्रयास किया है, और छवि लोड हो गई है और संक्रमण शुरू करने से पहले कैश में है। लक्ष्य खंड का कोड ठीक उसी यूरी को खींच रहा है। मैं सीधे पाइपलाइन का उपयोग करने की कोशिश कर रहा था (और बहुत कुछ सीखा) लेकिन परिणाम को प्रभावित करने में असफल रहा।

_सेटअप_
डिवाइस: Nexus 5 और Nexus 7 (2013), दोनों Android 5.1.1 (API 22) चला रहे हैं
अप टू डेट लाइब्रेरी और टूल्स: फ्रेस्को (0.5.0), एंड्रॉइड स्टूडियो (1.3 प्रीव्यू 3 ईएपी.0), कंपाइलएसडीके (22), बिल्ड टूल्स (22.0.1)

_प्राप्तियां_
इस पोस्ट को लिखते समय मैंने 2 चीजें देखी हैं जो प्रासंगिक हो सकती हैं:

• दो दराज _are_ अलग-अलग आकार (यह मानक छवि दृश्यों को बदलने के लिए कोई समस्या नहीं है और मुझे लक्ष्य आयाम सेट करने वाले प्री-फ़ेचिंग के बारे में कुछ भी याद नहीं है)
• स्मृति से मुझे लगता है कि मैं कोड में कहीं संदर्भ के रूप में टुकड़ों को फ्रेस्को पास कर रहा हूं, शायद इसका मतलब है कि दो टुकड़ों में से प्रत्येक का अपना कैश है ??

@jorgemf - क्या आपके पोस्ट किए गए कोड को गतिविधि 1 लेआउट में मेल खाने वाले ट्रांज़िशननाम विशेषता सेट की आवश्यकता नहीं है? https://developer.android.com/training/material/animations.html

_एक साझा तत्व के साथ एक गतिविधि शुरू करें_
...
4 - android:transitionName विशेषता के साथ दोनों लेआउट में साझा किए गए तत्वों के लिए एक सामान्य नाम असाइन करें।

मेरे मुद्दे के लिए यह हो सकता है कि मुझे संक्रमण को स्थगित करने की आवश्यकता हो। मैं आज इसे देख लूंगा:
http://www.androiddesignpatterns.com/2015/03/activity-postponed-shared-element-transitions-part3b.html

मैं एक ही समस्या के साथ हूँ। मैं फ्रेस्को 0.5.3 और SimpleDraweeView का उपयोग करके छवि को attr " android:transitionName " के साथ लोड नहीं करता। किसी को फ्रेस्को का उपयोग करके बाहरी समाधान पता है?

@jorgemf यदि आप अपने Activity1 Layout.xml में "एंड्रॉइड-बैकग्राउंड" सेट करते हैं, तो यह पूरी तरह से काम नहीं करता है, लेकिन काम करेगा।
मैंने इसे अपने परीक्षण में सेट किया: android:background= "@ android:color/transparent "

@LuizGadao यदि आप पृष्ठभूमि सेट
कुछ पुस्तकालयों का परीक्षण करने के बाद, पिकासो मेरे लिए ठीक काम कर रहा है। कोई समस्या बिल्कुल नहीं।

@jorgemf मैं

इस पर कोई खबर?

@LuizGadao क्या आप अपने वर्कअराउंड एक्सएमएल का उदाहरण पोस्ट कर सकते हैं?

इस मुद्दे की रिपोर्ट करने के लिए धन्यवाद और आपके धैर्य की सराहना करते हैं। हमने इस मुद्दे पर अपडेट के लिए कोर टीम को सूचित कर दिया है। हम अगले 30 दिनों के भीतर प्रतिक्रिया की तलाश कर रहे हैं या समस्या बंद हो सकती है।

इस पर कोई खबर?

पुनश्च:
@goodev द्वारा प्रदान किया गया TranslateDraweeView कुछ उपकरणों जैसे XiaoMi2, HuaWei P8 पर ठीक से काम नहीं करता है। रीएंटरट्रांसिशन गलत स्थिति से शुरू होता है।

जैसा कि बॉक्सकाउंटर ने कहा, Tra slateDraweeView HTC One M8 पर काम नहीं करता है, न ही

यदि आप चेंजइमेजट्रांसफॉर्म ट्रांजिशन का उपयोग कर रहे हैं, तो मुझे लगता है कि शेयर तत्व संक्रमण विफल हो जाता है क्योंकि चेंजइमेजट्रांसफॉर्म इमेज व्यू के मैट्रिक्स को एनिमेट कर रहा है जो मुझे लगता है कि यह डिफ़ॉल्ट ड्रावे व्यू द्वारा समर्थित नहीं है।

मुझे मिली समस्या यह है कि साझा तत्व "फिट सेंटर" से शुरू होता है जबकि मूल रूप से यह "सेंटरक्रॉप" था।
परियोजना इस मुद्दे को पुन: उत्पन्न कर सकती है
https://github.com/JackFan-Z/ActivitySharedElementTransition.git

हालांकि मैंने एक समाधान जोड़ा
यह फ्रेस्को का उपयोग करके मेरी दूसरी निजी परियोजना पर काम नहीं करता है।
क्या कोई पता लगा सकता है कि असली समस्या कहां है?

संक्रमण की गलत शुरुआत की स्थिति

संक्रमण से पहले

@ जैकफैन-जेड
संक्रमण में शेयर तत्व अंतिम दृश्य को प्रारंभिक मानों पर सेट कर रहा है और इसे अंतिम मानों में एनिमेट कर रहा है।

ChangeImageTransform के साथ संयुक्त सामान्य ImageView छवि मैट्रिक्स के प्रारंभ और अंत मानों को कैप्चर करेगा और फिर छवि मैट्रिक्स परिवर्तन को एनिमेट करेगा।

हालांकि DraweeView छवि मैट्रिक्स से संबंधित कुछ फ़ंक्शन को ओवरराइड करता है, ChangeImageTransform का छवि पर कोई प्रभाव नहीं पड़ेगा।

तो आप जो समाप्त करते हैं वह केवल चेंजबाउंड प्रभावी हो रहा है।

वर्तमान में, मुझे DraweeView के छवि मैट्रिक्स में हेरफेर करने का कोई तरीका नहीं मिला। यहां तक ​​कि setActualImageMatrix को भी बहिष्कृत कर दिया गया है। मान लें कि यह पदावनत नहीं है और यह डिफ़ॉल्ट छवि दृश्य के डिफ़ॉल्ट setImageMatrix की तरह ठीक काम करता है। फिर भी, इस तथ्य के कारण कि आपके पास DraweeViewHierarchy सेट करने के बाद मैट्रिक्स को बदलने का कोई तरीका नहीं है, इसके परिवर्तन को चेतन करने के लिए वास्तव में बहुत ही अनुकूलता नहीं है। तो आपको अंत में प्रत्येक onAnimationUpdate कॉल पर एक नया DraweeViewHierarchy ।

मुझे नहीं पता कि DraweeView इस तरह से क्यों लागू होता है। और मुझे लगता है कि वर्तमान संभावित समाधान अंतर्निहित बिटमैप को वापस पाने और ChangeImageTransform संक्रमण करने के लिए एक और छवि दृश्य बनाना है।

@soapsign
आपके कमेंट के लिए धन्यवाद।

असल में मेरी निजी परियोजना में, मैंने एक डमी छवि दृश्य बनाने का प्रयास किया जो साझा तत्व के समान बिटमैप लेता है। समस्या अभी भी मौजूद है।
मुझे यकीन नहीं है कि मैं जिस समस्या का सामना कर रहा हूं वह फ़्रेस्को से संबंधित है या नहीं।
लेकिन यह सुनिश्चित है कि मैं उसी समस्या को SimpleDraweeView के साथ आसानी से पुन: उत्पन्न कर सकता हूं।

ChangeImageTransform परिवर्तन मैट्रिक्स को निर्धारित करने के लिए आंतरिक आयामों का उपयोग करता है। की हमारी कार्यान्वयन DraweeView का उपयोग करता है एक DraweeHierarchy कि आंतरिक आयाम हैं जिसके लिए -1 के बराबर होती है width और height । ऐसा इसलिए है क्योंकि Drawee पहले से ही सही स्केल टाइप स्केलिंग लागू करता है और इसलिए ऐसा करने के लिए किसी दृश्य की आवश्यकता नहीं है। इसके अलावा, ImageView केवल एक स्केल प्रकार लागू कर सकता है जबकि ड्रॉएबल पदानुक्रम प्रत्येक छवि शाखा (प्लेसहोल्डर, विफलता छवि, वास्तविक छवि, आदि) के लिए अलग-अलग स्केल प्रकारों का उपयोग कर सकता है। वास्तविक आंतरिक आयामों को दृश्य में वापस करने से आकार में बग होने का जोखिम होता है।
यदि आप संक्रमण कार्य करना चाहते हैं तो आपको ChangeBounds उपयोग करना चाहिए।

" fresco:ImageMatrixSrc=actual " जैसे नए विकल्प को जोड़ने के बारे में क्या?

@boxcounter फिलहाल हम सोचते हैं कि हमारे पास अभी जो है वह ठीक है। लेकिन आप अपने प्रस्ताव के लिए पुल अनुरोध बना सकते हैं :)

@massimocarli ChangeBounds तभी अच्छी तरह से काम करता है जब साझा छवि का आकार दोनों गतिविधियों/विचारों पर समान हो। लेकिन जब संक्रमण के दौरान छवि का आकार बदलना चाहिए, तो यह खराब हो जाता है और खराब दिखता है।
आप इस तरह से क्या करने का प्रस्ताव करते हैं? ChangeImageTransform इसे हल करता है, लेकिन यह DraweeView में काम नहीं करता है।

मेरा भी यही विचार है...

@massimocarli ChangeBounds पर्याप्त नहीं है।

मैं यही हासिल करने की कोशिश कर रहा हूं (यह ImageView का उपयोग कर रहा है): https://gfycat.com/HideousEarlyAndalusianhorse

यह SimpleDraweeView का उपयोग करने जैसा दिखता है: https://gfycat.com/PracticalCorruptGrouper
ध्यान दें कि एनिमेटेड छवि के पीछे मूल छवि गलत तरीके से कैसे आकार लेती है।

ट्रांजिशन के रूप में सिर्फ चेंजबाउंड के साथ ऐसा दिखता है: https://gfycat.com/SorrowfulExemplaryAntlion

हे दोस्तों, मेरे पास एक ही मुद्दा है। चेंजबाउंड सुचारू रूप से काम नहीं कर रहा है। अगर कोई समाधान या समाधान है, तो कृपया हमें बताएं। साझा तत्व संक्रमण सबसे अच्छी चीजों में से एक है जिसे सामग्री डिजाइन पेश किया गया है और फ्र्रेस्को बेहतरीन पुस्तकालय में से एक है जिसका मैंने अब तक उपयोग किया है। कृपया डेवलपर्स को दोनों को मूल रूप से उपयोग करने दें।

फ्रेस्को द्वारा इसे ठीक नहीं करने के बाद से क्या कोई इसका समाधान ढूंढ़ पाया है?

यहां मैं जिस वर्कअराउंड का उपयोग करता हूं वह ठीक काम करता है:
https://github.com/bumptech/glide

सभी को नमस्कार,

चेंजबाउंड विधि ही पर्याप्त नहीं है और मैं फेसबुक के जवाब से चकित हूं कि साझा तत्वों के संक्रमण की वर्तमान स्थिति ठीक है।

मुझे अंत में एक सरल पर्याप्त समाधान मिला जो मेरे लिए एक नमूना परियोजना पर काम करता प्रतीत होता है।
चूंकि चेंजबाउंड ट्रांज़िशन लेआउट को ऑनमेजर () के माध्यम से अपडेट नहीं करता है, लेकिन ऑनसाइज़ चेंज () के माध्यम से, जो वर्तमान में किसी भी ड्रॉइंग व्यू द्वारा ओवरराइड नहीं किया जाता है, ट्रांज़िशन के दौरान ड्रॉएबल का स्केल कभी भी अपडेट नहीं होता है।

यहां हमारा CustomDraweeView है जो संक्रमण के दौरान TopLevelDrawable को अपडेट करता है:

public class CustomDraweeView extends SimpleDraweeView {

    public CustomDraweeView(Context context, GenericDraweeHierarchy hierarchy) {
        super(context, hierarchy);
    }

    public CustomDraweeView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    <strong i="10">@Override</strong>
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        Drawable drawable = getTopLevelDrawable();
        if (drawable != null) {
            drawable.setBounds(0, 0, w, h);
        }
    }
}

यहां ट्रांज़िशनसेट का एक्सएमएल है जिसे आपको फुला देना होगा:

<?xml version="1.0" encoding="utf-8"?>
<transitionSet
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:duration="<strong i="14">@android</strong>:integer/config_mediumAnimTime"
    android:transitionOrdering="together"
    tools:targetApi="LOLLIPOP" >
    <changeBounds
        android:interpolator="<strong i="15">@android</strong>:interpolator/accelerate_decelerate"/>
    <changeTransform
        android:interpolator="<strong i="16">@android</strong>:interpolator/accelerate_decelerate"/>
</transitionSet>

इस पद्धति के साथ मेरे पास एकमात्र नकारात्मक पहलू यह है कि जब पैमाने के प्रकार के टुकड़े टुकड़े या गतिविधियों के बीच मेल नहीं खाते हैं, तो आपको किसी भी तरह से बचना चाहिए यदि आप साझा तत्वों के संक्रमण का उपयोग करना चाहते हैं।

@massimocarli @tyronen
क्या फेसबुक पर कोई भी इस बारे में कुछ अंतर्दृष्टि प्रदान कर सकता है कि क्यों DraweeView वर्तमान में इस विधि को ओवरराइड नहीं करता है और संभावित समस्याएं जो इस संशोधन के साथ उत्पन्न हो सकती हैं? यदि कोई नहीं मिलता है, तो मुझे उसके लिए एक पुल-अनुरोध बनाने में खुशी होगी।

नमस्ते! नए फ्रेस्को रिलीज में 0.10 कस्टम स्केल टाइप के साथ विभिन्न स्केलटाइप्स के बीच परिवर्तन तुच्छ है। यहाँ मेरा कार्यान्वयन है
https://gist.github.com/burzumrus/a589aa7e36ca003ddaf2334218c50ad0

उपयोग सरल है

TransitionSet transitionSet = new TransitionSet();
transitionSet.addTransition(new ChangeBounds());
transitionSet.addTransition(new DraweeTransform(ScalingUtils.ScaleType.CENTER_CROP, ScalingUtils.ScaleType.FIT_CENTER));
getWindow().setSharedElementEnterTransition(transitionSet);

@burzumrus यह अद्भुत है! इसे लागू करने के लिए धन्यवाद। ठीक यही मेरे मन में था InterpolatingScaleType । यदि पहले से नहीं किया गया है तो फ्रेस्को के लिए पुल-अनुरोध करने पर विचार करें।

@plamenko मैं फ्रेस्को 0.12 और . का उपयोग कर रहा हूँ

getWindow().setSharedElementEnterTransition(DraweeTransition.createTransitionSet(
                    ScalingUtils.ScaleType.CENTER_CROP, ScalingUtils.ScaleType.CENTER_CROP));
getWindow().setSharedElementEnterTransition(DraweeTransition.createTransitionSet(
                    ScalingUtils.ScaleType.CENTER_CROP, ScalingUtils.ScaleType.CENTER_CROP));

एनीमेशन पूरी तरह से काम कर रहा है। लेकिन पहली गतिविधि पर लौटने पर छवि गायब हो रही है

क्या किसी ने इन्हें फ़्रैगमेंट-टू-फ़्रैगमेंट एनिमेशन के साथ आज़माया था? क्योंकि यह v0.12 पर काम नहीं कर रहा है।
संपादित करें : क्या यह संभव है कि RecyclerView परेशानी का कारण बने?
2 संपादित करें : ऐसा लगता है कि समस्या यह है कि ChangeBounds स्वयं केवल X और Y _window_ कोर्ड्स का उपयोग करता है यदि रीपेरेंटिंग सत्य पर सेट है। इसे ChangeBounds के setReparenting(true) माध्यम से सेट करना बहिष्कृत है और इसके बजाय ChangeTransform की अनुशंसा की जाती है। तो RecyclerView , transitionSet.addTransition(new ChangeTransform()); भी आवश्यक है। (वापसी एनीमेशन अभी भी खराब लगता है, लेकिन कम से कम प्रवेश एनीमेशन ठीक है ( सिवाय इसके कि स्केल प्रकार का कोई प्रभाव नहीं है startValues.view से endValues.view में createAnimator(...) हल करता है) यह।)

@Gericop और @ladia12 0.12 मेरे प्रोजेक्ट में फ़्रैगमेंट-टू-फ़्रैगमेंट एनिमेशन में अच्छी तरह से काम करता है।
मैं इसे RecyclerView में भी उपयोग करता हूं।
बात यह है कि आप केवल 'प्रतिस्थापन' खंड लेनदेन का उपयोग कर सकते हैं। आप 'ऐड' लेनदेन का उपयोग नहीं कर सकते।
यदि यह आपकी मदद कर सकता है, तो यहां खंड-से-टुकड़ा संक्रमण का एक उदाहरण (भित्तिचित्र के बिना) है जिसने मुझे काम करने वाली चीज़ पर शुरू करने में मदद की (आप जीथब पर प्रोजेक्ट कोड डाउनलोड कर सकते हैं)
http://www.androidauthority.com/using-shared-element-transitions-activities-fragments-631996/

@sperochon मैं प्रतिस्थापन का उपयोग

• ChangeTransform को transitionSet.addTransition(new ChangeTransform()); . के माध्यम से संक्रमण सेट में जोड़ा गया
  
  
  
  • यह इस तथ्य के कारण है कि ChangeBounds RecyclerView में प्रारंभ दृश्य की गलत स्थिति की रिपोर्ट करता है (यह हमेशा पहले तत्व के X,Y कोर्ड्स लौटाता है)
  
  
• createAnimator(...) if (mFromScale == mToScale) को if(mFromScale == mToScale && startBounds.equals(endBounds)) बदलें
  
  
  
  • परिवर्तन नहीं होगा अन्यथा यदि दो ड्रावे एक ही पैमाने के प्रकार साझा करते हैं, भले ही उनके आकार समान न हों
  
  
• createAnimator(...) final GenericDraweeView draweeView = (GenericDraweeView) startValues.view; को final GenericDraweeView draweeView = (GenericDraweeView) endValues.view; createAnimator(...) बदलें ( startValues -> endValues परिवर्तन को ध्यान में रखें)
  
  
  
  • आरंभिक के बजाय अंतिम अदाकर्ता का उपयोग करें
  
  
• AnimatorUpdateListener में scaleType.setValue(fraction) कॉल के बाद, निम्नलिखित पंक्तियां डालें:

Drawable drawable = draweeView.getTopLevelDrawable();

if (drawable != null) {
    drawable.setBounds(0, 0, draweeView.getWidth(), draweeView.getHeight());
}

कोड का यह अंतिम भाग @Aohayou के समाधान पर आधारित है (क्योंकि मैं CustomDraweeView काम नहीं कर सका)।
Android 5.0.2 पर समर्थन lib संस्करण v24.1.1 के साथ इसका परीक्षण किया।

ध्यान दें कि यदि आप समान आकार वाली छवियों के बीच चेतन करते हैं तो यह समाधान काम नहीं करेगा।

@Gericop यहाँ एक डेमो है कि यह ठीक काम करता है। मैंने इसे अभी जीथब पर प्रतिबद्ध किया है। मैंने अधिकतम कोड को साफ करने की कोशिश की। सावधान रहें: मैंने अपने पुनर्चक्रण दृश्य में केवल 1 छवि का उपयोग किया है क्योंकि फ़्रेस्को के कार्य करने के लिए पुनर्चक्रण दृश्य के प्रत्येक आइटम पर संक्रमण नाम भिन्न होना चाहिए। इसलिए, सरल बनाने के लिए, मैंने 1 संक्रमण नाम के साथ केवल 1 छवि का उपयोग किया।
https://github.com/sperochon/DemoFrescoFragment2Fragment

उममीद है कि इससे मदद मिलेगी!

@sperochon इसे कई छवियों के साथ आज़माएं।
वैसे, मैंने आपके डेमो को अनमॉडिफाइड सोर्स के साथ टेस्ट किया। यह परिणाम है:

यह पूरी तरह गलत है। अंतिम दृश्य एक अलग स्थिति से शुरू होता है और पैमाने के प्रकार का कोई प्रभाव नहीं पड़ता है। मुझे नहीं पता कि आप इसके लिए कैसे कह सकते हैं कि "यह ठीक काम करता है" क्योंकि यह स्पष्ट रूप से नहीं करता है।

@Gericop मैंने अभी कोड अपडेट किया है। मैं अंत खंड के लिए एक अलग लेआउट निर्दिष्ट करना भूल गया। फिर से कोशिश कीजिये।

@sperochon एपीआई 23 एमुलेटर में, यह ठीक काम करता है। मेरे डिवाइस (एपीआई 21) पर ऐसा नहीं है। एपीआई 21 एमुलेटर में भी इसका परीक्षण किया, यह वहां भी काम नहीं करता है।
तो मुद्दा यह है: वर्तमान कार्यान्वयन एपीआई 21 पर काम नहीं करता है (एपीआई 22 पर इसका परीक्षण नहीं किया), लेकिन एपीआई 23 पर काम करता है।

संपादित करें : आपका डेमो केवल डिफ़ॉल्ट ChangeBounds और ChangeTransform ट्रांज़िशन का परीक्षण करता है, न कि DraweeTransition कार्यान्वयन Facebook द्वारा प्रदान किया गया।

दुर्भाग्य से, आप सही कह रहे हैं... मैंने अपने उपकरणों पर इसका परीक्षण किया है:
Android 5.0 + फ्रेस्को v0.11/v0.12 -> KO
Android 6.0 + फ्रेस्को v0.11/v0.12 -> OK
पहले ध्यान नहीं दिया...

@Gericop @sperochon मैंने इस बारे में माध्यम पर एक ब्लॉग पोस्ट लिखा है। कृपया देखें कि क्या यह मदद करता है।

@ladia12 उस पोस्ट का उस समस्या से कोई लेना-देना नहीं है जिसका मैं सामना कर रहा था (हम थे) ... आपकी ब्लॉग प्रविष्टि _inter- गतिविधि _ संक्रमण के बारे में है, जबकि मेरी समस्या _inter- Fragment _ से संबंधित है। इसके अलावा, असली बग यह है कि एपीआई 21 कैसे ChangeBounds और/या ChangeTransform ट्रांजिशन को हैंडल करता है जहां फेसबुक ने DraweeTransition की आपूर्ति की है, इससे कोई मदद नहीं मिलती है। दूसरी ओर, मेरा समाधान इस पर काबू पाता है, यदि स्रोत और लक्ष्य छवियों के अलग-अलग आयाम (चौड़ाई और/या ऊंचाई) हैं।

सिर्फ जानकारी के लिए:
Android 5.0 + फ्रेस्को v0.11/v0.12/0.13 -> KO
Android>= 5.1 + फ्रेस्को v0.11/0.12/0.13 -> OK

@ ladia12 पहली गतिविधि में लौटने पर आपने मूल छवि के गायब होने के मुद्दे को कैसे हल किया?

@dbrant मेरे पास एक ही समस्या है, क्या आपको हल करने का कोई तरीका मिल गया है?

देखें #1446

@ ladia12 पहली गतिविधि में लौटने पर आपने मूल छवि के गायब होने के मुद्दे को कैसे हल किया?

@ ladia12 पहली गतिविधि में लौटने पर आपने मूल छवि के गायब होने के मुद्दे को कैसे हल किया? मेरी मूल छवि रीसाइक्लरव्यू के व्यूहोल्डर में है

मैं साझा तत्व संक्रमण के लिए पिकासो का उपयोग कर समाप्त हुआ। यह तय नहीं था
फ्रेस्को में। तो पिकासो हल्का है और इसका उपयोग करने में कोई समस्या नहीं है
फ्रेस्को के साथ।

बुध, जून 19, 2019 में 5:11 बजे पर bembem1011 [email protected] लिखा है:

@ladia12 https://github.com/ladia12 आपने के मुद्दे को कैसे सुलझाया
पहली गतिविधि पर लौटने पर मूल छवि गायब हो रही है? मेरे
मूल छवि रीसाइक्लरव्यू के व्यूहोल्डर में है

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/facebook/fresco/issues/22?email_source=notifications&email_token=AAXQ5WYUP5KBJYNBOZX7CCDP3ILM5A5CNFSM4A6ZMH32YY3PNVWWWK3TUL52HS4DFVREXG43VMVBW63DN#PWSWZHJKT
या थ्रेड को म्यूट करें
https://github.com/notifications/unsubscribe-auth/AAXQ5W5EXO5SV4R2PXVTG7LP3ILM5ANCNFSM4A6ZMH3Q
.