Android中的圆形环形按钮

Posted 2023-04-15

【中文标题】Android中的圆形环形按钮

【英文标题】：Round ring button in Android

【发布时间】：2012-02-28 03:09:03

【问题描述】：

我想创建一个与下图一模一样的按钮背景（或按钮本身）。

我目前正在使用图像进行操作。我尝试使用以下 XML 创建一个类似的，但它看起来不像预期的那样。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="oval">
   <solid
     android:color="#f0600000"/>
   <stroke
     android:
     android:color="#FFFF6666"/>
</shape>

实际上，我想要一个带有 3 像素阴影和 1/4 宽度笔触的圆形按钮，在白色圆圈周围是红色的。我根本没有成功处理阴影部分。感谢您提供任何形式的帮助。

【参考方案1】：

好吧，实心填充中间，描边绘制边框。由于您想要 3 种颜色，您将不得不使用 2 个可绘制对象，在带有灰色边框的红色圆圈上绘制白色圆圈。然后，您可以使用LayerDrawable 将它们保持为一个单元

【讨论】：

我能想到的唯一想法是绘制另一个可绘制对象 - 透明灰色作为第一个可绘制对象，并稍微将其移离阴影方向的中心

实际上 - 根据您的绘图，您可以绘制第一个模糊的灰色椭圆，然后在其上绘制带有红色边框的白色椭圆

@RonyJoy 如果你想出实现，你能把它贴出来吗？真的很有帮助