Android imageview将圆形进度条居中对齐

Android ImageView将圆形进度条居中对齐的方法可以通过以下步骤实现：

创建一个自定义的圆形进度条布局文件，例如circle_progress.xml，其中包含一个ProgressBar和一个ImageView：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:indeterminate="true"
        android:indeterminateOnly="true"
        android:progressDrawable="@drawable/circle_progress_drawable" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/your_image" />

</RelativeLayout>

创建一个自定义的圆形进度条Drawable文件，例如circle_progress_drawable.xml，定义圆形进度条的样式：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:thickness="4dp"
    android:useLevel="true">

    <solid android:color="#FF0000" />

    <size
        android:width="48dp"
        android:height="48dp" />

</shape>

在你的Activity或Fragment中使用这个自定义布局文件：

ImageView imageView = findViewById(R.id.imageView);
imageView.setBackgroundResource(R.drawable.circle_progress);

这样，圆形进度条将会居中对齐在ImageView中，并且可以根据需要自定义进度条的样式和颜色。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mmp
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云区块链（BCB）：https://cloud.tencent.com/product/bcb
腾讯云音视频服务（VOD）：https://cloud.tencent.com/product/vod
腾讯云物联网平台（IoT）：https://cloud.tencent.com/product/iot
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
腾讯云网络安全（NSA）：https://cloud.tencent.com/product/nsa

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Android 圆形ImageView

开发过程中我们经常会用到圆形的图片，作为头像、Item图标等等。笔者今天分享出自己常用的实现方式 —— 继承ImageView重写onDraw方法，手动裁剪。...绘制完成后，使用方式就和普通的ImageView无异。效果图: ?...效果图 .png 核心代码：核心思路其实就是对Bitmap的操作，先将图片裁剪成正方形，再将正方形图片裁剪成圆形 //将原始图像裁剪成正方形 private Bitmap dealRawBitmap...bitmap,leftTopX,leftTopY,minWidth,minWidth,null,false); return scaleBitmap(newBitmap); } //将图片裁剪成圆形图片

2.1K3 0

Android圆形进度条

圆形进度条.jpg 先在attrs.xml中自定义属性 </declare-styleable

8303 0

android自定义控件ImageView实现圆形图片

android开发中常常涉及到一种情况，就是将用户上传的图片以圆形样式显示，但是用户上传的图片可以有直角、圆角、正方形等多种不确定样式，这时就用到了自定义ImageView控件，在安卓客户端使接收到的图片全部以圆形样式显示...CircleImageView.java public class CircleImageView extends ImageView { private static final ScaleType...BITMAP_CONFIG = Bitmap.Config.ARGB_8888; private static final int COLORDRAWABLE_DIMENSION = 2; // 圆形边框的厚度默认值...<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com.../apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android

1K1 0

android实现圆形渐变进度条

最近项目中使用到了渐变效果的圆形进度条，网上找了很多渐变效果不够圆滑，两个渐变颜色之间有明显的过渡，或者有些代码画出来的效果过渡不美观，于是自己参照写了一个，喜欢的朋友可以参考或者直接使用。...textIsDisplayable" format="boolean" / <attr name="lineColor" format="color" / </declare-styleable 2、自定义一个进度条...; import org.jetbrains.annotations.Nullable; /** * 类描述：渐变的圆形进度条 * * @author：lusy * @date ：2018/10/17...startAngle; } public void setStartAngle(float startAngle) { this.startAngle = startAngle; } } 3、使用自定义进度条...view activity布局文件使用如下，为了方便测试效果，新增进度加、进度减，修改进度条颜色的按钮 <?

1.3K2 0

Android实现圆形渐变加载进度条

最近设计要求要一个圆形进度条渐变的需求： 1.画圆形进度条 2.解决渐变最终实现效果代码 package com.view; import android.content.Context; import...android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import...android.graphics.Matrix; import android.graphics.Paint; import android.graphics.RectF; import android.graphics.SweepGradient...; import android.util.AttributeSet; import android.view.View; import com.fx.R; public class CompletedView...private Paint mRingPaint; // 画圆环的画笔背景色 private Paint mRingPaintBg; // 画字体的画笔 private Paint mTextPaint; // 圆形颜色

1.5K2 0

Android自定义控件之圆形进度条Android自定义控件之-圆形进度条

Android自定义控件之-圆形进度条 先上图：填充的环形的贴代码不废话： ** CircleProgressBar.java ** package com.xiaolei.xiaoui; import...android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import...android.graphics.Color; import android.graphics.Paint; import android.graphics.RectF; import android.util.AttributeSet...Color.parseColor("#A5A5A5");//普通的颜色 private int progressColor = Color.parseColor("#FA9025");//已经走了的进度条颜色...textColor = normalColor;//文字颜色 private float textSize = 20;//文字大小 private int progress = 0;//进度条

5.5K5 0

Android使用自定义ImageView实现圆形图片效果

android中的ImageView只能显示矩形的图片，这样一来不能满足我们其他的需求，比如要显示圆形的图片，这个时候，我们就需要自定义ImageView了，其原理就是首先获取到图片的Bitmap，然后进行裁剪圆形的...bitmap，然后在onDraw（）进行绘制圆形图片输出。...自定义的圆形的ImageView类的实现代码如下： package com.xc.xcskin.view; import android.content.Context; import android.graphics.Bitmap...android.util.AttributeSet; import android.widget.ImageView; /** * 自定义的圆形ImageView，可以直接当组件在布局中使用。...* @author caizhiming * */ public class XCRoundImageView extends ImageView{ private Paint paint ;

4.5K2 1

超全的Android组件及UI框架

右对齐父容器 android:layout_alignParentTop 顶部对齐父容器 android:layout_alignParentBottom 底部对齐父容器 android...:layout_centerHorizontal 在父容器中水平居中 android:layout_centerVertical 在父容器中垂直居中 android:layout_centerInParent...居中设置 android:layout_centerHorizontal 如果为true,将该控件的置于水平居中; android:layout_centerVertical 如果为true,将该控件的置于垂直居中...ProgressBar 进度条 10.1 常用属性 ProgressBar(进度条) 可以用来显示一个操作的进度，一般用于比较耗时的地方，比如下载进度条，比如加载等待 ProgressBar 有两种模式...，确定性和不确定性的，有两种外观模式，条形和圆形，所以总共有四种，这涉及到两个属性其他属性 10.2 监听方法 11.

6.1K3 0

安卓入门-第三章-安卓常用控件的使用方式

android:text TexyView控件内具体显示的文本内容 android:gravity 控件内文字对齐方式 “center” 垂直和水平均居中，即效果等同于center_vertical：center_vertical...现在我们修改TextView的文字对齐方式，如下所示：在中加入：android:gravity ="center"语句就将字符居中了。...，效果等同于center_vertical|center_horizontal ，表示文字在垂直和水平方向都居中对齐。...的setImageResource()方法将显示的图片改成img_2，现在重新运行程序，然后点击一下按钮，就可以看到ImageView中显示的图片改变了。...另外，我们还可以给ProgressBar指定不同的样式，刚刚是圆形进度条，通过style 属性可以将它指定成水平进度条，修改activity_main.xml中的代码，如下所示： style="?

1.8K2 0

android自定义view圆形进度条

// 画圆环的画笔背景色 private Paint mRingPaintBg; // 画字体的画笔 private Paint mTextPaint; // 圆形颜色...xmlns:android="http://schemas.android.com/apk/res/android"...android:layout_width="120dp" android:layout_height="120dp"/> </android.support.constraint.ConstraintLayout...自定义漂亮的圆形进度条 Android自定义View之画圆环(进阶篇:圆形进度条) Android 自定义View实例之进度圆环 Android花样loading进度条（二）-简单环形进度条 Android...自定义圆形进度条 android自定义控件之圆形进度条（带动画）

1.2K1 0

android自定义等级评分圆形进度条

本文实例为大家分享了android评分圆形进度条的具体代码，供大家参考，具体内容如下一、测试截图 ?...; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import...android.graphics.Paint; import android.graphics.RectF; import android.graphics.Typeface; import android.util.AttributeSet...; import android.view.MotionEvent; import android.view.View; /** * @name GradeProgressBar * @Descripation...自定义等级评分圆形进度条，用于设备数据统计页面一键评分<br * 1、初始化边界宽度、中心坐标和外环、内环半径，各种画笔。

7913 1

Android实现渐变圆环、圆形进度条效果

最近做了一个功能，里面涉及到了渐变圆形的需求。就是一个颜色可以渐变的圆环，最后实现的效果如下图： ? ? 左图是带渐变效果，右图是不带渐变效果。...; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import...mDefaultWheelPaint.setShadowLayer(getTextScale(10, min), 0, 0, Color.rgb(127, 127, 127));// 设置阴影 } /** * 进度条动画...mPercent = Float.parseFloat(mDecimalFormat.format(interpolatedTime * mStepNum * 100f / mMaxStepNum));// 将浮点值四舍五入保留一位小数...); // } else { mPercent = Float.parseFloat(mDecimalFormat.format(mStepNum * 100f / mMaxStepNum));// 将浮点值四舍五入保留一位小数

1.5K1 0

腾讯开源超实用的UI轮子库，我是轮子搬运工

控制子 View 的水平对齐方向（左对齐/居中/右对齐）。限制子 View 的个数或行数。...提供了 Section 的概念，用来将列表分块。...QMUIProgressBar 一个进度条控件，通过颜色变化显示进度，支持环形和矩形两种形式，主要特性如下：支持在进度条中以文字形式显示进度，支持修改文字的颜色和大小。...QMUIAlignMiddleImageSpan 继承自 ImageSpan，在此基础上实现让 span 垂直居中的效果。...将当前图片的颜色换成另一个颜色。将两张图片叠加后生成一张新的图片。对某个 View 截图生成图片。

4.7K3 0

Anroid Wear OS 手表应用开发 - UI

复制代码布局常见的表盘有方形和圆形两种，使用普通布局的情况下，可能会出现这种情况：为了使圆形表盘上的内容不超出边界，同时兼容方形表盘，我们可以使用 BoxInsetLayout 这个布局： <ImageView android:layout_width="16dp"...环形进度条 CircularProgressLayout 是一个环形的进度条，通常用它包裹一个圆形按钮：可以用它来做防误触，用户点击按钮后，允许在进度条走完之前，点击取消操作。...，他们的应用列表界面是这样的：在圆形表盘上，列表是沿着表盘左边，曲线排列滚动的。...="vertical" /> 复制代码代码中设置： // 使列表上的第一项和最后一个项在屏幕上垂直居中对齐 wearable_recycler_view.isEdgeItemsCenteringEnabled

2.5K3 0

【Android 应用开发】自定义圆形进度条组件

android.util.AttributeSet; import android.widget.ImageView; public class CircleProcess extends ImageView...} new CircleProcessAnimation().execute(); } /** * 设置异步任务, 在这个任务中设置圆形进度条的进度值...protected Void doInBackground(Void... arg0) { for(int i = 1; i <= 360; i ++){ try { //激活圆形进度条显示方法...protected void onProgressUpdate(Integer... values) { super.onProgressUpdate(values); //为圆形进度条组件设置进度值...circle_process.setmProcessValue(values[0]); //刷新圆形进度条显示 circle_process.invalidate(); }

4592 0

Android自定义控件之圆形进度条动画

本文实例为大家分享了Android实现圆形进度条动画的具体代码，供大家参考，具体内容如下首先贴上图片： ?...额，感觉还行吧，就是进度条的颜色丑了点，不过咱是程序员，不是美工，配色这种问题当然不在考虑范围之内了。下面说重点，如何来写一个这样的自定义控件。...首先，需要有一个灰色的底图，来作为未填充时的进度条；然后，根据传入的当前进度值，绘制填充时的进度圆弧，这段圆弧所对应的圆心角，由当前进度与进度的最大值（一般是100）的比值计算得出；其次，根据进度值绘制文字提示...; /** * 底部圆弧的颜色，默认为Color.LTGRAY */ private int firstColor; /** * 进度条圆弧块的颜色 */ private int secondColor...String percent = String.format("%.1f", result) + "%"; textPaint.setTextAlign(Paint.Align.CENTER); // 设置文字居中

1K4 2

Android 渐变圆环，圆形进度条效果实现

最近做了一个功能，里面涉及到了渐变圆形的需求。就是一个颜色可以渐变的圆环，最后实现的效果如下图：左图是带渐变效果，右图是不带渐变效果。...; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import...mDefaultWheelPaint.setShadowLayer(getTextScale(10, min), 0, 0, Color.rgb(127, 127, 127));// 设置阴影 } /** * 进度条动画...mPercent = Float.parseFloat(mDecimalFormat.format(interpolatedTime * mStepNum * 100f / mMaxStepNum));// 将浮点值四舍五入保留一位小数...{ mPercent = Float.parseFloat(mDecimalFormat.format(mStepNum * 100f / mMaxStepNum));// 将浮点值四舍五入保留一位小数

1.6K2 0

从0系统学Android--3.1编写UI界面

android:gravity 属性可以用来指定文字的对齐方式，可选值有：top、bottom、left、right、center。可以用 | 来同时指定多个值。...3.2.4 ImageView ImageView 是用来在界面上展示图片的控件。...这样我们就可以使用 android:src="@drawable/img1" 来给 ImageView 指定图片了。..." android:layout_height="wrap_content"/> 运行程序，就会在屏幕上看到一个圆形的进度条正在旋转。...同样我可以通过给 ProgressBar 指定不同的样式，来改变进度条的样式。默认是圆形进度条，通过属性 style 给他指定成水平进度条 style="?

9471 0

Android自定义View实现音频播放圆形进度条

实现思路如下：根据播放按钮的图片大小计算出圆形进度条的大小根据音频的时间长度计算出圆形进度条绘制的弧度通过Handler刷新界面来更新圆形进度条的进度具体实现过程分析：首先来看看自定义View...private Context context; //标记是否正在播放中 private boolean isPlay; 初始化自定义View，在这里获取播放器按钮图片以及初始化画布画笔对象以及设置将画笔设置抗锯齿...circle:play_image="@mipmap/play_button" circle:stop_image="@mipmap/stop_button" 然后我们重写onMeasure()来测量圆形进度条绘制的位置...result = Math.min(specSize, result); } } return result; } 获取播放器按钮图片的大小后,计算出进度条的相应的坐标放入

1.2K2 0

简单好看的Android圆形进度条对话框开源库

简介本文介绍CircleProgressDialog开源库的使用及实现的详细过程，该开源库主要实现以下几个功能：自定义一个好看的圆形进度条，可直接在布局文件中使用，可设置圆环宽度、圆环颜色、圆环阴影大小等属性...至此，圆形进度条就完成了,完整的代码可在github上查看边写自定义dialog 编写布局文件就是放入刚才自定义的RotateLoading，同时在下面放入一个文本 ? 预设相关属性 ?

1.9K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云