<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          Android實(shí)現(xiàn)文字從右到左消除的效果

          共 3974字,需瀏覽 8分鐘

           ·

          2021-06-27 11:07

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

          先看效果圖:



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


          嗯,效果做完后發(fā)現(xiàn)原理及其簡(jiǎ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">
          <TextView android: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:id="@+id/tv_text"/>
          <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/btn_click"        android:text="點(diǎn)擊清除"/>         <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/btn_click1" android:text="點(diǎn)擊恢復(fù)"/></LinearLayout>


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

          android:ellipsize="none"android:singleLine="true"

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


          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的動(dòng)畫,動(dòng)畫時(shí)長(zhǎng)是400ms,然后讓動(dòng)畫開始 //第一步:創(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)動(dòng)時(shí),當(dāng)前運(yùn)動(dòng)點(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)動(dòng)改變TextView的寬度,當(dāng)達(dá)到最小寬度2dp時(shí)將文本設(shè)置為空且不可見,從而實(shí)現(xiàn)該功能。

          瀏覽 87
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  青草精品视频在线观看 | 99这里都是精品 | 欧美性操 | 国内女人高潮免费视频 | 99热在线视 |