自定义漂亮的seekBar，内带popwindow及指示器

最新推荐文章于 2026-04-20 03:54:27 发布
原创 最新推荐文章于 2026-04-20 03:54:27 发布 · 6.1k 阅读 · 9 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍如何自定义一个带有背景图片、Thumb和动画效果的SeekBar，包括点的数量自定义和回调功能。作者分享了实现过程，并提供了源码下载链接。

看到了一个App自定义的SeekBar很有趣，尝试着自己做一个。

不废话，先上图，看是否是你期望的：

增加了背景图片的自定义，增加了Thumb的自定义。当然还有动画效果。会动画滑动到附近的点。具体代码稍后奉上...

啊。。。乱七八糟事儿太多，这几天都没时间整理

这个demo的点可以自定义数量，并增加回调。我就不写原理了...直接把代码传上去...有时间再写...

也可以尝试IndicatorSeekBar这个，GitHub上的，2017年出的，写这篇博客是2016年。那时候还没有....

源码已发布，地址：https://download.csdn.net/download/explorerqp/11373353

首先需要画出seekbar的背景drawable：

 

package com.zkbc.tougu.demo;

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.drawable.Drawable;

/**
 * 自定义seekBar背景图
 * Created by Rock Lee on 2016/6/21.
 */
public class MySeekBarDrawable extends Drawable {

    int pointCount;
    int startColor;
    int centerColor;
    int endColor;

    private Paint paint;//画笔(背景)
    LinearGradient shader;

    private Paint paintCircle;//画笔-外圆
    private Paint paintCircleCenter;//画笔-内圆
    RectF rectF;//矩形上下左右的坐标
    int colors[] = new int[3];//三个颜色渐变（shader）
    float positions[] = new float[3];//渐变色的三个点（shader）

    public MySeekBarDrawable(int pointCount, int startColor, int centerColor, int endColor) {
        this.pointCount = pointCount * 2;//增加两点之间的中线
        this.startColor = startColor;
        this.centerColor = centerColor;
        this.endColor = endColor;

        paint = new Paint();
        paintCircle = new Paint();
        paintCircleCenter = new Paint();
        rectF = new RectF();
    }

    @Override
    public void draw(Canvas canvas) {
        final Rect bounds = getBounds();
        // 第1个点
        colors[0] = startColor;
        positions[0] = 0;

        // 第2个点
        colors[1] = centerColor;
        positions[1] = 0.5f;

        // 第3个点
        colors[2] = endColor;
        positions[2] = 1;

        //是否有中间色
        if (centerColor == 0) {
            shader = new LinearGradient(0f, 0f, bounds.width(), bounds.height(), startColor, endColor, Shader.TileMode.MIRROR);
        } else {
            shader = new LinearGradient(0f, 0f, bounds.width(), bounds.height(), colors, positions, Shader.TileMode.MIRROR);
        }
        paint.setShader(shader);
        paint.setStrokeCap(Paint.Cap.ROUND);// 圆角
        paint.setAntiAlias(true); // 消除锯齿

        paintCircle.setShader(shader);
//        paintCircle.setStyle(Paint.Style.STROKE); // 设置空心
//        paintCircle.setStrokeWidth(bounds.height()/2); // 设置笔画的宽度
        paintCircle.setAntiAlias(true); // 消除锯齿

        paintCircleCenter.setAntiAlias(true); // 消除锯齿
        paintCircleCenter.setColor(Color.WHITE);

        float lineHeight = bounds.height()/4.0f;

        rectF.set(0, bounds.centerY() - lineHeight, bounds.width(), bounds.centerY() + lineHeight);
        //绘制圆角矩形
        canvas.drawRoundRect(rectF, lineHeight, lineHeight, paint);

        float section = (float) bounds.width() / pointCount;

        for (int i = 1; i < pointCount; i++) {
            paint.setShader(null);
            paint.setColor(Color.WHITE);
//            paint.setStrokeWidth(1);

            float cx = section * i;//X轴圆心坐标

            if (i % 2 == 0) {
                canvas.drawLine(cx, bounds.centerY() - lineHeight, cx, bounds.centerY() + lineHeight, paint);
            } else {
                canvas.drawCircle(cx, bounds.centerY(), lineHeight*2, paintCircle);
                canvas.drawCircle(cx, bounds.centerY(), lineHeight, paintCircleCenter);
            }
        }
    }

    @Override
    public void setAlpha(int alpha) {
        paint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter colorFilter) {
        paint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return 1 - paint.getAlpha();
    }

    /**
     * MySeekBarDrawable Builder
     */
    public static class Builder {

        /**
         * 分割段数
         */
        int pointCount;

        /**
         * 起始颜色
         */
        int startColor;

        /**
         * 中间色
         */
        int centerColor;

        /**
         * 结束颜色
         */
        int endColor;

        /**
         * Sets the seekBar point count.
         *
         * @returns This Builder
         */
        public Builder setPointCount(int pointCount) {
            this.pointCount = pointCount;
            return this;
        }

        /**
         * Sets the seekBar start color.
         *
         * @param startColor start color in #AARRGGBB format.
         * @returns This Builder
         */
        public Builder setStartColor(int startColor) {
            this.startColor = startColor;
            return this;
        }

        /**
         * Sets the seekBar center color.
         *
         * @param centerColor center color in #AARRGGBB format.
         * @returns This Builder
         */
        public Builder setCenterColor(int centerColor) {
            this.centerColor = centerColor;
            return this;
        }

        /**
         * Sets the seekBar end color.
         *
         * @param endColor end color in #AARRGGBB format.
         * @returns This Builder
         */
        public Builder setEndColor(int endColor) {
            this.endColor = endColor;
            return this;
        }

        /**
         * Creates a new MySeekBarDrawable with the requested parameters
         *
         * @return New MySeekBarDrawableInstance
         */
        public MySeekBarDrawable create() {
            return new MySeekBarDrawable(pointCount, startColor, centerColor, endColor);
        }
    }
}


第二步：自定义seekbar，并将我们的自定义drawable附上：

 

 

 

package com.zkbc.tougu.demo;

import android.animation.Animator;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.SeekBar;
import android.widget.TextView;

import com.zkbc.tougu.R;

/**
 * 自定义seekBar
 * Created by Rock Lee on 2016/6/21.
 */
public class MyNiceSeekBar extends SeekBar implements SeekBar.OnSeekBarChangeListener {

    private int pointCount;

    private int startColor;

    private int centerColor;

    private int endColor;

    public final int oneLength = 100;//每个隔断的刻度
    int risk;

    TextView centerText;
    Drawable thumbDrawable;
    View thumb;

    MySeekBarDrawable drawable;

    SeekBarInterface barInterface;//参数回调

    SeekBarOnDrawListener onDrawListener;//seekBar绘画监听

    private boolean mPopupStyle;//是否显示pop
    private boolean mThumbStyle;
    private int xOffset;
    private PopupWindow mPopup;
    private TextView mPopupTextView;
    private int mYLocationOffset;

    public MyNiceSeekBar(Context context) {
        this(context, null);
    }

    public MyNiceSeekBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyNiceSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);

    }

    private void init(Context context, AttributeSet attrs) {

        TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.MySeekBar);

        pointCount = mTypedArray.getInteger(R.styleable.MySeekBar_pointCount, 5);
        startColor = mTypedArray.getColor(R.styleable.MySeekBar_startColor, Color.GREEN);
        centerColor = mTypedArray.getColor(R.styleable.MySeekBar_centerColor, 0);
        endColor = mTypedArray.getColor(R.styleable.MySeekBar_endColor, Color.RED);
        mPopupStyle = mTypedArray.getBoolean(R.styleable.MySeekBar_popupStyle, false);
        mThumbStyle = mTypedArray.getBoolean(R.styleable.MySeekBar_popupStyle, false);
        xOffset = (int) mTypedArray.getDimension(R.styleable.MySeekBar_xOffset, 0);
        mYLocationOffset = (int) mTypedArray.getDimension(R.styleable.MySeekBar_yOffset, 0);

        mTypedArray.recycle();

        setMax(pointCount * 2 * oneLength);

        setProgress(3 * oneLength);
        setOnSeekBarChangeListener(this);

        drawable = new MySeekBarDrawable.Builder()
                .setPointCount(pointCount)
                .setStartColor(startColor)
                .setCenterColor(centerColor)
                .setEndColor(endColor).create();
        setProgressDrawable(drawable);
        initThumb((getProgress() / (2 * oneLength) + 1) + "");
        initHintPopup();
    }

    public void initThumb(String risk) {
        LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        thumb = inflater.inflate(R.layout.seekbar_thumb, null);
        centerText = (TextView) thumb.findViewById(R.id.text1);
        if (mThumbStyle) {
            centerText.setText(risk);
        }
        thumbDrawable = convertViewToDrawable(thumb);
        setThumb(thumbDrawable);
    }

    public static Drawable convertViewToDrawable(View view) {
        view.measure(
                View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
                View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
        view.layout(0, 0, view.getMeasuredHeight(), view.getMeasuredHeight());
        view.setDrawingCacheEnabled(true);
        Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache(true));
        Drawable drawable = new BitmapDrawable(null, bitmap);
        view.destroyDrawingCache();
        view.setDrawingCacheEnabled(false);
        return drawable;
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(getMeasuredWidth(), getMeasuredHeight());
    }

    @Override
    protected synchronized void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (onDrawListener != null) {
            onDrawListener.onDrawListener();
        }
    }

    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        //进度改变时调用
        risk = getTargetProgress(seekBar) / (2 * oneLength) + 1;
        String popupText;
        if (barInterface != null) {
            int targetProgress = getTargetProgress(seekBar);
            popupText = barInterface.progressChangeCallBack(this, getProgress(), targetProgress);
            mPopupTextView.setText(popupText != null ? popupText : String.valueOf(targetProgress));
        }
        if (mPopupStyle && mPopup != null) {
            showPopup();
            mPopup.update(this, (int) getXPosition(getProgress(), mPopup.getContentView()), -(this.getHeight() + mPopup.getContentView().getMeasuredHeight() + mYLocationOffset), -1, -1);
        } else {
            hidePopup();
        }
    }

    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
        //进度条开始拖动的时候调用
        showPopup();
        centerText.setText("");
        thumbDrawable = convertViewToDrawable(thumb);
        setThumb(thumbDrawable);
    }

    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        //进度条停止拖动的时候调用
        int targetProgress = getTargetProgress(seekBar);
        dodo(seekBar.getProgress(), targetProgress);
        if (mThumbStyle) {
            centerText.setText(risk + "");
        }
        thumbDrawable = convertViewToDrawable(thumb);
        setThumb(thumbDrawable);
    }

    /**
     * 赋值+执行动画
     *
     * @param progressText   当前滑动的点
     * @param targetProgress 自动滑动到目标点
     */
    public void dodo(int progressText, int targetProgress) {
        AnimatorSet animation = new AnimatorSet();

        ObjectAnimator progressAnimation = ObjectAnimator.ofInt(this, "progress",
                progressText, targetProgress);
        progressAnimation.setDuration(300);
        progressAnimation.setInterpolator(new AccelerateDecelerateInterpolator());
        //增加动画监听
        progressAnimation.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                hidePopup();
            }

            @Override
            public void onAnimationCancel(Animator animation) {
                hidePopup();
            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        animation.playTogether(progressAnimation);
        animation.start();
    }

    /**
     * 选中回调
     *
     * @param barInterface 回调监听
     */
    public void setSeekBarCallBack(SeekBarInterface barInterface) {
        this.barInterface = barInterface;
    }

    /**
     * 绘画监听接口
     *
     * @param onDrawListener 绘画监听实现接口
     */
    public void setOnDrawListener(SeekBarOnDrawListener onDrawListener) {
        this.onDrawListener = onDrawListener;
    }

    /**
     * 是否显示pop
     * @param style 是否显示pop
     */
    public void setPopupStyle(boolean style) {
        mPopupStyle = style;
    }

    private void initHintPopup() {
        String popupText = null;

        if (barInterface != null) {
            int targetProgress = getTargetProgress(this);
            popupText = barInterface.progressChangeCallBack(this, getProgress(), targetProgress);
        }

        LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        final View undoView = inflater.inflate(R.layout.popup, null);
        mPopupTextView = (TextView) undoView.findViewById(R.id.text);
        mPopupTextView.setText(popupText != null ? popupText : String.valueOf(getProgress()));

        mPopup = new PopupWindow(undoView, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, false);
        mPopup.getContentView().measure(0, 0);//获取测量后的popWindow高度

        mPopup.setAnimationStyle(R.style.fade_animation);

    }

    private void showPopup() {
        if (mPopupStyle) {
            mPopup.showAsDropDown(this, (int) getXPosition(getProgress(), mPopup.getContentView()), -(this.getHeight() + mPopup.getContentView().getMeasuredHeight() + mYLocationOffset));
        }
    }

    private void hidePopup() {
        if (mPopup != null && mPopup.isShowing()) {
            mPopup.dismiss();
        }
    }

    /**
     * 获取X坐标
     *
     * @param progress 进度
     * @param v        在seekBar上显示的View
     * @return X
     */
    private float getXPosition(int progress, View v) {
        //seekBar总宽度包含ThumbOffset两边
        float val = (((float) progress * ((float) getWidth())) / (float) getMax());
        int textWidth = v.getMeasuredWidth();
        float textCenter = (textWidth / 2.0f) + xOffset;
        return val - textCenter;
    }

    /**
     * 获取目标进度
     *
     * @return 返回目标进度
     */
    private int getTargetProgress(SeekBar seekBar) {
        int targetProgress;//进度参数回调默认值

        int proNow = seekBar.getProgress();//当前点
        int yu = proNow % oneLength;//取余数
        if ((proNow / oneLength) % 2 == 0) {
            //是否为满进度，满进度回退一格
            targetProgress = proNow == getMax() ? proNow - oneLength : proNow + oneLength - yu;
        } else {
            targetProgress = proNow - yu;
        }
        return targetProgress;
    }

    /**
     * 设置推荐坐标
     *
     * @param recommendPosition 显示在第几个点，从0开始
     * @param ll_recommend
     */
    public void setRecommendPosition(int recommendPosition, View ll_recommend) {
        int progress = oneLength + recommendPosition * 2 * oneLength;
        float x = getXPosition(progress, ll_recommend);
        LinearLayout.LayoutParams pa = (LinearLayout.LayoutParams) ll_recommend.getLayoutParams();
        pa.setMargins((int) x, 0, 0, 0);
        ll_recommend.setLayoutParams(pa);
    }
    public int getRisk() {
        return risk;
    }

    public void setRisk(int risk) {
        this.risk = risk;
    }

    /**
     * 是否显示Thumb数字
     * @param mThumbStyle
     */
    public void setThumbStyle(boolean mThumbStyle) {
        this.mThumbStyle = mThumbStyle;
    }

}

 

使用方式：

 

 

private void initSeekbar() {
        recommend = 3;
        mSeekBar1.initThumb((mSeekBar1.getProgress() / (2 * mSeekBar1.oneLength)) + "");
        mSeekBar1.setSeekBarCallBack(new SeekBarInterface() {
            @Override
            public String progressChangeCallBack(MyNiceSeekBar myNiceSeekBar, int progress, int targetProgress) {
                risk = myNiceSeekBar.getRisk();
                myNiceSeekBar.setRisk(risk);
                
                //返回Pop上需要显示的字符串
                return "节点" + risk;
            }
        });
        mSeekBar1.setOnDrawListener(new SeekBarOnDrawListener() {
            @Override
            public void onDrawListener() {
                mSeekBar1.setRecommendPosition(recommend, ll_recommend);
            }
        });
    }

 

 

 

 

 

 

 

 

 

explorerqp
关注
自定义SeekBar, 能改变尺寸、颜色、滑块图片、刻度图片、刻度文字和气泡指示器，当滑动时显示带有进度的气泡指示器
01-10
自定义SeekBar, 能改变尺寸、颜色、滑块图片、刻度图片、刻度文字和气泡指示器，当滑动时显示带有进度的气泡指示器
Android自定义Seekbar滑动条 Pop提示跟随滑动按钮滑动
01-20
本文实例为大家分享了Android自定义Seekbar滑动条的具体代码，供大家参考，具体内容如下 由于项目需要做出此效果，自定义写了一个。 效果图 思路： 原始的seekbar只有滑动条并没有下方的提示文字，所以我们必须要继承Seekbar重写这个控件。 代码： 在values文件夹下新建attrs.xml,用于设置跟随滑动按钮的文字大小，颜色，背景。 <attr name=textcolor format=
SystemVerilog面试必考：手把手教你用constraint解决内存地址不重叠问题（附完整代码）
最新发布
weixin_30878501的博客
04-20 410
本文详细解析了SystemVerilog中constraint的应用，通过内存地址不重叠问题的实战案例，展示了约束随机化在数字电路验证中的优势。文章提供了优化后的完整代码实现，包括核心类设计、关键优化点和调试技巧，帮助读者掌握DV面试中的高频考点。
IndicatorSeekBar 自定义SeekBar,滑动显示进度气泡指示器
jeessykim的博客
11-15 2366
IndicatorSeekBar 项目地址 ：https://github.com/warkiz/IndicatorSeekBar IndicatorSeekBar 自定义SeekBar, 能改变尺寸、颜色、滑块(thumb)图片、刻度(tick)图片、刻度文字(text)和气泡指示器(indicator)，当滑动时显示带有进度的气泡指示器。
自定义悬浮框 android,自定义seekbar（带悬浮框）
weixin_33260057的博客
05-26 447
activity_main.xmlandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#ffffff">android:layout_width="fill_parent"android:layout_height="wrap_content"android:lay...
带悬浮文字的水平SeekBar
qq_26258813的博客
04-11 1130
一、概述这是一个带悬浮文字的水平SeekBar,可以设置手指按下显示，还是一直显示悬浮文字。本来想在网上找一个框架，但是想改成自己需求的样子都差点，可能自己没搞清楚API。最后自己写了个功能简单的，有需要的拿走自己修改，废话不多说，直接上代码。二、内容1、效果图2、代码package com.yang.mytest.util; import android.content.Context; im...
双拖动条自定义seekbar(带浮动textView)
Winter is coming……
08-13 2193
多说无益，先上效果图： 自定义seekbar，继承ImageView，双拖动条（带浮动textview），不会与其他滑动事件冲突，可用于类似侧滑菜单的布局中。文章末尾附上源码下载链接（内含双拖动条seekbar以及单拖动条seekbar，免积分下载），欢迎各位大牛纠bug！ 实现思路： 1)继承于ImageView 2)构造函数设置最值 3)重写onMeasure()方法获取尺寸
带指示器的seekbar
tiannuo1993的博客
08-29 1742
seekbarwithinstruct关于一个带指示器的seekbar，初次自定义view很多地方不足； https://github.com/Tiannuo/seekbarwithinstructhttps://github.com/Tiannuo/seekbarwithinstruct/blob/master/app/src/main/java/com/tikou/seekbarwithins
【Android UI】自定义圆形SeekBar和自定义Dialog的结合使用
yayax的专栏
04-14 4834
最近要做一个比较有趣的效果，就是将android手机设置的条形的SeekBar换成圆形的SeekBar，这里我不讲怎么将定制系统的设置rom，但如果有人想了解设置里面的显示可以看看这篇博客，只讲怎么自定义圆形SeekBar和自定义Dialog，虽然网上有很多这方面的资料，但不系统，所以在这里总结下，方面以后观看。自定义圆形SeekBar关于圆形SeekBar我是在GitHub上下载的一个开源项目，项
自定义圆点刻度可滑动的SeekBar，也可设置刻度
Active的博客
12-07 2100
自定义SeekBar，可实现刻度绘制，圆点绘制。Main中调用方式，完整代码。 seekbar_bg.xml
Android常用控件之SeekBar的使用
DMT专栏
08-30 1万+
SeekBar的应用非常广，比如用来显示音量条、播放进度条，有水平显示也有垂直显示，但Android只给我们提供了水平的，可以用系统默认的样式也可以用我们自定义的样式，总之进度条的用法多种多样，如果Android没有提供也能我们自己去定制，先上图 使用图片自定义水平进度条时有个缺陷，就是图片不能根据进度条的大小进行拉伸，也就是自适应进度条的长度。当然也可以通过改变进度条的宽度跟图片宽度一
安卓自定义圆形裁剪控件，圆形seekbar可拖动
qq_22718203的博客
08-17 1211
如图所示，最近做了一个圆形的裁剪控件，我也觉得这有点奇怪，横的不好吗，不过没办法设计出来就是要搞，那只能画了。 首先简单分析下怎么搞。我们把它拆分成两部分就容易了，简单的就是两个圆形的seekbar。然后裁剪的时间范围肯定不能小于0，所以开始的seekbar不能超过结束的seekbar。分析完成就开始画了。三部曲就不说了，首页画一个圆形的可以拖动的seekbar。 1、画一个底色的圆弧，就是那灰色的一圈， canvas.drawArc(mRectF, 0, 360, false, circle..
解决SeekBar拖动过程中thumb周围产生的圆形阴影/白色圆圈
wudongjiang333的博客
12-05 1万+
最近项目中自定义Seekbar的时候遇到一个问题：拖动进度条的时候，设置的thumb周围会产生一个圆形的阴影/白色圆圈： 用中文在google搜了好久，始终没找到答案（也许是我搜索的关键字有误）。转换战场去stackoverflow用英文关键字“seekbar thumb shadow”搜索，还真给我找到了答案，只要给你自定义的SeekBar的背景置为null，便可去掉这烦人的阴影
Android UI , QuickContactBadge, SeekBar, 自定义漂亮的Android SeekBar样式
kevin_xiang的专栏
11-13 1788
1.  <QuickContactBadge android:id="@+id/quickContactBadge1" android:layout_width="wrap_content" android:layout_height="wrap_content" style="?android:attr/quickContactB
自定义SeekBar以及指示器有白边问题
glc11223344的博客
12-01 687
在布局中添加如下属性，即可解决thumb指示器白边问题自定义SeekBar的样式，要处理指示器(thumb)、进度条(progressDrawable)
Android之SeekBar的简单使用
热门推荐
Mq_sir的博客
05-16 1万+
Android之SeekBar 一、简介 SeekBar意思为拖动条，是ProgressBar的一个子类。 在我们安卓的开发中也是应用非常的广泛。如音乐播放、音量条、播放进度条，等等。Android系统只提供了水平的，默认的样式，我们也可以根据自己需求自定义样式。 二、常用属性和方法 seekBar继承了ProgressBar，ProgressBar所支持的xml属性和方法都适用于seekBar，ProgressBar的使用可以看这篇博客Android之 ProgressBar的简单使用 这里介绍下最常用
Android自定义控件 带文字提示的SeekBar
YangLe
12-20 4330
转载请注明出处 本文出自 容华谢后的博客 1.写在前面 SeekBar控件在开发中还是比较常见的，比如音视频进度、音量调节等，但是原生控件有时还不能满足我们的需求，今天就来学习一下如何自定义SeekBar控件，本文主要实现了一个带文字指示器效果的SeekBar控件，看下最终效果： 2.实现 IndicatorSeekBar public class IndicatorSeekBar exte...
DiscreteSeekBar是一个Material Design风格的、带有气泡指示器的拖动条。可以自定义样式，非常不错的东西
10-25 1351
名称: DiscreteSeekBar 作者: doliangzhe 来源: github 浏览: 85 下载: 50 最新更新: 2015-08-22 实例演示 实例源码 DiscreteSeekBar是一个Material Design风格的、带有气泡指示器的拖动条。
android点击弹出滑动条,IndicatorSeekBar Android自定义SeekBar，滑动时弹出气泡指示器显示进度...
weixin_34138192的博客
05-26 745
overview.png之前在网上看到了当Slider控件在滑动时会弹出气泡指示器，觉得很有趣，于是就进行拓展，就有了下面介绍的一个安卓控件：IndicatorSeekBar。先附上IndicatorSeekBar项目地址: GitHub： https://github.com/warkiz/IndicatorSeekBarimage.png对于IndicatorSeekBar，虽然做不了和上面网...
Android SeekBar样式修改实现签到效果
小马总的博客
07-24 949
1、实现功能 签到的progress 支持气泡指示器 效果图 2、实现代码 （1）重写SeekBar禁止拖动 package com.example.demo; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import andr...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值