自定义StepView，仿外卖配送进度

最新推荐文章于 2024-09-01 08:04:18 发布

zc_shbj

最新推荐文章于 2024-09-01 08:04:18 发布

阅读量695

点赞数

文章标签：自定义View StepView 物流进度 Android

本文链接：https://blog.csdn.net/qq_30874221/article/details/79596334

版权

本文介绍了如何在Android中自定义StepView，以仿照外卖配送进度。通过设置属性，包括文字、线、step图片等，实现StepView的初始化和绘制。内容包括构造函数的属性配置、onMeasure方法中的宽高计算、绘制过程、触摸事件处理、当前进度设置、step文字显示、点击交互以及文字位置调整等。提供源码地址供参考。

摘要由CSDN通过智能技术生成

效果图

使用

可在layout文件下设置以下属性。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="StepView">
        <attr name="step_size" format="dimension"/><!--step的size，也就是image的大小-->
        <attr name="line_size" format="dimension"/><!--线宽-->
        <attr name="text_size" format="dimension"/><!--文字大小-->
        <attr name="text_line_margin" format="dimension"/><!--文字和线之间的间距-->
        <attr name="normal_line_color" format="color"/><!--一般线的颜色-->
        <attr name="normal_text_color" format="color"/><!--一般文字的颜色-->
        <attr name="target_text_color" format="color"/><!--一般文字的颜色-->
        <attr name="passed_line_color" format="color"/><!--已经过线的颜色-->
        <attr name="step_count" format="integer"/><!--总step数-->
        <attr name="current_step" format="integer"/><!--当前step位置-->
        <attr name="normal_step_iv" format="reference"/><!--一般图片-->
        <attr name="passed_step_iv" format="reference"/><!--已经过的图片-->
        <attr name="target_step_iv" format="reference"/><!--当前step图片-->
        <attr name="step_is_touch" format="boolean"/><!--step是否可点-->
        <attr name="text_up_line" format="boolean"/><!--文字是否在线上-->
    </declare-styleable>
</resources>

        CheckBox cbTouch = findViewById(R.id.cb_touch);
        CheckBox cbIsDown = findViewById(R.id.cb_is_down);
        final StepView stepView = findViewById(R.id.step_view);
        String[] stepTexts = new String[]{"订单已提交", "商家已接单", "配送中", "已送达"};
        stepView.setStepTexts(stepTexts);//传入每一进度的文字描述
        stepView.setCurrentStep(2);//设置当前进度所在位置
        stepView.setOnItemStepTouchListener(new StepView.OnItemStepTouchListener() {
            @Override
            public void onItemStepTouch(int postion) {
                Log.d(TAG, "当前点击位置: "+postion);
            }
        });
        cbTouch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onChe