当前位置：文江博客话题详情

如何用 XML 制作双渐变（类似 iphone）

发布于 2024-11-19 08:45:13 字数 144 浏览 1 评论 0原文

如何用 XML 制作这种可绘制渐变？

双渐变图像

我可以做一个从颜色 A 到颜色 B 的简单渐变，但我不知道如何组合两个渐变在同一个绘图中。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故事↓在人 2024-11-26 08:45:13

我终于找到了一个带有图层列表的解决方案，这对我来说已经足够了：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- First part is a gradient -->
    <item android:left="0dp" android:right="0dp"> 
        <shape android:shape="rectangle">

            <gradient android:angle="-90" android:startColor="#9dcbf6"
                android:endColor="#177ee6" />

        </shape>
    </item>
    <!-- Second part is plain color. Slightly transparent -->
    <item android:top="1sp" android:bottom="20sp" > 
        <shape android:shape="rectangle">
            <solid android:color="#10ffffff"/>
        </shape>

    </item>
</layer-list>

中间设置为 20 sp，因为容器的高度为 40sp，但您可以通过编辑来调整您的意愿： android:bottom=" 20sp”

I finally found a solution with a layer-list which is good enough for me :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- First part is a gradient -->
    <item android:left="0dp" android:right="0dp"> 
        <shape android:shape="rectangle">

            <gradient android:angle="-90" android:startColor="#9dcbf6"
                android:endColor="#177ee6" />

        </shape>
    </item>
    <!-- Second part is plain color. Slightly transparent -->
    <item android:top="1sp" android:bottom="20sp" > 
        <shape android:shape="rectangle">
            <solid android:color="#10ffffff"/>
        </shape>

    </item>
</layer-list>

The middle is set to 20 sp because the container has a 40sp height , but you can adjust to your will by editing : android:bottom="20sp"

回复收藏 0 原文

萝莉病 2024-11-26 08:45:13

您可以在渐变中使用三种颜色。起始颜色、结束颜色和中心颜色。

<gradient
        android:angle="integer"
        android:centerX="integer"
        android:centerY="integer"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:usesLevel=["true" | "false"] />

或者，您可以使用 LayerList Drawable 并将它们拼凑在一起。

You can have three colors in a gradient. A start color, end color and a center color.

<gradient
        android:angle="integer"
        android:centerX="integer"
        android:centerY="integer"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:usesLevel=["true" | "false"] />

Alternatively you can use a LayerList Drawable and just piece them together.

回复收藏 0 原文

~没有更多了~