软件编程
位置:首页>> 软件编程>> Android编程>> android实现滚动文本效果

android实现滚动文本效果

作者:lanlengran蓝冷然  发布时间:2022-02-02 16:49:36 

标签:android,滚动文本

本文实例为大家分享了android实现滚动文本效果的具体代码,供大家参考,具体内容如下

效果图

android实现滚动文本效果

实现方法

直接上代码

首先是一个自定义layout,继承自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)

来源:https://blog.csdn.net/qq_17810899/article/details/106381674

0
投稿

猜你喜欢

手机版 软件编程 asp之家 www.aspxhome.com