在分析Magic源码的时候，深受启发，发现了很多有用的点，要一步一步的剖析才能理解的更深，这里就在title的下滑线的基础上进行详细分析，

基础点一  要实现一个可以滚动的textview，并且不能遮挡

我们定义一个LinearLayout,然后在LinearLayou中添加自定义的TextView,这时我们会发现，它并不能滚动，只是显示为了一行，代码和效果如下，在这里是循环了10次，添加了10个textview,并且要求textview是单行的和缩略的。

  for(int i=0;i<10;i++){
            LinearLayout.LayoutParams lp=new LinearLayout.LayoutParams(
                    ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT
            );

            TextView textView =new TextView(this);
            textView.setText("文字测试"+i);
            lp.weight=i;
            textView.setLayoutParams(lp);
            textView.setSingleLine();
            textView.setEllipsize(TextUtils.TruncateAt.END);
            ll_title.addView(textView);

        }

在手机上显示的效果如下，可以看得到这个textview并不是滚动的，而是铺满屏幕的。

这时候我们只用在布局上使用HorizontalScrollView,包裹住我们的LinearLayout即可实现LinearLayout的滚动，这是一个非常简单的基础点。效果如下图，可以看到明显的下划线，是可以滚动的，并且文字的也可以显示完整了。

基础点二 绘制一条可以滑动的线

           2.1 首先我们要在屏幕绘制一条粗线条，这个可以在onDraw方法中实现，我们定义一个RectF,定义他的上下左右四个边距，然后再定义画笔和就可以实现了，代码如下       

  private void init(){
        paint.setColor(Color.BLUE);
        rectF.left=30;
        rectF.right=60;
        rectF.top=90;
        rectF.bottom=120;
    }
    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawRoundRect(rectF,8,8,paint);
    }

           2.2 实现线的水平滑动，这主要是利用重绘的原理实现的，我们需要不断的修改线的left和right的值，来实现滚动

，这其实是一个难点，这里只是提一下，后面会当做难点来讲解，因为这里涉及到了偏移量的问题，还是回调效果。这两个难点，是需要计算。

        rectF.left=rectF.left+(50)*mStartInterpolator.getInterpolation(v);
        rectF.right= rectF.right+50*mEndInterpolator.getInterpolation(v);

  难点一  先写到这里，后面会继续更新