Android SeekBar样式修改实现签到效果

矫情吗；* 2021-11-27 05:02 228阅读 0赞

##  1、实现功能 签到的progress 支持气泡指示器  ##

效果图

## ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70][] ##

## 2、实现代码 ##

### （1）重写SeekBar禁止拖动 ###

package com.example.demo;
    import android.content.Context;
    import android.util.AttributeSet;
    import android.view.MotionEvent;
    import android.widget.SeekBar;
    
    public class MySeekBar extends SeekBar{
    
        public MySeekBar(Context context) {
            super(context,null);
        }
    
        public MySeekBar(Context context, AttributeSet attrs) {
            super(context, attrs, 0);
    
        }
    
        public MySeekBar(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
    
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
    // TODO Auto-generated method stub
    // 原来是要将TouchEvent传递下去的,我们不让它传递下去就行了
    // return super.onTouchEvent(event);
            return false;
        }
    
    
    
    }

### （2）mainActivity ###

package com.example.demo;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    
    public class MainActivity extends Activity {
        private MySeekBar mySeekBar;
        private int speed = 0;//进度条每次点击
        private int lin_speed = 0;//上面的描述文字的位置
        private LinearLayout ll_des;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            mySeekBar = (MySeekBar) findViewById(R.id.seekbar);
            Button btn_add = (Button) findViewById(R.id.btn_add);
            mySeekBar.setProgress(2);
            ll_des = (LinearLayout) findViewById(R.id.ll_des);
    
            btn_add.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            if (speed == 2) {
                                speed = 0;
                            }
                            if (speed < 68) {
                                if (speed == 60) {
                                    speed = speed + 10 - 2;//进度条每次前进十个位置
                                } else {
                                    speed = speed + 10;//进度条每次前进十个位置
                                }
                                if (speed <= 60) {
                                    lin_speed = lin_speed + 120;//组件根据实际组件长宽算出来的
                                }
                                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) ll_des.getLayoutParams();
                                lp.setMargins(lin_speed, 0, 0, 0);
                                ll_des.setLayoutParams(lp);
                                mySeekBar.setProgress(speed);
                            }
                        }
                    });
                }
            });
        }
    
    }

### （3）布局 ###

### （4）核心draeble ###

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:id="@android:id/background" android:height="8dp" android:top="7dp">
            <shape>
                <corners android:radius="@dimen/activity_horizontal_margin"/>
                <solid android:color="#6E8B9B"/>
            </shape>
        </item>
    
        <item android:id="@android:id/progress" android:height="8dp" android:top="7dp" android:drawable="@drawable/b">
        </item>
    
        <item android:id="@android:id/secondaryProgress"  android:height="8dp" android:top="7dp">
            <clip>
                <shape>
                    <corners android:radius="@dimen/activity_horizontal_margin"/>
                    <solid android:color="#6E8B9B"/>
                </shape>
            </clip>
        </item>
    
    </layer-list>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70]: /images/20211126/1647cea0fb2b4f479eac3f249a198fa0.png