从图像创建XML

时间:2016-04-29 03:42:42

标签: android xml mask

您好我有以下图片作为背景:

Background Image我想知道是否可以创建一个xml文件来替换它,所以我们的想法是使用从某个位置到顶部的渐变,其余的只是一个纯色(黑色) )... 那可能吗??提前谢谢!

修改

首先感谢您的帮助。更具体地说,我的问题是,用xml文件替换此图像的目的是加快https://github.com/christophesmet/android_maskable_layout

的MaskableFrameLayout的速度。

所以我的代码示例如下:

<com.christophesmet.android.views.maskableframelayout.MaskFrameLayout
android:id="@+id/lytMask"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/gradient_mask"
>

<android.support.v7.widget.RecyclerView
    android:id="@+id/recAlphaMask"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

我希望在滚动时屏蔽列表的顶部,示例工作正常但是如果我使用图像它的速度很慢,性能非常差,并且如果我用xml替换图像会更快。

2 个答案:

答案 0 :(得分:2)

假设您的根视图是LinearLayout,您可以将背景设置为@drawable/gradient_background gradient_background.xml的背景:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#474946"
        android:endColor="#181818"
        android:centerY="0.1"/>
    <corners android:radius="5dp" />
</shape>

startColor是起始颜色,endColor是结束颜色,centerY是颜色合并的位置(0到1.0之间的值)

答案 1 :(得分:1)

您可以尝试以下任何一项,也可以在线生成自己的。有一种工具可以在线生成渐变: - http://angrytools.com/gradient/

 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <gradient 
    android:type="linear"
    android:centerX="11%" 
    android:startColor="#FF8C8C8C" 
    android:centerColor="#FF8C8C8C" 
    android:endColor="#FF000000" 
    android:angle="270"/>
    </shape>

    -------------------------------------------------
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <gradient 
    android:type="radial"
    android:centerX="50%" 
    android:centerY="50%" 
    android:startColor="#FF8C8C8C" 
    android:centerColor="#FF8C8C8C" 
    android:endColor="#FF000000" 
    android:gradientRadius="11"/>
    </shape>

以下是我用于生成上述xml的设置的屏幕截图

enter image description here