今天和大家分享一個(gè)如何從右到左消除文本的動畫。

先看效果圖：

由于項(xiàng)目和語音識別相關(guān)，有時(shí)候人在不經(jīng)意間交流的無效音頻會被識別出來，并展示于界面，為了美觀，客戶要求我們將這些無效的識別文本用一個(gè)從右到左的動畫給清除，于是便有了下述的技術(shù)實(shí)現(xiàn)。

嗯，效果做完后發(fā)現(xiàn)原理及其簡單，僅此記錄一下。

1、layout文件先在這兒貼一下

<?xml version='1.0' encoding='utf-8'?><LinearLayout xmlns:android='http://schemas.android.com/apk/res/android' android:layout_width='match_parent' android:layout_height='match_parent' android:orientation='vertical'> <TextViewandroid:layout_width='wrap_content'android:layout_height='44dp'android:text='百日不到處，青春恰自來。苔花如米小，也學(xué)牡丹開。'android:ellipsize='none'android:singleLine='true'android:background='#ff00ff'android:layout_marginTop='10dp'android: /> <Buttonandroid:layout_width='match_parent'android:layout_height='wrap_content'android:id='@+id/btn_click'android:text='點(diǎn)擊清除'/> <Buttonandroid:layout_width='match_parent'android:layout_height='wrap_content'android: android:text='點(diǎn)擊恢復(fù)'/></LinearLayout>

btn_click1是為了演示方便而設(shè)計(jì)的，可不計(jì)考慮。注意TextView中需要：

android:ellipsize='none'android:singleLine='true'

兩個(gè)屬性，該效果只針對一行的文本。

2、貼一下java代碼

public class MainActivity extends AppCompatActivity { private TextView textView; private Button btn_click; private Button btn_click1; private Handler mHandler; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mHandler = new Handler();textView = findViewById(R.id.tv_text);btn_click = findViewById(R.id.btn_click);btn_click1 = findViewById(R.id.btn_click1);btn_click.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) {showAsrAnim(); }});btn_click1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) {textView.setVisibility(View.VISIBLE);textView.setText('百日不到處，青春恰自來' +'苔花如米小，也學(xué)牡丹開。'); }}); } private void showAsrAnim() {mHandler.post(new Runnable() { @Override public void run() {//在這里我們利用ValueAnimator.ofInt創(chuàng)建了一個(gè)值從textView的寬度到2的動畫，動畫時(shí)長是400ms，然后讓動畫開始//第一步：創(chuàng)建ValueAnimator實(shí)例ValueAnimator animator = ValueAnimator.ofInt(textView.getWidth(), 2);animator.setInterpolator(new LinearInterpolator());animator.setDuration(4000);//第二步：添加監(jiān)聽animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) {//獲取ValueAnimator在運(yùn)動時(shí)，當(dāng)前運(yùn)動點(diǎn)的值int width = (int) animation.getAnimatedValue();changeLayout(width);if (width == 2) { textView.setText(''); textView.setVisibility(View.INVISIBLE); ViewGroup.LayoutParams params = textView.getLayoutParams(); params.width = ViewGroup.LayoutParams.WRAP_CONTENT; textView.setLayoutParams(params);} }});animator.start(); }}); } private void changeLayout(int width) {ViewGroup.LayoutParams params = textView.getLayoutParams();params.width = width;textView.setLayoutParams(params); }}}

代碼中已經(jīng)有了注釋，創(chuàng)建一個(gè)ValueAnimator實(shí)例，添加監(jiān)聽，通過運(yùn)動改變TextView的寬度，當(dāng)達(dá)到最小寬度2dp時(shí)將文本設(shè)置為空且不可見，從而實(shí)現(xiàn)該功能。

以上就是Android實(shí)現(xiàn)文字消除效果的詳細(xì)內(nèi)容，更多關(guān)于Android 文字消除效果的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章！