회전하는 텍스트 위젯을 표시하기 위해 https://github.com/mdg-iitr/RotatingText 의 자체 버전을 사용하고 있습니다 . 이 GitHub에서 비디오를 사용할 수있어 애니메이션을 볼 수 있습니다. 아이디어는 단어의 행을 설정하는 것입니다. 행은 행마다 표시됩니다. 전체 행이 회전합니다 (단어도 마찬가지). 후자의 회전 애니메이션이 종료되면 이전 행 뒤에 행이 표시됩니다.
내 문제
a DynamicLayout를 사용하여 텍스트 행을 표시합니다. 기억하십시오 : 줄은 회전해야합니다.
내 문제는 : 분명히, 나는 방법을 사용할 수 없습니다 canvas.drawTextOnPath(dynamicLayoutObject). 그래서 내가하는 일은 : dynamicLayoutObjec.draw(canvas);. 그러나 애니메이션은 없습니다. 실제로 텍스트 (텍스트 DynamicLayout가 포함 된 텍스트 )가 회전해야합니다.
예상 결과
DynamicLayout(사실, 그 텍스트) (회전)을 애니메이션해야합니다. 회전은이 SO 질문의 시작 부분에 제공된 Github 원본 저장소의 그림에서 찾을 수 있습니다 ( https://github.com/mdg-iitr/RotatingText ).
내 질문
DynamicLayout경로를 따라 텍스트를 회전시키는 방법을 모르겠습니다 .
최소 및 테스트 가능한 예
약 8 개월 전에 원래 RotatingText 라이브러리를 수정했습니다. 단순화하기 위해 (클래스가 적고, 메소드가 적으며, 사용하지 않는 메소드가 없음 등). 실제로, 나는 두 개의 클래스 만 가지고 있습니다 :
-
RotatingTextSwitcherXML 위젯입니다. -
그리고
Rotatable회전 할 문자열 배열을 포함합니다. -
RotatingTextSwitcher테스트를 위해 XML 위젯 을 포함하는 .XML 레이아웃 -
Fragment, 이전 했나요 레이아웃 팽창 회전 각 행의 워드를 설정하고, 이들을 나타내는.
그것을 테스트하려면 아래에 주어진 조각을 보여주는 활동을 작성하십시오.이 조각은 위에 제시된 다른 소스를 사용합니다.
회전 가능한 클래스
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));
}
}답변
내 생각은 문제 제한으로 입력을 변경하는 것입니다 … 예를 들어 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;
}