Question

我是android开发的新手。我的目标是用渐变透明色设置背景图像，我尝试了很多方法，但我无法达到这个目标。任何人都可以帮助我吗？我附上了样本截图。

源代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bc"
    android:orientation="vertical"
    android:paddingLeft="20dp"
    android:alpha="0.7"
    android:id="@+id/about"
    android:paddingRight="20dp"
    android:paddingTop="60dp">

    <android.support.design.widget.TextInputLayout
        android:id="@+id/otp_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:hintTextAppearance="@style/hintStyle">

        <EditText
            android:id="@+id/mobNo"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/hint_mob"
            android:inputType="number"
            android:singleLine="true"
            />
    </android.support.design.widget.TextInputLayout>


    <Button
        android:id="@+id/submit"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:background="@color/colorPrimary"
        android:text="@string/submit"
        android:textColor="@android:color/white"/>

</LinearLayout>

提前谢谢。

Answer 1

以下是十六进制值 -

100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00

如果您想设置50％透明黑色，请执行以下操作 -

<color name="transparentBlack">#80000000</color>

<强>更新

您可以使用以下渐变来设置背景 -

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

有一个颜色名称＆＃34; GreenYellow＆＃34;，如果您正在寻找的颜色代码如下 -

GreenYellow:    ADFF2F

Answer 2

只需附上

100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00

这两个字符在你的绿色面前。例如＃62cf51 是您的初始绿色，然后您可以使用＃9962cf51 颜色来获得透明度。在这个例子中，我添加了60％的透明度，您可以根据您的要求使用。

Answer 3

您可以通过创建新的可绘制xml资源来实现这一目标。创建一个新的可绘制资源

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="@android:color/transparent"
        android:endColor="#20403f4c"
        android:angle="90"
        android:type="linear"
        android:dither="true"
        />
</shape>

将其设置为任何元素的背景。如果您想更改透明度，上面的答案将有所帮助。

Answer 4

Try this.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/images"
        android:text="Hello World!" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@drawable/trans"
        android:paddingBottom="50dp"
        android:paddingTop="50dp">

        <EditText

            android:id="@+id/ed_text1"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_margin="15dp"
            android:background="#80ffffff" />

        <EditText
            android:id="@+id/ed_text2"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_below="@+id/ed_text1"
            android:layout_margin="15dp"
            android:background="#80ffffff" />


    </RelativeLayout>


</RelativeLayout>



and trans.xml drawable


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#6066ff66"
        android:centerColor="#6066ff66"
        android:endColor="#6066ff66"
        android:angle="90"
        />
</shape>

Answer 5

您可以根据需要进行编辑。将编辑文本和所有内容添加到以下布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/about"
android:layout_width="match_parent"
android:layout_height="match_parent"

android:orientation="vertical">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="50"
    android:background="@mipmap/ic_launcher"
    android:orientation="vertical" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="50"
    android:background="@mipmap/ic_launcher"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#BF228B22">

    </RelativeLayout>


</LinearLayout>

Answer 6

试试这个：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffff99"
android:orientation="vertical"
android:id="@+id/about"
>
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:background="#20403f4c"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true">

<android.support.design.widget.TextInputLayout
    android:id="@+id/otp_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:hintTextAppearance="@style/hintStyle">

    <EditText
        android:id="@+id/mobNo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/hint_mob"
        android:inputType="number"
        android:singleLine="true"
        />
</android.support.design.widget.TextInputLayout>


<Button
    android:id="@+id/submit"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="80dp"
    android:background="@android:color/transparent"
    android:text="submit"
    android:textColor="@android:color/black"/>
</RelativeLayout>

或根据您的透明度更改此android：background =“＃20403f4c”的背景

如何在android中设置透明渐变色的背景图片？

6 个答案: