0

0

Android shape ring圆环 XML绘制进度条背景

幻夢星雲

幻夢星雲

发布时间:2026-03-04 03:39:12

|

754人浏览过

|

来源于php中文网

原创

android中ring型shape绘制圆环时,若stroke宽度超过半径导致外半径超出视图边界,圆环将不显示或被裁剪;progressbar中需用layer-list配合uselevel控制对齐与动画,且dp单位在shape中按密度固定为px,易引发缩放失真。

android shape ring圆环 xml绘制进度条背景

shape ring 绘制圆环时 stroke 宽度超过半径就消失

Android 的 shape 中用 ring 类型画圆环,本质是画一个「空心圆」——它靠 android:innerRadiusandroid:thickness 共同决定可见区域。如果 android:thickness 太大,导致内圆半径为负或超出外边界,系统直接不渲染。

  • 常见错误现象:ring 在布局里完全不显示,或者只显示一小段弧(尤其在 ProgressBar 背景中)
  • 根本原因:Android 计算外半径 = innerRadius + thickness,但视图宽高固定后,若该值 > 宽高/2,圆环就被裁掉甚至丢弃
  • 实操建议:优先用 android:useLevel="false"(否则 ring 会按 level 缩放,干扰尺寸);设 android:innerRadiusRatioandroid:thicknessRatio 更安全,比如 innerRadiusRatio="3" 表示内半径 = 宽高/2 ÷ 3
  • 示例:
    <shape android:shape="ring" android:useLevel="false">
      <solid android:color="#E0E0E0"/>
      <size android:width="100dp" android:height="100dp"/>
      <stroke android:width="10dp" android:color="#666"/>
    </shape>
    注意这里没写 innerRadius,靠 stroke + size 自动撑开成环;但若你硬写 innerRadius="50dp",而 size 只有 100dp,外半径就达 60dp → 超出边界,环就没了

ProgressBar 使用 ring shape 作 background 时进度不居中

很多同学把 ring XML 设为 ProgressBarandroid:background,结果进度条(旋转的蓝色弧)和背景圆环错位,看起来像偏心或压扁。

万兴爱画
万兴爱画

万兴爱画AI绘画生成工具

下载
  • 原因:默认 ProgressBar 的进度层(progressDrawable)和背景层(background)使用不同基准对齐 —— 背景按 View 左上角铺,进度层按中心旋转
  • 关键解法:别用 background,改用 android:indeterminateDrawableandroid:progressDrawable 去叠加两层;或者把 ring 放进 layer-list 作为 progressDrawable 的底层
  • 兼容性注意:API 21+ 可用 android:indeterminateTint 单独调色,但老版本必须靠 ColorFilter 或换 drawable
  • 最小可行结构:
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
      <item><shape android:shape="ring" android:useLevel="false">
          <solid android:color="@android:color/darker_gray"/>
          <size android:width="80dp" android:height="80dp"/>
        </shape></item>
      <item><rotate android:fromDegrees="0" android:toDegrees="360">
          <shape android:shape="ring" android:useLevel="true">
            <solid android:color="#2196F3"/>
            <size android:width="80dp" android:height="80dp"/>
          </shape>
        </rotate></item>
    </layer-list>
    注意第二层用了 android:useLevel="true",这是旋转动画能生效的前提

ring 在不同屏幕密度下线条粗细不一致

你设了 android:strokeWidth="2dp",但在 xhdpi 手机上看比 mdpi 粗一倍 —— 这不是 bug,是 Android 对 dp 的正常缩放逻辑在起作用,但 shapestroke 实际按像素绘制,不自动适配 density。

  • 问题根源:shape 是编译期生成的 drawable,dp 值在打包时就转成 px 写死,不会随运行时 density 动态调整
  • 解决方向:要么全用 px(不推荐),要么用 insetscale 层包装,更稳妥的是放弃纯 XML ring,改用自定义 Drawable 或 Jetpack Compose
  • 临时 workaround:在 values-sw360dpvalues-sw480dp 等目录下提供不同尺寸的 ring XML,用 android:thickness="12px" 这类绝对单位,配合 density 换算(比如 xhdpi 下 1dp = 2px,就设 24px)
  • 性能提示:大量使用带 insetscale 的 layer-list 会增加绘制层级,低端机上可能掉帧
复杂点在于 ring 的尺寸逻辑是静态的,而 ProgressBar 的动画、缩放、density 适配全是动态的。XML 里看着对,跑起来偏一点,往往不是写错了,而是没意识到这两套系统根本不在一个坐标系里。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1939

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2116

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

1146

2024.11.28

android开发三大框架
android开发三大框架

android开发三大框架是XUtil框架、volley框架、ImageLoader框架。本专题为大家提供android开发三大框架相关的各种文章、以及下载和课程。

330

2023.08.14

android是什么系统
android是什么系统

Android是一种功能强大、灵活可定制、应用丰富、多任务处理能力强、兼容性好、网络连接能力强的操作系统。本专题为大家提供android相关的文章、下载、课程内容,供大家免费下载体验。

1798

2023.08.22

android权限限制怎么解开
android权限限制怎么解开

android权限限制可以使用Root权限、第三方权限管理应用程序、ADB命令和Xposed框架解开。详细介绍:1、Root权限,通过获取Root权限,用户可以解锁所有权限,并对系统进行自定义和修改;2、第三方权限管理应用程序,用户可以轻松地控制和管理应用程序的权限;3、ADB命令,用户可以在设备上执行各种操作,包括解锁权限;4、Xposed框架,用户可以在不修改系统文件的情况下修改应用程序的行为和权限。

2118

2023.09.19

android重启应用的方法有哪些
android重启应用的方法有哪些

android重启应用有通过Intent、PendingIntent、系统服务、Runtime等方法。本专题为大家提供Android相关的文章、下载、课程内容,供大家免费下载体验。

284

2023.10.18

Android语音播放功能实现方法
Android语音播放功能实现方法

实现方法有使用MediaPlayer实现、使用SoundPool实现两种。可以根据具体的需求选择适合的方法进行实现。想了解更多语音播放的相关内容,可以阅读本专题下面的文章。

379

2024.03.01

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

3

2026.03.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 19.8万人学习

Java 教程
Java 教程

共578课时 | 76万人学习

Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共64课时 | 6.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号