如何像这样在Android中创建径向渐变

Posted

技术标签:

【中文标题】如何像这样在Android中创建径向渐变【英文标题】:How Create radial Gradiant In Android like this 【发布时间】:2019-03-19 09:39:33 【问题描述】:

我想创建这样的渐变,但是:

左梯度是我的目标梯度右梯度是我的梯度 这是我的渐变代码 xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<gradient
    android:centerColor="#ffffff"
    android:endColor="#4f4f4f"
    android:gradientRadius="700"
    android:startColor="#ffffff"
    android:type="radial" >
</gradient>

请帮忙创建一个像左图一样的渐变

编辑: 在真实设备中我的渐变显示白色。 编辑2: 这些 Gradiant My Friend Post Ok 但目标渐变中的颜色未在真实设备中显示 没有替代方法?

【问题讨论】:

【参考方案1】:

这样做:

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" >
       <gradient
            android:centerColor="#E7E6E6"
            android:endColor="#DADADA"
            android:gradientRadius="800"
            android:startColor="#EEEDED"
            android:type="radial" >
       </gradient>
   </shape>

截图:

【讨论】:

好,但请注意渐变中心:开始图片中心图片结束图片你的渐变很好,但你的渐变的末端不同,开始你的渐变 @zobydehkarimi 立即查看 谢谢,但你的新梯度的中心是圆形的……但我的目标是圆形的,但平滑并褪色,谢谢 @zobydehkarimi 再次更新:我已经做过类似的再次检查,当您在其上进行设计时,它不会以圆形显示可能是这次它显示平滑。 那更好更精细...请在我的目标图片中使用颜色...thxxx...请更暗的角落。谢谢【参考方案2】:

这是一个使用它的工具,您可以设计任何可绘制的Tool

试试这个

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <gradient
        android:type="linear"
        android:startColor="#FF2d7706"
        android:endColor="#FF98d434"
        android:angle="90"/>
</shape>

【讨论】:

你的渐变很好,但不一样,请在渐变结束时重复开始颜色

以上是关于如何像这样在Android中创建径向渐变的主要内容,如果未能解决你的问题,请参考以下文章

在二维数组中创建线性渐变

如何正确地将 Figma 圆锥(又名径向)渐变转换为 android 矢量可绘制?

如何在 Flutter for android 中创建这种线性渐变不透明度效果?

在 openGL c++ 中创建径向网格

如何在 CSS 中创建径向菜单?

如何在 Python 中创建类似于以下代码示例的径向集群?