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)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android开发教程之文本框加滚动条scrollview

    我们都知道EditText与TextView是Android的文本输入框和文本显示框,但是基于手机屏幕的大小因素,如果在需要输入较多文字或者显示较多内容的时候,手机屏幕是远远不够的,因此让文本框具有滚动条的功能是手机上必备的,下面介绍下如何加上滚动条.要加上滚动条,其实很简单,只需要在文本输入框或者文本显示框上面加上滚动条控件即可,该控件名字为ScrollView,以下我们对比下(以TextView举例). 复制代码 代码如下: //A.未加滚动效果 <TextView android:layo

  • android输入框与文本框加滚动条scrollview示例

    我们都知道EditText与TextView是Android的文本输入框和文本显示框,但是基于手机屏幕的大小因素,如果在需要输入较多文字或者显示较多内容的时候,手机屏幕是远远不够的,因此让文本框具有滚动条的功能是手机上必备的,要加上滚动条,其实很简单,只需要在文本输入框或者文本显示框上面加上滚动条控件即可,该控件名字为ScrollView,以下我们对比下(以TextView举例). 复制代码 代码如下: //A.未加滚动效果 <TextView android:layout_width="

  • Android开发中TextView文本过长滚动显示实现方法分析

    本文实例讲述了Android开发中TextView文本过长滚动显示实现方法.分享给大家供大家参考,具体如下: 项目中在使用TextView时,总会有因要显示的内容过多而需要我们进行处理的问题.我们第一时间想到的是TextView的android:ellipsize属性,比如 android:ellipsize="end",效果是在文字的尾部打三个小点. 但是这个属性要配合android:singLine="true"使用.通常来说,要实现尾端三个点的省略号形式是比较

  • android实现滚动文本效果

    本文实例为大家分享了android实现滚动文本效果的具体代码,供大家参考,具体内容如下 效果图 实现方法 直接上代码 首先是一个自定义layout,继承自FrameLayout public class AnimationTextLayout extends FrameLayout { private static final String TAG = "AnimationTextLayout"; private List<String> tipList; private

  • Android实现滚动刻度尺效果

    缘起 最近在帮人做一个计步器,其中涉及到身高.体重等信息的采集:我参考了众多app的实现,觉得"乐动力"中滑动刻度的方式比较优雅.于是乎,反编译了该app,结果发现它是采用图片的方式实现的,即ScrollView内嵌了一张带刻度的图片. 个人觉得该方式太不灵活,且对美工的依赖较大,于是便想自定义一个刻度尺控件. 需求分析 绘制刻度,区分整值刻度和普通刻度 红色指针始终在刻度尺的中间,表示当前的刻度 刻度的最大值和最小值可动态设置 刻度尺的高度或宽度可设置,设置后中间刻度不变 可滑动,滑

  • Android 使用CoordinatorLayout实现滚动标题栏效果的实例

    在Material Design里,CoordinatorLayout通常用来作为顶层视图,来协调处理各个子View之间的动作,从而实现各种动画效果,如Snackbar与FloatingActionButton的配合显示效果,就是以CoordinatorLayout作为根布局来实现的 CoordinatorLayout提供Behaviors接口,子View通过实现Behaviors接口来协调和其它View之间的显示效果,可以这么理解: CoordinatorLayout让其子View之间互相知道

  • Android仿淘宝头条基于TextView实现上下滚动通知效果

    最近有个项目需要实现通知栏的上下滚动效果,仿淘宝头条的那种. 我从网上看了一些代码,把完整的效果做了出来.如图所示: 具体代码片段如下: 1.在res文件夹下新建anmin文件夹,在这个文件夹里创建两个文件 (1).anim_marquee_in.xml进入时动画 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/ap

  • Android自定义控件实现按钮滚动选择效果

    本文实例为大家分享了Android实现按钮滚动选择效果的具体代码,供大家参考,具体内容如下 效果图 代码实现 package com.demo.ui.view; import android.annotation.TargetApi; import android.content.Context; import android.os.Build; import android.os.Handler; import android.support.v4.content.ContextCompat;

  • Android实现文字滚动播放效果的代码

    在开发时,我们会遇到文字过长,TextView不能完全展示,但又不想文字换行展示,这样有时会影响美观.这时我们就需要文字滚动播放,让用户可以看到所有的文字. 话不多说,直接上代码: import android.content.Context; import android.util.AttributeSet; import android.widget.TextView; public class MarqueTextView extends TextView { public MarqueT

  • Android用viewPager2实现UI界面翻页滚动的效果

    1.先在build.gradle(Module)下添加引用viewPager2的库 implementation 'androidx.viewpager2:viewpager2:1.0.0' 2.在MainActivity下新建一个viewPager2 ViewPager2 viewPager = findViewById(R.id.viewPager); ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(); viewPager.

  • Flutter实现文本滚动高亮效果的示例讲解

    目录 前言 功能实现 前言 最近有个需求是人工语音播放时文本能随语音朗读时像歌词滚动的效果. 原本第一考虑的时能随时间字体渐变成更改后的颜色, 有比较流畅的走马灯效果. 但最终实践了几次后发现要能够逐字逐行渐变有一些麻烦, 不好实现. 所以转而变为将字体直接将字体高亮, 一段文本区分成两个部分, 一个部分是高亮文本, 也就是已朗读的部分, 一个部分是剩下未朗读的非高亮文本. 通过时时渲染页面就能达成滚动高亮的效果. 功能实现 因为在Text中会存在两段文本, 所以就不能单只用Text组件, 而改

  • Android嵌套滚动和协调滚动的多种实现方法

    目录 Android的嵌套滚动的几种实现方式 一.嵌套滚动 NestedScrollingParent/Child 二.嵌套滚动 NestedScrollView 三.嵌套滚动-自定义布局 总结 Android的嵌套滚动的几种实现方式 很多 Android 开发者虽然做了几年的开发,但是可能还是对滚动的几种方式不是很了解,本系列也不会涉及到底层滚动原理,只是探讨一下 Android 布局滚动的几种方式. 什么叫嵌套滚动?什么叫协调滚动? 只要是涉及到滚动那必然父容器和子容器,按照原理来说子容器先

  • Android开发之文本内容自动朗读功能实现方法

    本文实例讲述了Android开发之文本内容自动朗读功能实现方法.分享给大家供大家参考,具体如下: Android提供了自动朗读支持.自动朗读支持可以对指定文本内容进行朗读,从而发生声音:不仅如此,Android的自动朗读支持还允许把文本对应的音频录制成音频文件,方便以后播放.这种自动朗读支持的英文名称为TextToSpeech,简称TTS. 借助于TTS的支持,可以在应用程序中动态地增加音频输出,从而改善用户体验. Android的自动朗读支持主要通过TextTospeech来完成,该累提供了如

随机推荐