一个神奇的SuperTextView你值得拥有！

喜欢ヅ旅行 2022-06-11 09:39 374阅读 0赞

## v1.3 ##

*  支持随时修改动画帧率。难以置信的是，你甚至可以在动画执行过程中随时修改！当然最好不要这么做。

mSuperTextView.setFrameRate(30);
    // 修改帧率为30帧

*  优化动画驱动的性能。
 *  酷炫不止，渐变来袭！

![link][]

同样，渐变效果的设置支持在xml中设置，并且能够即时预览。

app:shaderEnable="true"
    // 必须设置为true才能启用渐变功能。这意味着你可以灵活的控制这一功能。
     app:shaderStartColor="@color/main_blue"
    // 设置起始颜色。
     app:shaderEndColor="@color/pink"
    // 设置结尾颜色。
     app:shaderMode="rightToLeft"
    // 设置渐变模式。如上图可见，一共支持4中模式：
    // topTopBottom, bottomToTop, leftToRight, rightToLeft

当然，这些属性也都提供了对应的`set/get`方法，供你在Java中动态改变／获取它们的值。比如：

mSuperTextView.setShaderStartColor(Color.RED);

*  现在，提供了SuperTextView的详尽文档，你可以到这下载查看（解压后打开目录下的`index.html`开始）： [SuperTextView文档：http://ogemdlrap.bkt.clouddn.com/SuperTextView%E6%96%87%E6%A1%A3%20.zip?attname=][SuperTextView_http_ogemdlrap.bkt.clouddn.com_SuperTextView_E6_96_87_E6_A1_A3_20.zip_attname]
 *  如何使用SuperTextView 1.3  
    在你的build.gradle中加入：

allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }
    
    dependencies {
        compile 'com.github.chenBingX:SuperTextView:v1.3'
    }

--------------------

## v1.1 ##

*  最低支持Android 4.0，SdkVersion 14。
 *  支持优雅动人的 【链式表达式】 , eg:
    
        mSuperTextView.setAdjuster(new MoveEffectAdjuster())
              .setAutoAdjust(true)
              .startAnim();
 *  减小占用空间。

# 简介 #

欢迎使用SuperTextView，这篇文档将会向你展示如何使用这个控件来提高你构建项目的效率。  
![Cover][]

SuperTextView继承自TextView，它能够大量的减少布局的复杂程度，并且使得一些常见的效果变得十分容易实现且高效。同时，它内置了动画驱动，你只需要合理编写Adjuster，然后`startAnim()`就可以看到预期的动画效果。它仅仅是一个控件，所以你可以不费吹灰之力的在你的项目中集成使用。

# 特点 #

1.  你从此不必再为背景图编写和管理大量<shape>文件了。
2.  重新优化的状态图功能使得你能够精确的控制状态图的大小，以及在SuperTextView中的位置。
3.  支持设置圆角，并且能够精确的控制圆角位置。
4.  能够轻松的实现控件边框效果。
5.  支持文字描边，这使得空心文字效果成为了可能。
6.  内置动画驱动，你只需配合Adjuster合理的使用即可。
7.  Adjuster的出现，使得你对控件的绘制过程具有了掌控权，良好的设计使得它能够完美的实现绝大部分你脑海中的效果。

# 使用指南 #

## 支持的属性 ##

SuperTextView十分方便的支持在xml中直接设置属性，并且你能够立即看到效果。就像你平时使用TextView一样方便。

以上这些属性，均可以在Java中进行动态的设置。同时也能够获得它们的值。例如：

mSuperTextView.setCorner(10);
    mSuperTextView.getCorner();

### 圆形和边框 ###

![image][]

为了实现上图效果，通常你需要编写和管理大量的<shape>文件。现在你只需要在xml或代码中对SuperTextView直接进行设置即可。

### 不简单的圆角 ###

![image][image 1]

不同于简单的圆角，SuperTextView支持精确的控制圆角的位置。一个、两个、三个都没问题。一切由你掌控。

### 神奇的文字描边 ###

![image][image 2]

### 高效的状态图 ###

![image][image 3]

不同于原生的Drawable，SuperTextView对于Drawable提供了更多精细化的控制操作。你能够轻松的指定Drawable大小以及位置，只需一个属性就能搞定。

相信你一定深有感触，想要实现上图中的效果，往往需要嵌套多层布局(一般3层吧？)。而SuperTextView只需一个控件，并且十分简单高效的就能实现。它能够大量的减少你的App中的布局复杂程度，减少视图树的绘制时间。

## 炸裂的Adjuster ##

Adjuster被设计用来在SuperTextView的绘制过程中插入一些操作。这具有非常重要的意义。比如，默认实现的DefaultAdjuster能够动态的调整文字的大小。当然，你可以用它来实现各种各样的效果。

想要Adjuster生效，你必须调用`SuperTextView.setAutoAdjust(true)`来启用Adjuster功能。当然，你可以所以方便的停止，通过调用`SuperTextView.setAutoAdjust(false)`。并且，你需要注意调用顺序，因为一旦调用了`SuperTextView.setAutoAdjust(true)`，而Adjuster没有被设置的话，将会启用默认的`DefaultAdjuster`(它能够动态的调整文字大小)，直到你设置了你自己的Adjuster

### 干预控件的绘制 ###

实现一个Adjuster需要继承SuperTextView.Adjuster，并且实现`adjust(SuperTextView v, Canvas canvas)`方法。Adjuster.adjust()会在每次绘制过程中被调用，这意味着你能够不可思议的从外部干预控件的绘制过程。

public class YourAdjuster extends SuperTextView.Adjuster {
    
      @Override
      protected void adjust(SuperTextView v, Canvas canvas) {
        //do your business。
      }
    
    }

注意，如果开启动画，你必须十分谨慎的编写adjuster()中的代码。因为动画会以60帧/每秒的速度进行绘制。这意味着，这个方法每秒会被调用60次！所以，千万不要在这个方法中重复的创建对象，会卡爆的！原因是短时间的大量将会引起【内存抖动】，导致GC频繁发生。相关知识你可以看看我的这两篇文章：

*  [【Android内存基础——内存抖动http://www.jianshu.com/p/69e6f894c698】][Android_http_www.jianshu.com_p_69e6f894c698]
 *  [【用两张图告诉你，为什么你的App会卡顿?http://www.jianshu.com/p/df4d5ec779c8】][App_http_www.jianshu.com_p_df4d5ec779c8]

### 响应触摸事件 ###

如果你重载Adjuster的`onTouch(SuperTextView v, MotionEvent event)`方法，你将能够获得SuperTextView的触摸事件。这是重要的一点，如果你想持续的对SuperTextView的触摸事件进行处理，你必须使`onTouch()`返回true。否则你只能接收到一个ACTION\_DOWN事件，而不是一个事件流。

public class YourAdjuster extends SuperTextView.Adjuster {
    
      @Override
      protected void adjust(SuperTextView v, Canvas canvas) {
        //do your business。
      }
    
      @Override
      public boolean onTouch(SuperTextView v, MotionEvent event) {
        //you can get the touch event.
        //If want to get a series of touch event, you must return true here.
      }
    
    }

### 如此惊艳的效果 ###

得益于SuperTextView内置的动画驱动，你能够结合Adjuster来实现难以置信的动画效果。一切只需要在你合理的编写好Adjuster后，调用`startAnim()`和`stopAnim()`来启动／停止动画。

![link][link 1]

如你所见，上面的效果就是通过Adjuster来实现的。并且这种拔插式的设计，使得你能够随时在同一个SuperTextView上使用新的Adjuster，你所有需要做的事情就是创建一个新的Adjuster，然后调用`setAdjuster()`。

实现上图的Rippler涟漪效果。[【RippleAdjuster.java链接：https://github.com/chenBingX/SuperTextView/blob/master/app/src/main/java/com/coorchice/supertextview/SuperTextView/Adjuster/RippleAdjuster.java】][RippleAdjuster.java_https_github.com_chenBingX_SuperTextView_blob_master_app_src_main_java_com_coorchice_supertextview_SuperTextView_Adjuster_RippleAdjuster.java]

### 指定Adjuster的层级 ###

Adjuster贴心的设计了控制作用层级的功能。你可以通过`Adjuster.setOpportunity(Opportunity opportunity)`来指定Adjuster的绘制层级。

在SuperTextView中，绘制层级被从下到上分为：背景层、Drawable层、文字层3个层级。通过Opportunity来指定你的Adjuster想要插入到那个层级间。

public enum Opportunity { 
          BEFORE_DRAWABLE, //背景层和Drawable层之间
          BEFORE_TEXT,     //Drawable层和文字层之间
          AT_LAST          //最上层
    }

三种类型的Opportunity示意图。

![image][image 4]

默认值是`Opportunity.BEFORE_TEXT`。即第二张图的示例。

# 如何开始使用 #

在你的build.gradle中加入：

allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }
    
    dependencies {
        compile 'com.github.chenBingX:SuperTextView:v1.0'
    }

[link]: /images/20220611/4a2efa12cf2440698af3b326898e4d8d.png
[SuperTextView_http_ogemdlrap.bkt.clouddn.com_SuperTextView_E6_96_87_E6_A1_A3_20.zip_attname]: http://ogemdlrap.bkt.clouddn.com/SuperTextView%E6%96%87%E6%A1%A3%20.zip?attname=
[Cover]: /images/20220611/6a23d907cd364dfbae1898e27352956f.png
[image]: /images/20220611/182d9bac8b874c859a2e0e1e57a6c589.png
[image 1]: /images/20220611/5670ee0487b14451bdd7a0a0d25a9c31.png
[image 2]: /images/20220611/d84efddac9a64bbc9ea68656bb798951.png
[image 3]: /images/20220611/58a3f4df92164c1ebdbff082c6c14504.png
[Android_http_www.jianshu.com_p_69e6f894c698]: http://www.jianshu.com/p/69e6f894c698
[App_http_www.jianshu.com_p_df4d5ec779c8]: http://www.jianshu.com/p/df4d5ec779c8
[link 1]: /images/20220611/bade9036671247f096f256e2186aeb7a.png
[RippleAdjuster.java_https_github.com_chenBingX_SuperTextView_blob_master_app_src_main_java_com_coorchice_supertextview_SuperTextView_Adjuster_RippleAdjuster.java]: https://github.com/chenBingX/SuperTextView/blob/master/app/src/main/java/com/coorchice/supertextview/SuperTextView/Adjuster/RippleAdjuster.java
[image 4]: /images/20220611/273de76193354bb7847650e5ad3d7960.png