(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210900389.X (22)申请日 2022.07.28 (71)申请人 成都新潮传媒 集团有限公司 地址 610000 四川省成 都市中国 （四川） 自 由贸易试验区成都市高新区锦晖西一 街99号1栋2单 元15层15 05号 (72)发明人 蒋晓龙　刘未　张俊凯　 (74)专利代理 机构 四川省成 都市天策商标专利 事务所(有限合 伙) 51213 专利代理师 罗伟 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0482(2013.01) (54)发明名称 水平方向动态可视化对比进度条的实现方 法 (57)摘要 本发明公开了一种水平方向动态可视化对 比进度条的实现方法， 包括： 初始化左右两侧对 比进度条； 计算对比进度条的宽度和高度； 分别 计算左侧进度条和右侧进度条的起始坐标点和 结束坐标点； 绘制左侧进度条和右侧进度条； 监 听对比进度条的视图变化， 当视图变化时， 重新 绘制左侧进度条和右侧进度条， 达到动态可视化 进度条的效果， 直到动画结束； 本发明通过配置 左右侧进度样式， 并设置左右侧进度条实际值的 方式， 通过动画的形式， 让用户更直观感受对比 效果。 权利要求书2页 说明书4页 附图1页 CN 115202795 A 2022.10.18 CN 115202795 A 1.一种水平方向动态可视化对比进度条的实现方法， 其特 征在于， 包括以下步骤： 步骤1、 初始化左右两侧对比进度条； 步骤2、 计算对比进度条的宽度和高度； 步骤3、 分别计算左侧进度条和右侧进度条的起始坐标点和结束坐标点； 步骤4、 绘制左侧进度条和右侧进度条； 步骤5、 监听对比进度条的视图变化， 当视图变化时， 重新绘制左侧进度条和右侧进度 条， 达到动态可视化进度条的效果， 直到动画结束。 2.根据权利要求1所述的水平方向动态可视化对比进度条的实现方法， 其特征在于， 所 述步骤1具体如下： (1)配置左侧进度条样式， 样式对应的属性名称包括左侧画笔mLe ftPaint， 左侧画笔颜 色mLeftProgressColor， 画笔粗细mProgressHeight， 首页判断用户是否配置了画笔样式， 如果用户配置了画笔样式， 则替换掉默认的样式， 初始化左侧画笔mLeftPaint， 调用 And roid 原生画笔方法mLef tPaint .setColor ( ) 设置画笔颜色 ， 调 用 mLeftPai nt.setSt rokeWidth()设置画笔粗细； (2)配置右侧进度条样式， 样式对应 的属性名称包括右侧画笔mRightPaint， 右侧画笔 颜色mRightProgressColor， 画笔粗细mProgressHeight， 首页判断用户是否配置了画笔样 式， 如果用户配置了画笔样式， 则替换掉默认的样式， 初始化右侧画笔mRightPaint， 调用 Android原生画笔方法mRightPaint .setColor ( ) 设置画笔颜色 ， 调用 mRightPai nt.setSt rokeWidth()设置画笔粗细。 3.根据权利要求1或2所述的水平方向动态可视化对比进度条的实现方法， 其特征在 于， 所述步骤3具体包括以下步骤： ①调用Android原生视图自带Api获取整个视图的宽度getWidth、 整个视图的左侧x轴 坐标getLeft、 整个视图的底部 Y轴坐标getBot tom以及整个视图的右侧X轴坐标getRight； ②计算对比进度条实际总值mTotalValue： 对比进度条实际总值mTotalValu＝左侧进度条的实际值mLeftValue+右侧进度条的实 际值mRight Value； ③计算左侧进度条的起始坐标点和结束坐标点： 左侧进度条起始点 坐标为整个视图的左下角， 即： (getLeft， getBot tom)； 左侧进度条 结束点坐标为： (左侧进度条宽度mLeftW idth， getBot tom)； 通过计算左侧进度条实际值mLeftValue与实际总值mTotalValue的比例mLeftRatio＝ mLeftValue÷mTotalValue， 可以得到： mLeftWidth(左侧进度条宽度)＝getLeft+(getW idth*mLeftRati o)； ④计算右侧进度条的起始坐标点和结束坐标点： 右侧进度条起始点 坐标为整个视图的右下角， 即： (getRight， getBot tom)； 右侧进度条 结束点坐标为： (右侧进度条宽度mRightW idth， getBot tom)； 通过计算右侧进度条实际值mRightValue与实际总值mTotalValue的比例mRightRatio ＝mRight Value÷mTotalValue， 可以得到： 左侧进度条宽度mRightW idth＝getRight ‑(getWidth*mRightRati o)。 4.根据权利要求3所述的水平方向动态可视化对比进度条的实现方法， 其特征在于， 在权　利　要　求　书 1/2 页 2 CN 115202795 A 2步骤4中， 通过调用Andro id原生画线方法绘制左侧进度条， 具体方法如下： drawLine(getLeft， getBot tom， mLeftW idth， getBot tom， mLeftPai nt)； 通过调用Andro id原生画线方法绘制右侧进度条， 具体方法如下： drawLine(getRight， getBot tom， mRightW idth， getBot tom， mRightPai nt)。 5.根据权利要求4所述的水平方向动态可视化对比进度条的实现方法， 其特征在于， 在 步骤5中， 当用户设置mLeftValue和mRightValue具体值时， 触发视图变化， 从而mLeftWidth 和mRightW idth的值 不停变化， 据此重新绘制左侧 和右侧进度条。 6.根据权利要求5所述的水平方向动态可视化对比进度条的实现方法， 其特征在于， 当 触发视图变化时， 调用Android原生ValueAnimator动画方法设置左侧进度条和右侧进度条 的动画效果， 动画执 行的参数 数据包括： 动画执行时长， 根据用户配置的动画时间设置动画时长； 动画执行参数值区间， 在动画时长的动画执行过程中， 从0开始逐步返回设置的区间数 据。权　利　要　求　书 2/2 页 3 CN 115202795 A 3