首先定义一个ProgressBar：

    <ProgressBarandroid:id="@+id/progressBar"style="?android:attr/progressBarStyleHorizontal"android:layout_width="300dp"android:layout_height="wrap_content"android:indeterminate="false"android:progress="30"android:progressDrawable="@drawable/round_progress"app:layout_constraintBottom_toBottomOf="@+id/name"app:layout_constraintEnd_toEndOf="parent"android:layout_marginRight="110dp"app:layout_constraintTop_toTopOf="@+id/name" />

设置style 是横向的，然后设置progressDrawable 为 round_progress.

round_progress.xml 里面如下

情况一：

如果进度左边是圆形，中间是矩形，如下图：

使用下面的xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><item android:id="@android:id/background"><shapeandroid:shape="rectangle" android:padding = "5dp"><solid android:color="#FFE8E8E8"/><stroke android:color="#FFE8E8E8" android:width="1dp" /><cornersandroid:radius="10dp" /></shape></item><item android:id="@android:id/secondaryProgress"><clip><shapeandroid:shape="rectangle" android:padding = "5dp"><solid android:color="#FFFF0000"/><cornersandroid:radius="10dp"
/></shape></clip></item><item android:id="@android:id/progress"><clip><shapeandroid:shape="rectangle" android:padding = "5dp"><solid android:color="#FFFF0000"/><cornersandroid:radius="10dp"
/></shape></clip></item></layer-list>

情况二：

如果进度两端都是圆形，如下图

使用下面的xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><item android:id="@android:id/background"><shapeandroid:shape="rectangle" android:padding = "5dp"><solid android:color="#FFE8E8E8"/><stroke android:color="#FFE8E8E8" android:width="1dp" /><cornersandroid:radius="10dp" /></shape></item><item android:id="@android:id/secondaryProgress"><scale android:scaleWidth="100%"><shapeandroid:shape="rectangle" android:padding = "5dp"><solid android:color="#FFFF0000"/><cornersandroid:radius="10dp"
/></shape></scale></item><item android:id="@android:id/progress"><scale android:scaleWidth="100%"><shapeandroid:shape="rectangle" android:padding = "5dp"><solid android:color="#FFFF0000"/><cornersandroid:radius="10dp"/></shape></scale></item></layer-list>

TODO

layer-list、shape、scale、clip 的使用，真的不太熟悉。

Android 圆角矩形ProgressBar相关推荐

android 画圆角背景颜色,android圆角矩形有背景颜色
android圆角矩形,渐变颜色,自定义首先,在drawable目录下写一个xml,名字随便起(只要符合规范),代码如下: android:shape="rectangle" & ...
android圆角矩形编辑框,AndroidUi(2)-圆角矩形
一.圆角矩形 Paste_Image.png android:shape="rectangle"> 二.镂空描边矩形 Paste_Image.png android:shap ...
Android圆角矩形
1.在drawable中创建shape_round文件 <?xml version="1.0" encoding="utf-8"?> <sha ...
android圆角矩形图片的实现进而讨论view自定义的要点
实现圆角的图片一般会有两种方法,一种是使用Xfermode,一种是Shader Shaderde 实现可以看这里:http://blog.csdn.net/lmj623565791/article/d ...
Android自定义文件路径箭头,Android自定义ViewGroup实现带箭头的圆角矩形菜单
本文和大家一起做一个带箭头的圆角矩形菜单,大概长下面这个样子: 要求顶上的箭头要对准菜单锚点,菜单项按压反色,菜单背景色和按压色可配置. 最简单的做法就是让UX给个三角形的图片往上一贴,但是转念一想这 ...
android paint 圆角绘制_[BOT] 一种android中实现“圆角矩形”的方法
内容简介文章介绍ImageView(方法也可以应用到其它View)圆角矩形(包括圆形)的一种实现方式,四个角可以分别指定为圆角.思路是利用"Xfermode + Path"来进行 ...
Android之圆角矩形
安卓圆角矩形的定义在drawable文件夹下,定义corner.xml <?xml version="1.0" encoding="utf-8"?> ...
android xml图片圆角矩形,使用Path自定义圆角图片
简单实现圆角图片CircleView 效果: CircleImageView代码: public class CircleImageView extends AppCompatImageView { ...
在Android中绘制圆角矩形图片
圆角矩形图片在苹果的产品中很流行,相比于普通的矩形,很多人都喜欢圆角矩形的图片,下面在Android中实现将普通的矩形图片绘制成圆角矩形. 先来看一下普通矩形图片的显示,代码很简单,从r ...

Android 圆角矩形ProgressBar

首先定义一个ProgressBar：

round_progress.xml 里面如下

情况一：

如果进度左边是圆形，中间是矩形，如下图：

情况二：

如果进度两端都是圆形，如下图

TODO

Android 圆角矩形ProgressBar相关推荐

最新文章

热门文章