android 스크롤 텍스트 효과 구현

본 논문 의 사례 는 안 드 로 이 드 가 스크롤 텍스트 효 과 를 실현 하 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
효과 도

실현 방법
직접 코드
우선 사용자 정의 layot 입 니 다.FrameLayout 에서 계승 합 니 다.

public class AnimationTextLayout extends FrameLayout {
 private static final String TAG = "AnimationTextLayout";
 private List<String> tipList;
 private List<Integer> displayList;
 private List<TextView> viewList;
 private List<VirtualPos> virtualPosList;
 private double deviantAngle = 0;

 public AnimationTextLayout(@NonNull Context context) {
  super(context);
  initView();
 }

 public AnimationTextLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  initView();
 }

 public AnimationTextLayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  initView();
 }

 private void initView() {
  viewList = new ArrayList<>();
  displayList = new ArrayList<>();
  virtualPosList = new ArrayList<>();
 }

 /**
  *          
  *
  * @param data          
  */
 public void setData(List<String> data) {
  this.tipList = data;
  initTips();
 }


 private void initTips() {
  while (tipList.size() > viewList.size()) {
   addTipsView();
  }
  refreshTips();
  initVirPos();

  post(new Runnable() {
   @Override
   public void run() {
    initPosition();
    requestLayout();
   }
  });

 }

 /**
  *       
  */
 private void initVirPos() {
  virtualPosList.clear();
  for (int i = 0; i < viewList.size(); i++) {
   double angle = (Math.PI * ((double) i / viewList.size())*2)+(deviantAngle*Math.PI*2);
   if (angle>Math.PI*2){
    angle-=Math.PI*2;
   }
   VirtualPos virtualPos = new VirtualPos();
   virtualPos.text = tipList.get(i);
   virtualPos.z = 100 * Math.sin(angle);
   virtualPos.y = 100 * Math.cos(angle);
   virtualPosList.add(virtualPos);
  }
 }

 /**
  *                
  */
 private void initPosition() {
  for (int i = 0; i < viewList.size(); i++) {
   TextView textView = viewList.get(i);
   VirtualPos virtualPos=virtualPosList.get(i);
   int realY = (int) ((100 - virtualPos.y)/200 *getMeasuredHeight());
   FrameLayout.LayoutParams layoutParams = (LayoutParams) textView.getLayoutParams();
   layoutParams.topMargin = realY;
   if (virtualPos.z>=0){
    float textSize= (float) (( virtualPos.z)/100)*20+5;
    textView.setTextSize(textSize);
    textView.setVisibility(VISIBLE);
   }else {
    textView.setVisibility(GONE);
   }

   Log.d(TAG, "initPosition: y=="+realY);
  }

 }

 private void refreshTips() {
  for (int i = 0; i < viewList.size(); i++) {
   TextView tip = viewList.get(i);
   if (i < tipList.size()) {
    tip.setVisibility(VISIBLE);
    tip.setText(tipList.get(i));
    continue;
   }
   tip.setVisibility(GONE);
  }
 }

 private TextView addTipsView() {
  TextView textView = new TextView(getContext());
  textView.setTextSize(COMPLEX_UNIT_DIP, 12);
  textView.setTextColor(Color.parseColor("#444444"));
  textView.setPadding(ConvertUtil.dp2px(5), ConvertUtil.dp2px(3), ConvertUtil.dp2px(5), ConvertUtil.dp2px(3));
  LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
  layoutParams.gravity=Gravity.CENTER_HORIZONTAL;
  layoutParams.rightMargin = ConvertUtil.dp2px(6);
  addView(textView, layoutParams);
  viewList.add(textView);
  return textView;
 }

 /**
  *     ,  x,y,z     100,    -100
  */
 public static class VirtualPos {
  public double x;
  public double y;
  public double z;
  public String text;
 }

 /**
  *       
  * @param deviantAngle    1
  */
 public void setDeviantAngle(float deviantAngle) {
  this.deviantAngle = deviantAngle;
  initVirPos();
  initPosition();
 }

 public double getDeviantAngle() {
  return deviantAngle;
 }
}
호출 측 레이아웃

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".AnimationTextActivity">
 <com.lanlengran.test.view.AnimationTextLayout
  android:id="@+id/anim_text_layout"
  android:layout_width="match_parent"
  android:background="@color/colorAccent"
  android:layout_height="400dp"/>
</FrameLayout>
호출 자 코드

public class AnimationTextActivity extends Activity {
 private AnimationTextLayout mAnimTextLayout;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_animation_text);
  mAnimTextLayout = findViewById(R.id.anim_text_layout);

  List<String> testData = new ArrayList<>();
  for (int i = 0; i < 30; i++) {
   testData.add("    " + i);
  }
  mAnimTextLayout.setData(testData);

  ObjectAnimator animator = ObjectAnimator.ofFloat(mAnimTextLayout, "deviantAngle", 0f, 1f);
  animator.setDuration(5000);
  animator.setRepeatCount(-1);
  animator.start();
 }
}
주의 사항
이곳 의 애니메이션 은 단지 시범 을 보이 기 위해 서 입 니 다.필요 에 따라 자체 view 의 스크롤 값 을 바 꾸 는 방법 을 바 꾸 면 롤러 를 굴 릴 수 있 습 니 다.예 를 들 어 구 르 는 각도 와 손가락 드래그 를 결합 시 키 는 거 예요.

 /**
  *       
  * @param deviantAngle    1
*/
public void setDeviantAngle(float deviantAngle)
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기