एंड्रॉइड रोटेटिंग टेक्स्ट: मैं डायनामेनेलेयूट.ट्राउट (कैनवास) का उपयोग करता हूं, लेकिन यह रास्ते में चेतन नहीं करता है, और कैनवस को वापस नहीं ले सकता है।

Question

मैं एक घूर्णन पाठ विजेट दिखाने के लिए https://github.com/mdg-iitr/RotatingText के अपने संस्करण का उपयोग कर रहा हूं । इस GitHub में एक वीडियो उपलब्ध है, जिससे आप एनीमेशन देख सकते हैं। विचार शब्दों की पंक्तियों को स्थापित करना है। पंक्तियों को पंक्ति के बाद पंक्ति में दिखाया गया है। पूरी पंक्ति घूमती है (इसलिए इसके शब्द करें)। पिछली पंक्ति के बाद एक पंक्ति दिखाई जाती है जब उत्तरार्द्ध का रोटेशन एनीमेशन समाप्त हो जाता है।

मेरी समस्या

मैं DynamicLayoutटेक्स्ट की पंक्तियों को दिखाने के लिए एक का उपयोग करता हूं । याद रखें: पंक्तियों को घुमाना चाहिए।

मेरी समस्या है: जाहिर है, मैं विधि का उपयोग नहीं कर सकता canvas.drawTextOnPath(dynamicLayoutObject)। तो मैं क्या कर रहा हूँ dynamicLayoutObjec.draw(canvas);:। लेकिन फिर कोई एनीमेशन नहीं है। वास्तव में, पाठ (ताकि DynamicLayoutइसमें शामिल है) को घुमाना चाहिए।

अपेक्षित परिणाम

DynamicLayout(वास्तव में, अपने पाठ) एनिमेटेड किया जाना चाहिए (एक रोटेशन)। रोटेशन इस SO प्रश्न ( https://github.com/mdg-iitr/RotatingText ) की शुरुआत में दिए गए गितुब मूल रेपो के चित्रण में पाया जा सकता है ।

मेरा प्रश्न

मुझे नहीं पता कि मैं DynamicLayout(और / या इसके पाठ) को अपने पथ पर कैसे घुमाऊं।

न्यूनतम और परीक्षण योग्य उदाहरण

मैंने मूल RotatingText लाइब्रेरी को 8 महीने पहले संशोधित किया है। इसे सरल बनाने के लिए (कम कक्षाएं, कम विधियाँ, कोई अप्रयुक्त विधियाँ, आदि)। वास्तव में, मेरे पास केवल दो वर्ग हैं:

1. RotatingTextSwitcher, जो XML विजेट है

2. और Rotatable, जिसमें घुमाने के लिए तार की सरणी होती है।

3. RotatingTextSwitcherइसे जांचने के लिए XML विजेट युक्त .XML लेआउट

4. एक Fragment, पहले mentionned लेआउट बढ़ा-चढ़ाकर प्रत्येक घूर्णन पंक्ति के शब्द की स्थापना, और उन्हें दिखा।

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

घूर्णन योग्य वर्ग

import android.graphics.Path;
import android.view.animation.Interpolator;

public class Rotatable {

    private final String[] text;
    private final int update_duration;
    private int animation_duration;
    private Path path_in, path_out;
    private int currentWordNumber;
    private Interpolator interpolator;

    public Rotatable(int update_duration, int animation_duration, Interpolator interpolator, String... text) {
        this.update_duration = update_duration;
        this.animation_duration = animation_duration;
        this.text = text;
        this.interpolator = interpolator;
        currentWordNumber = -1;
    }

    private int nextWordNumber() {
        currentWordNumber = (currentWordNumber + 1) % text.length;
        return currentWordNumber;
    }

    String nextWord() {
        return text[nextWordNumber()];
    }

    Path getPathIn() {
        return path_in;
    }
    void setPathIn(Path path_in) {
        this.path_in = path_in;
    }
    Path getPathOut() {
        return path_out;
    }
    void setPathOut(Path path_out) {
        this.path_out = path_out;
    }

    int getUpdateDuration() {
        return update_duration;
    }

    int getAnimationDuration() {
        return animation_duration;
    }

    Interpolator getInterpolator() { return interpolator; }
}

RotatingTextSwitcher वर्ग

package libs.rotating_text;

import android.animation.ValueAnimator;
import android.app.Activity;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.text.DynamicLayout;
import android.text.Layout;
import android.text.SpannableStringBuilder;
import android.text.StaticLayout;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.TypedValue;

import androidx.appcompat.widget.AppCompatTextView;

import io.reactivex.Observable;
import io.reactivex.android.schedulers.AndroidSchedulers;
import io.reactivex.disposables.Disposable;
import io.reactivex.functions.Consumer;
import io.reactivex.schedulers.Schedulers;

import androidx.annotation.Nullable;

import java.util.Timer;
import java.util.TimerTask;
import java.util.concurrent.TimeUnit;

public class RotatingTextSwitcher extends AppCompatTextView {

    Disposable disposable;

    private TextPaint textPaint = new TextPaint();
    private String text = "", old_text = "";
    SpannableStringBuilder base = new SpannableStringBuilder(text);
    SpannableStringBuilder base_old = new SpannableStringBuilder(old_text);
    private DynamicLayout layout = new DynamicLayout(base, textPaint,500, Layout.Alignment.ALIGN_CENTER,1.0F,0.0F,true);
    private DynamicLayout layout_old = new DynamicLayout(base_old, textPaint,500, Layout.Alignment.ALIGN_CENTER,1.0F,0.0F,true);

    private Rotatable rotatable;
    private Paint paint;
    private Path path_in, path_out;

    public RotatingTextSwitcher(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        paint = getPaint();
        paint.setAntiAlias(true);
    }

    public void setRotatable(Rotatable rotatable) {
        this.rotatable = rotatable;
        initialize();
    }

    private void initialize() {
        text = rotatable.nextWord();
        base.clear();
        base.append(text);
        old_text = text;
        base_old.clear();
        base_old.append(old_text);
        setUpPath();
        setDisposable();
        scheduleUpdateTextTimer();
    }

    private void setDisposable() {
        disposable = Observable.interval(1000 / 60, TimeUnit.MILLISECONDS, Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Consumer<Long>() {
                    @Override
                    public void accept(Long aLong) {
                        invalidate();
                    }
                });
    }

    private void setUpPath() {
        post(new Runnable() {
            @Override
            public void run() {
                path_in = new Path();
                path_in.moveTo(0.0f, getHeight() - paint.getFontMetrics().bottom);
                path_in.lineTo(getWidth(), getHeight() - paint.getFontMetrics().bottom);
                rotatable.setPathIn(path_in);

                path_out = new Path();
                path_out.moveTo(0.0f, (2 * getHeight()) - paint.getFontMetrics().bottom);
                path_out.lineTo(getWidth(), (2 * getHeight()) - paint.getFontMetrics().bottom);
                rotatable.setPathOut(path_out);
            }
        });
    }

    private void scheduleUpdateTextTimer() {
        Timer update_text_timer = new Timer();
        update_text_timer.scheduleAtFixedRate(new TimerTask() {
            @Override
            public void run() {
                ((Activity) getContext()).runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        animateInHorizontal();
                        animateOutHorizontal();
                        old_text = text;
                        base_old.clear();
                        base_old.append(old_text);
                        text = rotatable.nextWord();
                        base.clear();
                        base.append(text);
                    }
                });
            }
        }, rotatable.getUpdateDuration(), rotatable.getUpdateDuration());
    }

    @Override
    protected void onDraw(Canvas canvas) {
        DisplayMetrics metrics = Resources.getSystem().getDisplayMetrics();
        float size = (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 32, metrics);
        textPaint.setTextSize(size);

        if (rotatable.getPathIn() != null) {
            layout.draw(canvas);
            //canvas.drawTextOnPath(text, rotatable.getPathIn(), 0.0f, 0.0f, paint);
        }
        if (rotatable.getPathOut() != null) {
            layout_old.draw(canvas);
            //canvas.drawTextOnPath(old_text, rotatable.getPathOut(), 0.0f, 0.0f, paint);
        }
        setHeight(layout.getHeight() + layout_old.getHeight());
    }

    private void animateInHorizontal() {
        ValueAnimator animator = ValueAnimator.ofFloat(0.0f, getHeight());
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                path_in = new Path();
                path_in.moveTo(0.0f, (Float) valueAnimator.getAnimatedValue() - paint.getFontMetrics().bottom);
                path_in.lineTo(getWidth(), (Float) valueAnimator.getAnimatedValue() - paint.getFontMetrics().bottom);
                rotatable.setPathIn(path_in);
            }
        });
        animator.setInterpolator(rotatable.getInterpolator());
        animator.setDuration(rotatable.getAnimationDuration());
        animator.start();
    }

    private void animateOutHorizontal() {
        ValueAnimator animator = ValueAnimator.ofFloat(getHeight(), getHeight() * 2.0f);
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                path_out = new Path();
                path_out.moveTo(0.0f, (Float) valueAnimator.getAnimatedValue() - paint.getFontMetrics().bottom);
                path_out.lineTo(getWidth(), (Float) valueAnimator.getAnimatedValue() - paint.getFontMetrics().bottom);
                rotatable.setPathOut(path_out);
            }
        });
        animator.setInterpolator(rotatable.getInterpolator());
        animator.setDuration(rotatable.getAnimationDuration());
        animator.start();
    }


}

एक लेआउट

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <libs.rotating_text.RotatingTextSwitcher
        android:id="@+id/textView_presentation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="50dp"
        android:textSize="35sp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        />

</androidx.constraintlayout.widget.ConstraintLayout>

एक टुकड़ा

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AccelerateInterpolator;
import android.widget.ImageView;

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import com.example.androidframework.R;

import libs.rotating_text.Rotatable;
import libs.rotating_text.RotatingTextSwitcher;

public class FragmentHomeSlide extends Fragment {

    private View inflated;
    private int drawable_id;
    private String[] text_presentation;

    @Override
    public void onCreate(@Nullable final Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        assert getArguments() != null;
        text_presentation = new String[];
        text_presentation[0] = "One row is set up with several words";
        text_presentation[1] = "This is another row";
    }

    @Override
    public View onCreateView(final LayoutInflater inflater, @Nullable final ViewGroup container, @Nullable final Bundle savedInstanceState) {
        inflated = inflater.inflate(R.layout.home_slide, container, false);
        setWidgets();
        return inflated;
    }

    private void setWidgets() {    
        final RotatingTextSwitcher rotating_presentation = inflated.findViewById(R.id.textView_presentation);
        rotating_presentation.setRotatable(new Rotatable(1000, 500, new AccelerateInterpolator(), text_presentation));
    }
}

Comments

आपने समस्या का वर्णन किया है, लेकिन यह नहीं बताया कि आपका अपेक्षित समाधान क्या है। जब पंक्ति में बहुत सारे प्रतीक हैं, तो आप क्या देखना चाहेंगे?

— अज़ीज़बेकियन

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

— अजीज़बेकियन

@azizbekian मैंने अपनी समस्या के समाधान में बहुत प्रगति की है। अब मुझे लगता है कि मुझे पता है कि क्या गलत था: मैंने उपयोग नहीं किया DynamicLayout। तो, अब मैं इसका उपयोग करता हूं ... लेकिन मैं इसे पथ के साथ नहीं घुमा सकता। मैंने प्रश्न संपादित किया है। इनाम अभी भी उपलब्ध है :-)।

— जर्सऑफजम-शेड्यूलर

Answer 1

मेरा विचार आपकी समस्या सीमा के साथ इनपुट को बदल रहा है ... उदाहरण के लिए यदि आप 20 चार्ट लिख सकते हैं, तो स्ट्रिंग सरणियों को 20 चार्ट या उससे कम लाइनों के साथ सही ढंग से बदल सकते हैं।

इस कोड को रोटेटेबल कंस्ट्रक्टर में जोड़ें

    ArrayList<String> newttext = new ArrayList<>();
    for (int i = 0; i < text.length; i++) {
        if (text[i].length() > 20){ // 20 is number characters
            ArrayList<String> strings = myCutter(text[i]);
            newttext.addAll(strings);
        }else{
            newttext.add(text[i]);
        }
    }

लाइन कटर कोड

    public ArrayList<String> myCutter(String s) {
    String trueLine = "";
    ArrayList<String> result = new ArrayList<>();
    if (s.length() > 20) {
        String[] split = s.split(" ");
        for (int i = 0; i < split.length; i++) {
            if (trueLine.length() + split[i].length() < 20) {
                trueLine = trueLine + " " + split[i];
            } else {
                result.add(trueLine);
                trueLine = "";
            }
        }
    } else {
        result.add(s);
    }
    return result;
}

Comments

मैंने अपनी समस्या के समाधान में बहुत प्रगति की है। अब मुझे लगता है कि मुझे पता है कि क्या गलत था: मैंने उपयोग नहीं किया DynamicLayout। तो, अब मैं इसका उपयोग करता हूं ... लेकिन मैं इसे पथ के साथ नहीं घुमा सकता। मैंने प्रश्न संपादित किया है। इनाम अभी भी उपलब्ध है :-)।

— जर्सऑफजम-शेड्यूलर