热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

Android自定义SeekBar实现分段显示不同背景颜色的示例代码

这篇文章主要介绍了Android自定义SeekBar实现分段显示不同背景颜色,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

在最近的开发工作中,要实现一个调色板的进度条,SeekBar要分成10段显示不同颜色,功夫不负有心人,终于实现了这个功能,下面分享给大家
示例图:

在这里插入图片描述

1.自定义SeekBar

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.os.Build;
import android.util.AttributeSet;
import android.widget.SeekBar;

/**
 *
 * @time 2020/6/4 18:32
 * 

* 类描述:自定义多颜色的SeekBar */ public class MulticolourSeekBar extends SeekBar { /** * 画笔 */ private Paint mMulticlourPaint; /** * 刻度线的个数,等分数等于刻度线的个数加1 */ private int mMulticlourCount = 9; /** * 每条刻度线的宽度 */ private int mMulticlourWidth = 2; /** * 刻度线的颜色 */ private int mMulticlourColor = Color.WHITE; /** * 滑块上面是否要显示刻度线 */ private boolean isShowTopOfThumb = false; public MulticolourSeekBar(Context context) { super(context); init(); } public MulticolourSeekBar(Context context, AttributeSet attrs) { super(context, attrs); init(); } public MulticolourSeekBar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } /** * 初始化 */ private void init() { //创建绘制刻度线的画笔 mMulticlourPaint = new Paint(); mMulticlourPaint.setColor(mMulticlourColor); mMulticlourPaint.setAntiAlias(true); //Api21及以上调用,去掉滑块后面的背景 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { setSplitTrack(false); } } /** * 重写onDraw方法绘制刻度线 * * @param canvas */ @Override protected synchronized void onDraw(Canvas canvas) { super.onDraw(canvas); //极限条件校验 if (getWidth() <= 0 || mMulticlourCount <= 0) { return; } //获取每一份的长度 // int length = (getWidth() - getPaddingLeft() - getPaddingRight() - mMulticlourCount * mMulticlourWidth) / (mMulticlourCount + 1); int length = (getWidth() - getPaddingLeft() - getPaddingRight()) / (mMulticlourCount + 1); //计算刻度线的顶部坐标和底部坐标 int rulerTop = getHeight() / 2 - getMinimumHeight() / 2; int rulerBottom = rulerTop + getMinimumHeight(); //获取滑块的位置信息 Rect thumbRect = null; if (getThumb() != null) { thumbRect = getThumb().getBounds(); } //绘制刻度线 // for (int i = 1; i <= mMulticlourCount; i++) { // //计算刻度线的左边坐标和右边坐标 // int rulerLeft = i * length + getPaddingLeft(); // int rulerRight = rulerLeft + mMulticlourWidth; // // //判断是否需要绘制刻度线 // if (!isShowTopOfThumb && thumbRect != null && rulerLeft - getPaddingLeft() > thumbRect.left && rulerRight - getPaddingLeft()

2.activity_main.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

3.shape_progress_drawable.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
  
  
  
 
 

 
 
  
  
  
  
  
 
 

4.shape_thumb_icon.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

 

总结

到此这篇关于Android 自定义SeekBar 实现分段显示不同背景颜色的文章就介绍到这了,更多相关Android 自定义SeekBar 背景颜色内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!


推荐阅读
author-avatar
jack1881的天空_925
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有