Android渐变背景调整：限制绿色渐变范围并显示白色区域

你可以通过调整layer-list的结构，先设置白色底层，再用inset限制绿色渐变的显示范围，按需添加过渡效果来实现需求。修改后的gradient_green_background.xml代码如下：

带柔和过渡的版本 #

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 底层白色背景 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
        </shape>
    </item>

    <!-- 中心绿色渐变区域，通过top/bottom限制显示范围 -->
    <item
        android:top="150dp"
        android:bottom="150dp">
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#3ACF96"
                android:endColor="@color/forest_green"
                android:angle="180"
                android:type="linear" />
        </shape>
    </item>

    <!-- 顶部白色到透明的过渡，弱化边界 -->
    <item>
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#ffffff"
                android:endColor="#00ffffff"
                android:angle="90"
                android:type="linear" />
        </shape>
    </item>

    <!-- 底部透明到白色的过渡，弱化边界 -->
    <item>
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#00ffffff"
                android:endColor="#ffffff"
                android:angle="270"
                android:type="linear" />
        </shape>
    </item>
</layer-list>

清晰边界的版本（无过渡） #

如果不需要柔和过渡，只想保留中心绿色与上下白色的清晰边界，可以使用以下代码：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 底层白色背景 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
        </shape>
    </item>

    <!-- 中心绿色渐变区域 -->
    <item
        android:top="150dp"
        android:bottom="150dp">
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#3ACF96"
                android:endColor="@color/forest_green"
                android:angle="180"
                android:type="linear" />
        </shape>
    </item>
</layer-list>

关键说明 #

• 底层白色背景确保整个布局默认显示白色，满足"其余部分显示白色"的需求。
• 通过android:top和android:bottom属性可以调整绿色渐变区域的上下位置，你可以根据实际屏幕尺寸修改数值（比如换成20%p使用百分比适配）。
• 过渡层的作用是让白色与绿色渐变的边界更自然，不需要的话可以直接删除。

内容的提问来源于stack exchange，提问作者leiikun