Android滚动栏控件的优化

背景由于普通TextView的跑马灯效果与焦点获取有关所以不能直接使用之前查找到的控件在数据设置方面存在问题

所以通过寻找github上的开源控件并修改源码得到一个目前感觉不错的效果

原理滚动效果其实就是文字在屏幕上的移动根据找到的控件发现有两种方案

一种是使用scrollTo方法使得文字移动到一个指定的位置但是使用过程中发现超过屏幕长度的文字会在最后显示省略号在这个问题没解决前不采用此方案

另外一种是使用drawText方法不断绘制文字最后修改源码得到的效果感觉不错代码也比较精简唯一的不方便是文字颜色大小需要在代码中设置在属性中设置无效不过感觉影响不太看以后是否有更好的优化

目前采用这种方案

具体分析和相关的坑

1 drawText绘制文字居住的问题

canvas.drawText(text, x, y, paint)，第一个参数是我们需要绘制的文本，第四个参数是我们的画笔，这两个不用多说

主要是第二和第三个参数的含义，这两个参数在不同的情况下的值还是不一样的，x默认是这个字符串的左边在屏幕的位置，
如果设置了paint.setTextAlign(Paint.Align.CENTER);那就是字符的中心，
y是指定这个字符baseline在屏幕上的位置,y不是这个字符中心在屏幕上的位置，而是baseline在屏幕上的位置
所以要想让文字居中显示正确的代码是这样的

 paint.setTextAlign(Paint.Align.LEFT);
        Paint.FontMetricsInt fontMetrics = paint.getFontMetricsInt();
        int heigit = getMeasuredHeight();
        y = (heigit - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top; //173

2 水平滚动x坐标的计算

当文字居中显示后 y坐标也就固定了由于文字是在水平方向上滚动所以主要是y坐标的计算

x值的变动使得文字从头滚动到尾
最开始文字起点在屏幕最右边不可见所以初试值为屏幕宽度比如1080
滚动后 x值慢慢变少当变为0 在文字长度大于屏幕宽度的情况下比如文字长度为4304 一个屏幕宽度的文字移出到了屏幕右侧
最后在x值为负值的情况下文字完全移出在屏幕左侧具体的值为 -4304 其实就是文字长度的负值
于是循环开始文字又在初试位置即屏幕右侧具体值为1080

3 其它

主要是相关属性的设置另外该控件还可以扩展比如点击事件暂停停止等

public class MainActivity extends Activity {

    private AutoScrollTextView auto_tv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        auto_tv = (AutoScrollTextView) findViewById(R.id.auto_textview);

        auto_tv.setText("特定的时间内"); //设置文字内容
        auto_tv.setScrollTextColor(Color.parseColor("#AB82FF")); //设置文字颜色
        auto_tv.setScrollTextSize(12); //设置字体大小 以sp为单位
        auto_tv.setScrollSpeed(4); //设置文字滚动速度
        auto_tv.init();


        auto_tv.startScroll();
    }
}

public class AutoScrollTextView extends TextView {

 public boolean isStarting = false; //是否开始滚动
 private float textLength = 0f; //文本长度
 private float screenWidth = 0f; //屏幕宽度
 private float x = 0f; //文字横坐标
 private float y = 0f; //文字纵坐标
 private String text = ""; //文本内容
 private Paint paint = null; //绘图样式

 private Context context;
    private int color; //字体颜色
 private float textSize; //字体大小 像素为单位
 private float speed = 5; //文字滚动速度 实际是一个偏移像素值 越大速度越快

 public AutoScrollTextView(Context context) {
        super(context);
        this.context = context;
    }

    public AutoScrollTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
    }

    public AutoScrollTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        this.context = context;
    }


    public void init() {
        paint = getPaint();

        paint.setColor(color);
        paint.setTextSize(textSize);

        screenWidth = getScreenWidth(context); //1080 屏幕宽度

 x = screenWidth;
    }

    public void startScroll() {
        isStarting = true;
        invalidate();
    }

    public void stopScroll() {
        isStarting = false;
        invalidate();
    }

    public void setScrollTextColor(int color) {
        this.color = color;
    }

    public void setScrollTextSize(int spValue) {
        this.textSize = sp2px(context, spValue);
    }

    public void setScrollSpeed(float speed) {
        this.speed = speed;
    }

    @Override
 public void onDraw(Canvas canvas) {

        text = getText().toString();
        textLength = paint.measureText(text); //4310 文字长度 相当于四个屏幕宽度

 //在这里计算y坐标
 paint.setTextAlign(Paint.Align.LEFT);
        Paint.FontMetricsInt fontMetrics = paint.getFontMetricsInt();
        int heigit = getMeasuredHeight();
        y = (heigit - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top; //173

 Log.i("TAG", "x-----------------x=" + x);
        //Log.i("TAG", "y-----------------" + y);

 canvas.drawText(text, x, y, paint);
        if (!isStarting) {
            return;
        }

        if (x < -textLength){
            x = screenWidth;
        }else {
            x = x - speed;
        }

        invalidate();
    }


    private float sp2px(Context context, int spValue) {
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (spValue * fontScale + 0.5f);
    }

    private int getScreenWidth(Context context) {
        return context.getResources().getDisplayMetrics().widthPixels;
    }
}