Android Seekbar进度条末端显示不全的解决方法

调试环境基于Android 6.0。

在调整我们的应用UI时，如果使用到了seekbar，那可能会出现下面这各情况，进度条末端的切图形状没有显示出来，比如我的切图末端是圆弧形，显示的却是直角形。

这种情况下可以用如下的方式解决：

<SeekBarandroid:="@+id/seek"android:layout_width="@dimen/seekbar_width"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:progressDrawable="@drawable/seekbar_picture"android:thumb="@drawable/thumb"android:paddingEnd="10px"   ---设置内边距右对齐10像素，避免thumb被覆盖android:paddingStart="10px"  ---设置内边距左对齐10像素，避免thumb被覆盖/>

关键是最后两句，指定具体的seekbar进度条长度数值。对齐像素由thumb的直径决定。

以下是具体说明：

首先需要确定，Seekbar的切图，其三属性background、progress、secondaryProgress与thumb其高度需要保持一致。

其次，为了防止thumb在起点或末端时被覆盖，Android缺省的参数中是有设置padding，即内边距有被设置。

假设切图提供的progress为400px的长度，XML定义的progress为400px，thumb半径为10px。
则由上图可知实际显示的progress只有400 -10*2 =380px，故progress有20px没有显示完全。

因此解决的方法之一正如开头所述：

在不改变UI布局的情况下，将切图裁剪一个thumb直径的像素长度。
定义padding，明确参数，确定bakground及progress等从seekbar控件内部偏移几个像素（偏移量大于等于thumb半径）为起点绘制。

经过上述步骤，即可显示完整的seekbar。

备注：
seekbar中background的绘制是循环绘制的，若xml定义的长度远超切图的长度，会再次出现一个进度条，故切图长度需明确。
若设置paddingEnd和paddingStart为0px，则seekbar进度条与xml定义长度一致，但这时会出现thumb在起点与末端会有一半图形被覆盖的情况，所以最好是预留一个半径的像素。

Android Seekbar进度条末端显示不全的解决方法相关推荐

【word 应用篇】word如何插入页码以及word插入图片显示不全的解决方法
文章目录 word如何插入页码.word插入图片显示不全的问题 1.word如何在某一页开始设置页码 2.word中插入图片时,图片会显示不全的解决方法 word如何插入页码.word插入图片显示不全 ...
Chart控件X轴显示不全的解决方法
Chart控件X轴显示不全的解决方法参考文章: (1)Chart控件X轴显示不全的解决方法 (2)https://www.cnblogs.com/topmount/p/8430689.html 备忘 ...
为什么文本框里的字只显示一半_Word文档中文字显示不全的解决方法有哪些
在Word 文档中,如果把段落中的文字字号设置大一点的字体,可能会出现文字显示不全的情况;表格中也可能出现这种情况,文字显示一半或都显示不出来,是什么原因?以下是学习啦小编为您带来的关于Word文档中 ...
win7计算机出现空白图标,Win7程序图标变空白显示不全的解决方法
Win7系统中有很多程序图标,大家可点击图标来运行程序,有时候会遇到程序图标变空白,或者显示不全的问题,看起来非常奇怪,怎么回事呢?很大原因是图标缓存出错,有什么办法可以彻底解决问题?我们只要重建安图 ...
html页面在ie上出现404怎么解决,ie浏览器网页上有错误显示不全的解决方法
ie浏览器网页上有错误显示不全的解决方法有时候打开网页发现内容的排版比较混乱,比如上下两行的文字部分重叠,字体大小看起来很不协调,本来是一行的文字显示成两行,等等.这是因为浏览器的设置出了问题,很多 ...
word中图片为嵌入式格式时显示不全_word嵌入图片显示不全怎么办-word嵌入图片显示不全的解决方法 - 河东软件园...
word是我们最常用的办公组件之一,其具备了强大的文字编辑与文字处理功能,帮助用户轻松的进行编辑,而在使用word的过程中,我们难免需要在其中插入图片,从而帮助我们更好的表达我们的内容,而部分用户在插 ...
word表格内容显示不全的解决方法
问题上面表格的内容是正常显示的,下面表格的内容明显没有显示完全. 解决方法选中单元格-右键-表格属性行-行高值是-最小值问题解决
问题分享：Word中图片显示不全的解决方法
前几天,帮一个同学做论文中的统计分析,遇到一个奇怪的问题,在Excel中做完图表,粘贴到Word中,就变成了下图中的情况. 图中上方是一个正常的图表(柱形图+折线图),下方红框标识的也是一个图片,但是 ...
Windows Media Player进度条无法自动播放的解决方法
在Windows XP或Windows 2003系统下,使用Visual C++ 6.0或Visual Studio 2005开发包含Windows Media Player(以下简称"WM ...

Android Seekbar进度条末端显示不全的解决方法

Android Seekbar进度条末端显示不全的解决方法相关推荐

最新文章

热门文章