首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android实现节点进度条

日常开发中经常会需要用到自定义View,这次刚好有个需求,需要用到带有节点进度条。东西很简单直接继承View就行了。 ?...; /** * 文字和节点进度条top */ private int marginTop; /** * 两个节点之间距离 */ private int dividWidth; /*...,开始在onDraw中绘制节点进度条和绘制文字 1、绘制灰色背景线条 if(nodeList == null || nodeList.isEmpty()){ return; } bgPaint.setStrokeWidth...(radius/2); //绘制灰色背景线条 canvas.drawLine(radius,radius,getWidth()-radius,radius,bgPaint); 2、绘制节点圆和两个节点之间间隔线条...currentTextWidth / 2, radius*2 + marginTop + mBounds.get(i).height()/2, unselectPaint); } } } 有时候可能需要是下面这种进度条

1.4K20

简单实现节点进度条

节点进度条实现方法不止一个,但是如果要实现图中这种效果,初步看好像还不简单。进度条形状不规则、背景是渐变颜色、节点上面还有个勾。这里提供一个很简单思路,简单都不好意思说了.........image.png 看到这里可能你已经知道要怎么做了,三张图片分别是: 1.进度条填充部分背景,渐变颜色带节点小勾 2.进度条未填充部分背景,纯色 3.进度条外框背景,是一张镂空图,颜色和进度条颜色一致...注意这三张图片大小必须一致,将这三张图片叠加到一起就是我们进度条了。...至于进度条动画,我们只要对第二层那张图片实现一个属性动画就可以了: public void setProgress(float stage) { int progressWidth = ivProgress.getWidth...,这个可以自己拿尺子量一下,多试几次,上面代码中 stage 就是这个作用,它从这里取值: //不同阶段进度条所在位置 public static final float STAGE0 = 0f; public

1.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android实现底部刻度进度条样式

    由于公司需要一个刻度进度条样式,网上找了一圈,有些是加个刻度背景图片,这样对于我项目来说,不合适,因为刻度需要动态去改变,所以换背景图片方案肯定是不行,唯一办法就是自己绘制一个进度条进度条绘制相对来说是比较简单...,刻度最重要是怎么绘制刻度了,我这边默认总共9个刻度,可以自行修改,怎么画出刻度线,重要就是通过canvas平移,translate来实现,x为每次绘制位置,画一条就会平移一段距离再画一条,原理就是这样...import com.anderson.dashboardview.util.PxUtils; import com.anderson.dashboardview.util.StringUtil; /** * 刻度进度条...= 30;//进度条高度 private float numY = 30;//在进度条底部绘制,相当于进度条高度 public HorizontalProgressBar(Context context...= new float[0]; mTikeCount = 36; } } } 总结 以上所述是小编给大家介绍Android实现底部刻度进度条样式,希望对大家有所帮助,如果大家有任何疑问请给我留言

    2K20

    必会算法:深度克隆随机节点链表

    题目 大家好,我是戴先生 今天讲解一下深度克隆随机节点链表两种解法 节点定义如下 public class NodeWithRandomNext { public Integer value...temp = temp.next; } str.append("null"); return str.toString(); } } 什么是随机节点链表呢...指针指向复制节点2 至此复制节点1就成功剥离出来了 同理我们可以处理剩下所有节点 第三遍遍历完成之后 复制后链表就完全剥离出来了 至此随机指针链表深克隆完成 并且时间复杂度为O(N) 没有使用额外空间...deepClone1(list); NodeWithRandomNext clone2 = deepClone2(list); System.out.printf("深克隆随机指针链表..."失败" : "成功", clone1); System.out.printf("深克隆随机指针链表2%s:%s\n", list == clone2 ?

    53510

    Android自定义圆点半圆形进度条

    本文实例为大家分享了Android自定义圆点半圆形进度条,供大家参考,具体内容如下 仅限用于半圆形,如须要带圆点圆形进度条,圆点会出现错位现象,此代码仅供,圆点圆形进度条有空研究一下!...import android.graphics.RectF; import android.util.AttributeSet; import android.view.View; /** * 自定义圆点进度条...progressStrokeWidth = 3; //设置进度条进度宽度 private float marxArcStorkeWidth = 6; //设置进度条圆点宽度 private float...canvas.drawArc(oval, 180, 180, false, paint); // 绘制红丝圆圈,即进度条背景 //进度条颜色 paint.setColor(roundProgressColor...以上就是本文全部内容,希望对大家学习有所帮助。

    1.6K20

    Android 自定义View实现多节点进度条功能

    前言 最近项目有一个节点进度条小需求,完成后,想分享出来希望可以帮到有需要同学。 真机效果图 ? ?...自定义View完整代码 开箱即用~,注释已经炒鸡详细了 /** * @description: 节点进度条 * @author: DMingO * @date: 2020/4/15 */ public...(相同),简而言之就是传入标题列表中有多少个标题,节点就会绘制多少个 控件通过show方法进行View初始化和显示内容,传入节点标题列表和节点选中项集合,控制View选中状态和显示内容 控件初始化显示后...由于不同项目设计稿会有不同,这里也仅仅给有需要同学一个思路,可以改造具体实现代码~ 到此这篇关于Android 自定义View实现多节点进度条功能文章就介绍到这了,更多相关android 自定义view...进度条内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!

    88531

    Android自定义控件实现数值和动画圆形进度条

    下部分是三个小圆弧进度条,弧末端绘制一个小实心圆 首先选好坐标和半径,然后先绘制三个圆环作为弧形进度条背景 之后从12点钟开始绘制进度弧,知道了圆环圆心和半径,也知道了弧对应于12点钟和圆环圆心偏移角度...paint);//画DRAW背景圆 canvas.drawCircle(circleXs[2], circleY, small_radius, paint);//画LOSE背景圆 /*更改画笔颜色,绘制圆弧进度条...small_radius, circleXs[0] + small_radius, circleY + small_radius), 270, theta_values[0], false, paint);//画WIN圆形进度条..., circleXs[1] + small_radius, circleY + small_radius), 270, theta_values[1], false, paint);//画DRAW圆形进度条..., circleXs[2] + small_radius, circleY + small_radius), 270, theta_values[2], false, paint);//画LOSE圆形进度条

    1.2K30

    Android自定义控件实现文本与数字圆形进度条

    本文实例为大家分享了Android实现圆形进度条具体代码,供大家参考,具体内容如下 实现效果图如下所示: ? ?...计算绘制圆弧进度条起始角度,设置为外围大弧左端点为进度值得起点,扫过角度所占外围大弧百分比就是进度值 第三步:绘制数字、文字、百分号 第四步:使用Handler Runnable 和DecelerateInterpolator...是进度条和数字动起来 测试代码: final CustomCircleBar circle=(CustomCircleBar)findViewById(R.id.win_home); circle.setPercent...Canvas canvas) { super.onDraw(canvas); float mWidth = getWidth(); float mHeight = getHeight(); /** * 下边是进度条画笔设置...*/ /*保存画布,绘制进度条*/ canvas.save(); /*clipRect:该方法用于裁剪画布,也就是设置画布显示区域 调用clipRect()方法后,只会显示被裁剪区域,之外区域将不会显示

    1.4K20

    Cytoscape制作bar图和pie图节点网络图

    作者:中科院微生物所 陈亮博士 本教程旨在告诉大家如何使用cytoscape根据Node信息表格制作带有barplot信息节点网络图。以安装文件夹下样例数据为例。...采用Network Analyzer产生一些节点或边统计量。...点击右下角Apply应用按钮,被选择数据将以bar plot形式展示在节点上。 ? 9....修改结点颜色和形状 从图上可以看出圆形节点并不适合展示bar plot图,因此我们可以将节点形状改为正方形,填充颜色改为白色。...并选择上面工具栏中Zoom selected region放大查看细节(点击旁边Zoom out挖扭退回查看完整网络),也可以根据节点名字从右上方搜索框搜索感兴趣节点。 ? 11.

    2.8K31

    参考Bootstrap写一个百分比进度条(附源码)

    最近需要写一个进度条效果,网上找了一些,但都不能完美的实现需求。 于是就自己改造了一个,效果如下图: ? 因为动态图太大,我上传到 GitHub 了,就不在博客上再上传了。...百分比跟随进度条移动,百分比数字也随之变化。 进度条动画效果可选,颜色可根据自己需求修改。 代码如下: html: <!...animation-fill-mode: none;     animation-play-state: running;     animation-name: progress-bar-stripes; } 我将完整页面上传到我...GitHub 上面了,有需要可以去下载:点击访问 声明:本文由w3h5原创,转载请注明出处:《参考Bootstrap写一个百分比进度条(附源码)》 https://www.w3h5.com/

    2.4K10

    Android自定义View实现水平数字百分比进度条

    这个进度条可以反映真实进度,并且完成百分比文字时随着进度增加而移动,所在位置也恰好是真实完成百分比位置,效果如下: ?...= 0xff67aae4; /** * 右侧未完成进度条颜色 */ private int paintRightColor = 0xffaaaaaa; /** * 百分比文字颜色 */ private...*/ private int viewWidth; /** * 得到自定义视图Y轴中心点 */ private int viewCenterY; /** * 画左边已完成进度条画笔 */ private...Paint paintleft = new Paint(); /** * 画右边未完成进度条画笔 */ private Paint paintRight = new Paint(); /** * 画中间百分比文字画笔...(0, viewCenterY, currentMovedLentgh, viewCenterY, paintleft); //画右侧未完成进度条,这个进度条长度不是严格按照百分比来缩放,因为文字长度会变化

    1.9K20
    领券