Android 使用动画设置ProgressBar进度

需求场景:当我们在使用ProgressBar的时候,希望有进度加载的效果,此时我们传统的做法是使用Thread线程来实现,下面我们用属性动画来实现,简单粗暴。。哈哈哈

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.yhx.app.progressbardemo.MainActivity">



    <ProgressBar
        android:layout_marginTop="20dp"
        android:id="@+id/bar"
        android:layout_width="match_parent"
        android:layout_height="8dp"
        style="?android:attr/progressBarStyleHorizontal"
        android:progress="10"
        android:max="100">
    </ProgressBar
      >


    <Button
        android:hint="开始"
       android:onClick="show"
        android:layout_marginTop="50dp"
        android:layout_width="match_parent"
        android:layout_height="50dp"/>




    <TextView
        android:id="@+id/tv_bar"
        android:layout_marginTop="20dp"
        android:layout_width="100dp"
        android:text="0"
        android:gravity="center"
        android:textSize="38dp"
        android:layout_gravity="center"
        android:layout_height="100dp"/>



    <Button
        android:hint="开始"
        android:onClick="tvshow"
        android:layout_marginTop="50dp"
        android:layout_width="match_parent"
        android:layout_height="50dp"/>

</LinearLayout>

Activity:

public class MainActivity extends AppCompatActivity {

    private ProgressBar mProgressBar;
    TextView mtv_bar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mProgressBar = (ProgressBar) findViewById(R.id.bar);
        mtv_bar = (TextView) findViewById(R.id.tv_bar);
        setAnimation(mProgressBar, 100);
    }

    private void setAnimation(final ProgressBar view, final int mProgressBar) {
        ValueAnimator animator = ValueAnimator.ofInt(0, mProgressBar).setDuration(5000);

        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                view.setProgress((int) valueAnimator.getAnimatedValue());
            }
        });
        animator.start();
    }


    private void setTvAnimation(final TextView view, final int mProgressBar) {
        ValueAnimator animator = ValueAnimator.ofInt(0, mProgressBar).setDuration(5000);

        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                view.setText(String.valueOf(valueAnimator.getAnimatedValue()));
            }
        });
        animator.start();
    }

    public void show(View view) {
        setAnimation(mProgressBar, 100);

    }


    public  void tvshow(View view){
        setTvAnimation(mtv_bar,240);
    }
}

效果图:
这里写图片描述

发布了81 篇原创文章 · 获赞 55 · 访问量 15万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览