【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android開發(fā)之如何實(shí)現(xiàn)ProgressBar字體隨著進(jìn)度條的加載而滾動(dòng)

/upload/information/20200623/125/126536.gif<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:id="@+id/activity_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:layout_margin="5dp">

<TextView

android:layout_marginTop="50dp"

android:id="@+id/progress_precent"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="0%"

android:textColor="#ff00"

android:textSize="12sp"

android:padding="3dp"/>

<ProgressBar

android:id="@+id/pb_progressbar"

android:layout_width="match_parent"

android:layout_height="5dp"

android:max="100"

android:progress="0"

android:progressDrawable="@drawable/progressbar_color"

/>

<Button

android:id="@+id/btn_start"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="30dp"

android:text="start"

/>

</LinearLayout><?xml

version="1.0"

encoding="utf-8"?>

<layer-list

xmlns:android="/apk/res/android"

>

<!--

背景

gradient是漸變,corners定義的是圓角

-->

<item

android:id="@android:id/background">

<shape>

<corners

android:radius="5dp"

/>

<solid

android:color="#9a9a9a"

/>

</shape>

</item>

<!--

進(jìn)度條

-->

<item

android:id="@android:id/progress">

<clip>

<shape>

<corners

android:radius="5dp"

/>

<solid

android:color="#E14f50"

/>

</shape>

</clip>

</item>

</layer-list>

//

得到progressBar控件的寬度

ViewTreeObserver

vto2

=

pbProgressbar.getViewTreeObserver();

vto2.addOnGlobalLayoutListener(new

ViewTreeObserver.OnGlobalLayoutListener()

{

@Override

public

void

onGlobalLayout()

{

pbProgressbar.getViewTreeObserver().removeGlobalOnLayoutListener(this);

width

=

pbProgressbar.getWidth();

Log.i("TAG",

"MainActivity

onCreate()=="+pbProgressbar.getWidth());

}

});

//開啟分線程

new

Thread(new

Runnable()

{

@Override

public

void

run()

{

//每一段要移動(dòng)的距離

scrollDistance

=

(float)

((1.0

/

pbProgressbar.getMax())

*

width);

for

(int

i

=

1;

i

<=

status;

i++)

{

runOnUiThread(new

Runnable()

{

@Override

public

void

run()

{

currentStatue++;

currentPosition

+=

scrollDistance;

pbProgressbar.incrementProgressBy(1);

//做一個(gè)平移動(dòng)畫的效果

progressPrecent.setTranslationX(currentPosition);

progressPrecent.setText(currentStatue

+

"%");

}

});

try

{

Thread.sleep(80);

}

catch

(InterruptedException

e)

{

e.printStackTrace();

}

}

}

}).start();/upload/information/20200623/125/126537.gif/upload/information/20200623/125/126538.gif

//開啟分線程

new

Thread(new

Runnable()

{

@Override

public

void

run()

{

//每一段要移動(dòng)的距離

scrollDistance

=

(float)

((1.0

/

pbProgressbar.getMax())

*

width);

for

(int

i

=

0;

i

<

status;

i++)

{

runOnUiThread(new

Runnable()

{

@Override

public

void

run()

{

//

控制進(jìn)度條的增長進(jìn)度

pbProgressbar.incrementProgressBy(1);

currentStatue++;

tvPrecent.setText(currentStatue

+

"%");

//

得到字體的寬度

tvWidth

=

tvPrecent.getWidth();

currentPosition

+=

scrollDistance;

//做一個(gè)平移動(dòng)畫的效果

//

這里加入條件判斷

if

(tvWidth

+

currentPosition

<=

width

-

tvPrecent.getPaddingRight())

{

tvPrecent.setTranslationX(currentPosition);

}

}

});

try

{