Android实现歌词滚动效果

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

自定义TextView

public class VerticalScrollTextView extends TextView {
 private Paint mPaint;
 private float mX;
 private Paint mPathPaint;
 public int index = 0;
 private List<Sentence> list;
 public float mTouchHistoryY;
 private int mY;
 private float middleY;//
 private static final int DY = 40; //
 public VerticalScrollTextView(Context context) {
  super(context);
  init();
 }
 public VerticalScrollTextView(Context context, AttributeSet attr) {
  super(context, attr);
  init();
 }
 public VerticalScrollTextView(Context context, AttributeSet attr, int i) {
  super(context, attr, i);
  init();
 }
 private void init() {
  setFocusable(true);
  if(list==null){
   list=new ArrayList<Sentence>();
   Sentence sen=new Sentence(0," ");
   list.add(0, sen);
  }  

  //
  mPaint = new Paint();
  mPaint.setAntiAlias(true);
  mPaint.setTextSize(24);
  mPaint.setColor(Color.BLACK);
  mPaint.setAlpha(80);
  mPaint.setTypeface(Typeface.SERIF);

  //
  mPathPaint = new Paint();
  mPathPaint.setAntiAlias(true);
  mPathPaint.setColor(Color.RED);
  mPathPaint.setTextSize(24);
  mPathPaint.setTypeface(Typeface.SANS_SERIF);
 }
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  canvas.drawColor(0xEFeffff);
  Paint p = mPaint;
  Paint p2 = mPathPaint;
  p.setTextAlign(Paint.Align.LEFT);
  if (index == -1)
   return;
  p2.setTextAlign(Paint.Align.LEFT);
  //
  canvas.drawText(list.get(index).getName(), mX, middleY, p2);
  float tempY = middleY;
  //
  for (int i = index - 1; i >= 0; i--) {
   tempY = tempY - DY;
   if (tempY < 0) {
    break;
   }
   canvas.drawText(list.get(i).getName(), mX, tempY, p);
  }
  tempY = middleY;
  //
  for (int i = index + 1; i < list.size(); i++) {
   //
   tempY = tempY + DY;
   if (tempY > mY) {
    break;
   }
   canvas.drawText(list.get(i).getName(), mX, tempY, p);
  }
 }
 protected void onSizeChanged(int w, int h, int ow, int oh) {
  super.onSizeChanged(w, h, ow, oh);
  mX = w * 0.3f;
  mY = h;
  middleY = h * 0.5f;
 }

 public long updateIndex(int index) {
  if (index == -1)
   return -1;
  this.index=index;
  return index;
 }

 public List<Sentence> getList() {
  return list;
 }

 public void setList(List<Sentence> list) {
  this.list = list;
 }
 public void updateUI(){
  new Thread(new updateThread()).start();
 }
 class updateThread implements Runnable {
  long time = 300;
  int i=0;
  public void run() {
   while (true) {
    long sleeptime = updateIndex(i);
    time += sleeptime;
    mHandler.post(mUpdateResults);
    if (sleeptime == -1)
     return;
    try {
     Thread.sleep(time);
     i++;
     if(i==getList().size())
      {
       i=0;
       time = 300;
      }
    } catch (InterruptedException e) {
     e.printStackTrace();
    }
   }
  }
 }
 Handler mHandler = new Handler();
 Runnable mUpdateResults = new Runnable() {
  public void run() {
   invalidate(); //
  }
 };
}

数据封装类

public class Sentence {

 private String name;
 private int index;

 public Sentence(int index,String name){
  this.name=name;
  this.index=index;
 }

 public String getName() {
  return name;
 }

 public void setName(String name) {
  this.name = name;
 }

 public int getIndex() {
  return index;
 }

 public void setIndex(int index) {
  this.index = index;
 }

}

布局

<com.mypackager.ui.VerticalScrollTextView
   android:id="@+id/scoll_textView"
   android:layout_width="500dp"
   android:layout_height="500dp"
   android:text="@string/company_intrduce_text"
   android:visibility="gone"
   ></com.mypackager.VerticalScrollTextView>

Activity代码

List lst=new ArrayList<Sentence>();
   for(int i=0;i<8;i++){
    if(i%2==0){
     Sentence sen=new Sentence(i,i+1+"NanJINGXIXI");
     lst.add(i, sen);
    }else{
     Sentence sen=new Sentence(i,i+1+"Hello world!");
     lst.add(i, sen);
    }
   } 

   play_textView.setList(lst);

   play_textView.updateUI(); 

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

(0)

相关推荐

  • android实现歌词自动滚动效果

    最近在做Android 的MP3播放的项目,要实现歌词的自动滚动,以及同步显示. lyric的歌词解析主要用yoyoplayer里面的,显示部分参考了这里 ,这里只是模拟MP3歌词的滚动. 先上一下效果图: 滚动实现的代码其实也简单.显示画出当前时间点的歌词,然后再分别画出改歌词后面和前面的歌词,前面的部分往上推移,后面的部分往下推移,这样就保持了当前时间歌词在中间. 代码如下 LyricView,相关信息在注释了标明了. package ru.org.piaozhiye.lyric; impo

  • Android 基于RecyclerView实现的歌词滚动自定义控件

    本文介绍了Android 基于RecyclerView实现的歌词滚动自定义控件,分享给大家,具体如下: 先来几张效果图: 这几天打算做一个控件,来让自己复习一下自定义 view 的知识以及事件分发机制的原理与应用.对于这个控件,我已经封装好了,只要调用就可以了. 本来是想放上 gitHub 和 添加依赖的.但是提交 github 出了问题一直不会弄,所以就只能先等等了.((:′⌒`)) 接下来说一下实现原理: 该控件分为以下几个部分: 歌词自动滚动 歌词颜色字体变化 触碰屏幕歌词不滚动,高亮显示

  • 比较完整的android MP3 LRC歌词滚动高亮显示(附源码)

    1.以前的滚动只是安行来刷新,现在不是按行来滚动了,其实就是在一定时间内整体往上移动,比如说在1S内刷新10次,由于认得肉眼看起来像是滚动. 关键代码如下: 复制代码 代码如下: float plus = currentDunringTime == 0 ? 30                : 30                        + (((float) currentTime - (float) sentenctTime) / (float) currentDunringTim

  • Android实现歌词滚动效果

    本文实例为大家分享了Android实现歌词滚动效果的具体代码,供大家参考,具体内容如下 自定义TextView public class VerticalScrollTextView extends TextView { private Paint mPaint; private float mX; private Paint mPathPaint; public int index = 0; private List<Sentence> list; public float mTouchHi

  • Android TextView 字体滚动效果

    Android TextView 字体滚动效果 实例代码: package com.godinsec.seland.ui.tools; import android.content.Context; import android.text.TextUtils.TruncateAt; import android.util.AttributeSet; import android.widget.TextView; public class MarqueTextView extends TextVi

  • Android实现文字滚动效果

    Android 实现文字滚动效果,自己写了个timer小计时器,textview文字上下翻动效果: public class AutoTextView extends TextSwitcher implements ViewSwitcher.ViewFactory { private float mHeight; private Context mContext; //mInUp,mOutUp分别构成向下翻页的进出动画 private Rotate3dAnimation mInUp; priva

  • Android实现图片滚动效果

    Android开发图片滚动效果,供大家参考,具体内容如下 效果图: 设置适配来设置图片位置大小 package com.example.gallary; import android.content.Context; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.Gallery; import android.wid

  • Android Flutter实现有趣的页面滚动效果

    目录 CustomScrollView 简介 改造原代码 让导航栏更有趣 改造后的代码 其他效果 总结 在Flutter 高仿一个某支付价值几个亿的页面这一篇中,我们使用了 ListView 将几个 GridView 组合在一起实现了不同可滑动组件的粘合,但是这里必须要设置禁止 GridView 的滑动,防止多个滑动组件的冲突.这种方式写起来不太方便,事实上 Flutter 提供了 CustomScrollView 来粘合多个滑动组件,并且可以实现更有趣的滑动效果. CustomScrollVi

  • Android实现字幕滚动的方法

    本文实例介绍了安卓Android实现字幕滚动效果的方法.主要是一个现成的Java类文件实现的,该程序由Android达人Tony编写,本次是转发,还望原作者Tony不要介意.这个Android字幕滚动类的自定义功能比较多,可定义当前滚动到结尾时的停顿时间,单位:毫秒,还可设置当前的滚动速度,值越小,速度越快. 主要实现代码如下: package com.tony.autoscroll; import android.content.Context; import android.os.Handl

  • Android中TextView实现垂直滚动和上下滚动效果

    布局里面就是两个自定义的TextView,上面的左右滑动的是AutoHorizontalScrollTextView; 下面上下滚动的是AutoVerticalScrollTextView; 上面左右滑动的非常好实现,直接把AutoHorizontalScrollTextView复制到项目中,复制全类名到布局文件中,和系统TextView一样,只需设置文本其他什么都不用设置: 下面垂直滚动的AutoVerticalScrollTextView相比AutoHorizontalScrollTextV

  • Android实现两个ScrollView互相联动的同步滚动效果代码

    本文实例讲述了Android实现两个ScrollView互相联动的同步滚动效果代码.分享给大家供大家参考,具体如下: 最近在做一个项目,用到了两个ScrollView互相联动的效果,简单来说联动效果意思就是滑动其中的一个ScrollView另一个ScrollView也一同跟着滑动,要做到一起同步滑动.感觉在以后的项目开发中大家可能也会用到,绝对做个Demo分享出来,供大家一起学习,以便大家以后好用,觉的不错,有用的可以先收藏起来哦! 其实对于ScrollView,Android官方并没有提供相关

  • Android编程实现类似天气预报图文字幕垂直滚动效果的方法

    本文实例讲述了Android编程实现类似天气预报图文字幕垂直滚动效果的方法.分享给大家供大家参考,具体如下: 在很多天气或者新闻的应用中,我们都能看到一些字幕滚动的效果,最简单的实现为跑马灯效果,用系统提供的属性即可实现. 复杂一些的就需要自己去用自定义控件实现. 比如 让TextView 实现垂直滚动. 这里我要讲的是垂直滚动的字幕效果,并且内容并不仅为文字,还可以加入图片或者其他元素. 废话不多说,还是直接上效果图: 首先还是看一下核心的实现: 目前我的做法是重写了ScrollView,对外

  • Android实现歌词渐变色和进度的效果

    要用TextView使用渐变色,那我们就必须要了解LinearGradient(线性渐变)的用法. LinearGradient的参数解释 LinearGradient也称作线性渲染,LinearGradient的作用是实现某一区域内颜色的线性渐变效果,看源码你就知道他是shader的子类. 它有两个构造函数 public LinearGradient(float x0, float y0, float x1, float y1, int color0, int color1, Shader.T

随机推荐