Android 自定义ProgressBar横向圆角

最新推荐文章于 2024-07-12 04:09:38 发布
最新推荐文章于 2024-07-12 04:09:38 发布
阅读量1.9k 收藏 3
点赞数 4
分类专栏： Android 自定义view 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JOYU_/article/details/109742009
版权
本文介绍了如何在Android项目中创建一个带有圆角的横向ProgressBar。在尝试使用自定义shape和layer-list时遇到问题，发现 corners 被裁剪成直角。通过不使用clip，而是利用scale标签，并结合网上的解决方案，成功实现了预期效果。文章提供了一个XML示例，展示了如何定义shape以达到圆角进度条的需求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ProgressBar大家可能项目中都会用到,但是大部分都是根据UI给的符合项目主题的自定义形式的;

下面就是我们项目中一个显示学习进度的横向ProgressBar;

可以看到四个角都是圆角的,本人首先想到的是自定义,但是会发现四个角总是不能够实现,要不左侧会被切成直角,要不进度内侧会被切成直角,也是从网上查找分析,最终实现如下:

结合网上大神的示意,在此作个笔记,方便之后遇到直接拿来用,节省时间.

借鉴ProgressBar 进度条的进度两端是圆角的方法

但是根据自定义的shape 或者是 layer-list却总是很难做到，几乎都是被clip成了直角的样子如上；

为什么是直角的？原因就是被clip给切了，所以我们不能够用clip，而要使用scale这个标签。而上面链接给出的解答是定义一个.9的图片就能满足要求，由于我们这里是纯色的一个进度，所以没有必要通过再制作一个.9的图片，而只需要通过同样的方法引用我们定义的一个shape就可以了；

好了,先上图(自动忽略边框,实际是没有)

xml

<ProgressBar
最低0.47元/天 解锁文章
android progressbar 进度圆角,android ProgressBar 进度条的进度两端是圆角的方法
weixin_39816362的博客
05-29 1217
转自http://www.jianshu.com/p/6e7ea842d5ce另外工作原理可以参考http://blog.youkuaiyun.com/lan603168/article/details/44705425ProgressBar 自定义的时候可能会遇到一个问题，希望进度条中的进度的两端都是圆角的(或者进度的末端是圆角的)；如下图：progress bar rounder但是根据自定义的shap...
Android 自定义进度条：实现渐变色和圆角效果
最新发布
zhangzhikang03的博客
01-15 1250
*** @Description: 自定义数据进度条*/= null,private var progress = 0f // 当前进度 (0~100)private var progressColorStart = Color.BLUE // 渐变开始色private var progressColorEnd = Color.CYAN // 渐变结束色private var backgroundColor = Color.LTGRAY // 背景色。
【android ProgressBar 进度条的进度两端是圆角的方法】
qq_29186033的博客
03-25 1655
ProgressBar 使用的时候大多都是希望进度条中的两端都是圆角.虽然不是很常用，但是用的时候能够快速搞出来，修修改改就可以使用，看代码。
android自定义progressBar颜色，圆角
03-27
android自定义progressBar颜色，四个角圆度
Android 圆角矩形ProgressBar
男儿不展风云志，空有天生八尺躯
09-10 670
首先定义一个ProgressBar： <ProgressBar android:id="@+id/progressBar" style="?android:attr/progressBarStyleHorizontal" android:layout_width="300dp" android:layout_height="wrap_content" android:indeterminate="false"
Android自定义进度条——圆角横向进度条
It一zhai男
09-19 8344
Android自定义进度条——圆角横向进度条1.本文将向你介绍自定义进度条的写法，比较简单，但还是有些知识点是需要注意的： invalidate()方法 RectF方法的应用 onMeasure方法的应用 2.原理 画3层圆角矩形，底层为黑色，第二层为灰色，最上一层为进度条颜色，示例图如下： 3.效果图 实现圆角进度条还有很多其他方法，比如在Progress控件里填充圆角图片，通过拉伸图片
Android 阴影圆角效果+自定义ProgressBar
m0_51282960的博客
09-18 625
关于Android 阴影效果，第一想到的就是卡片布局，但是效果并不是UI所要的，所以就利用了叠加，颜色一点点尝试出来，赶紧记录下。 android 有个自带的点9图，可直接 android:background="@android:drawable/dialog_holo_light_frame" 2.自己设置，我这个设置的效果就是这种，不明显的 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="ht
Android自定义进度条的圆角横向进度条实例详解
09-01
- 在`ProgressViewTest.java`文件中，定义自定义进度条类，继承自`View`或`ProgressBar`。你需要重写`onDraw()`和`onMeasure()`方法来实现自定义的绘制逻辑。 6. **效果展示** - 绘制完成后，运行应用程序，你会...
android自定义圆角进度条,Android自定义进度条的圆角横向进度条实例详解
weixin_30019517的博客
05-25 1175
1.本文将向你介绍自定义进度条的写法，比较简单，但还是有些知识点是需要注意的：invalidate()方法RectF方法的应用onMeasure方法的应用2.原理画3层圆角矩形，底层为黑色，第二层为灰色，最上一层为进度条颜色，示例图如下：3.效果图实现圆角进度条还有很多其他方法，比如在Progress控件里填充圆角图片，通过拉伸图片来达到预想的效果，虽然听起来很简单，但实现起来还是有些麻烦的。4....
android自定义横向进度条,Android自定义进度条的圆角横向进度条实例详解
weixin_35552251的博客
05-26 625
1.本文将向你介绍自定义进度条的写法，比较简单，但还是有些知识点是需要注意的：invalidate()方法rectf方法的应用onmeasure方法的应用2.原理画3层圆角矩形，底层为黑色，第二层为灰色，最上一层为进度条颜色，示例图如下：3.效果图实现圆角进度条还有很多其他方法，比如在progress控件里填充圆角图片，通过拉伸图片来达到预想的效果，虽然听起来很简单，但实现起来还是有些麻烦的。4....
Android自定义水平进度条圆角进度
06-26
定义水平进度条的圆角进度，
android圆角矩形进度条
05-29
思路介绍 http://blog.youkuaiyun.com/li_xiao_kang/article/details/46225927
android圆角进度条及色环
05-26
色环，或圆角进度条，自定义progress，重写ondraw方法，这个只是抛砖引玉，剩下的可根据自行需要修改，代码没整理有点乱，根据代码洁癖自行整理吧，也考验考验提示看代码的能力
【Android】ProgressBar进度是圆角模型写法
且歌且行
07-02 1035
在xml布局中声明ProgressBar：&lt;ProgressBar android:id="@+id/progress" android:layout_width="match_parent" android:layout_height="@dimen/x16" android:layout_ma...
Android简单自定义圆形和水平ProgressBar
热门推荐
其实并不难,是你太悲观
07-22 19万+
ProgressBar
android ProgressBar 进度条圆环
weixin_32112607的博客
07-12 516
Android ProgressBar 进度条圆环 在Android应用程序中，进度条是一种非常常见的UI元素，它用于显示任务的进度。ProgressBar是Android中的一个内置类，可以用来显示水平或者垂直的进度条。但是有时候我们可能需要自定义进度条的样式，比如将进度条显示为一个圆环。本文将介绍如何在Android应...
android progressbar 进度条都要圆角
weixin_42205698的博客
06-22 3009
clip把右面两个角切掉了，所以我们自定义个shape去引用即可&lt;ProgressBar android:id="@+id/progressbar" android:tag="(156,22)" android:layout_width="wrap_content" android:layout_height="wrap_content" style=...
android progressbar 使用自定义图片时的左右两端圆角效果实现
lan603168的专栏
03-28 8807
前几天一直在折腾progressbar的圆角进度条动画，各种爬贴摸索，几经折腾找到一种比较方便的方法实现，这里做下笔记，避免下次折腾。不需要重写progressbar,或者自己 定义一个progressbar。原生的progressbar的条形进度条的进度动画效果是直角的，没有圆角效果的。首先我们来认识一下progressbar。
横向progressbar如何自定义进度条右边圆角
07-12
要自定义横向进度条的右边圆角，你可以创建一个自定义的进度条样式，并在该样式中添加一个圆角背景。以下是一种实现方式： 1. 创建一个 XML 文件，在其中定义自定义的进度条样式。例如，创建一个名为 `custom_...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值