自定义View实现倒计时功能

需求很简单，传入一个点击按钮，点击可实现倒计时功能，并且可以重复倒计时，使用自定义View的方式，在自定义VIew方法中传入被点击的View对象，用于控制倒计时的开始开关。描述可能有些琐碎，直接上代码了。

首先是一个自定义view的java代码文件，继承自linearlayout

/**
 * Created by xiedong on 2017/3/9.
 */

public class CountDownView extends LinearLayout implements View.OnClickListener {

    private Context mContext;
    private LinearLayout mLLConutdownView;
    private TextView mCountdownView;
    private TextView bindView;   //被绑定的view


    private CountDownTimer mCountDownTimer = new CountDownTimer(10*1000 , 1000) {
        @Override
        public void onTick(long millisUntilFinished) {

            mCountdownView.setText(millisUntilFinished / 1000 +"");
        }

        @Override
        public void onFinish() {

            mCountdownView.setText("倒计时完成");
            bindView.setClickable(true);
            bindView.setBackgroundColor(Color.RED);
        }
    };

    public CountDownView(Context context) {
        super(context);
        this.mContext = context;
        initView();
    }

    public CountDownView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.mContext = context;
        initView();
    }

    public CountDownView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        initView();
    }

    private void initView() {
        View view = View.inflate(mContext, R.layout.countdown_view,this);   // 添加进容器
        mLLConutdownView = ((LinearLayout) findViewById(R.id.ll_countdown_view));
        mCountdownView = (TextView) findViewById(R.id.tv_countdown_view);


        mCountdownView.setOnClickListener(this);
    }



    public CountDownView bindCountdown2View(View view){

        this.bindView = (TextView) view;
        bindView.setOnClickListener(this);
        return this;
    }
    @Override
    public void onClick(View v) {

        switch (v.getId()){
            case  R.id.bind_view :
                mCountDownTimer.start();
                bindView.setClickable(false);
                bindView.setBackgroundColor(Color.WHITE);
                break;

        }
    }




}

填充自定义view的布局文件

<?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:id="@+id/ll_countdown_view"
    android:orientation="vertical"
    android:gravity="center">


    <TextView
        android:textSize="22sp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/tv_countdown_view"
        android:gravity="center"
        android:text="22222"
        />

</LinearLayout>

在主布局中引入该自定义view

public class MainActivity extends AppCompatActivity {

    private TextView bindView;
    private CountDownView countDownView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        bindView = (TextView) findViewById(R.id.bind_view);
        countDownView = new CountDownView(this);
        countDownView.bindCountdown2View(bindView);

        addContentView(countDownView,new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT));
        


    }
}

主布局的layout文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.project.MainActivity">
    <TextView
        android:layout_alignParentBottom="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/bind_view"
        android:layout_centerHorizontal="true"
        android:text="开始倒计时"
        android:textSize="20sp"
        android:padding="20dp"
        />

    <!--<com.example.project.view.CountDownView-->
        <!--android:layout_width="wrap_content"-->
        <!--android:layout_height="wrap_content"/>-->
</RelativeLayout>

自定义view一般有两种引入方式，可以在java代码中直接new出来，也可以在布局文件中直接添加，由于上述例子中需要把倒计时的视图绑定到一个可控制它的View上，所以需要在java代码中new，大家具体需求可根据自己的项目需求自行更改，代码示例仅供参考。