背景阴影

Question

Android中是否有任何方法可以应用落下阴影，如FIGMA或XD工具所示？

？ >

我有一个figma设计，我被困在创建此滴效果上，我有使用选择器和layer-list尝试了它，

是否有任何方法可以应用 x，y和blur 以及带有不透明度的阴影颜色。

上面的属性仅适用于 deDittext ，但在下面不适合 textInputlayout

我的视图属性在下面。

Answer 1

新的和最佳的方法（我希望那是您需要的）

 <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/passwordTV"
        style="@style/Widget.App.TextInputLayout"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@drawable/text_input_selector"
        android:backgroundTint="#0B102C"
        android:outlineAmbientShadowColor="#1EB0D5"
        android:outlineSpotShadowColor="#1EB0D5"
        android:textColorHint="#4A5478"
        android:translationZ="@dimen/_10sdp"
        app:endIconDrawable="@drawable/ic_show_password"
        app:endIconMode="password_toggle"
        app:hintTextColor="#4A5478">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/passwordEt"
            android:layout_width="match_parent"
            android:layout_height="match_parent"

            android:drawableStart="@drawable/ic_lock"
            android:drawablePadding="7dp"
            android:hint="  Password"
            android:inputType="textPassword"
            android:textColor="@color/white"
            android:textColorHint="#CAD5F4"
            android:textSize="12dp" />

    </com.google.android.material.textfield.TextInputLayout>

• 您只需在 drawsable 中创建一个text_input_selector

   ＆lt; selector xmlns：android =“ http://schemas.android.com/apk/res/android”＆gt;
       ＆lt;项目
           android：state_focused =“ true”
           android：drawable =“@dr​​awable/backick_glow”/＆gt;
   ＆lt;/selector＆gt;
   

  text_input_selector.xml

• 现在创建一个在 drawsable < /strong>

  
  

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#0C263E"/>
    <corners android:radius="7dp"/>
</shape>

现在为背景发光创建 绘制 background_glow.xml

Answer 2

要设置文本小部件文本下面的文本的模糊阴影，您可以使用 Shadowcolor，Shadowdx，Shadowdy和Shadowradius TextView的属性。

• shadowcolor 指定阴影的颜色。您可以在 rgb ， argb ， rrggbb 或 aarrggbb 格式中指定颜色。
  shadowdx 指定阴影的水平偏移。它需要一个浮点值。

• Shadowdy 指定阴影的垂直偏移。它需要一个浮点值。

• Shadowradius 指定阴影的模糊半径。它需要一个浮点值。

   ＆lt; textView
   Android：ShadowColor =“＃FF5722”
   Android：Shadowdx =“ 8”
   Android：Shadowdy =“ 8”
   Android：Shadowradius =“ 4”
   Android：text =“欢迎来到Kotlin Android教程。” /＆gt;
   

或

  TextView textv = (TextView) findViewById(R.id.textview);
  textv.setShadowLayer(1, 0, 0, Color.BLACK)

Answer 3

• 您只需创建正常的角落可绘制的背景：

round_corner.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="2dp" android:color="#1EB0D5"/>
    <solid android:color="#0C263E"/>
    <corners android:radius="16dp"/>
</shape>

• utlinespotshadowcolor和oflineambientshadowcolor您将设置设置阴影颜色，然后您需要设置translationz vlaue使阴影显示

<com.google.android.material.textfield.TextInputLayout
        android:backgroundTint="@android:color/transparent"
        android:outlineAmbientShadowColor="#1EB0D5"
        android:outlineSpotShadowColor="#1EB0D5"
        android:translationZ="30dp"
        ...>

        <com.google.android.material.textfield.TextInputEditText
            android:background="@drawable/round_corner"
            ... />

    </com.google.android.material.textfield.TextInputLayout>

Answer 4

使用层列表的良好工作方法，只需根据需要更改纯色即可。

  <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        tools:ignore="MissingDefaultResource">
    
        <!-- Drop Shadow Stack -->
        <item>
            <shape>
                <padding
                    android:bottom="1.5dp"
                    android:left="1.5dp"
                    android:right="1.5dp"
                    android:top="1.5dp" />
    
                <solid android:color="#001E88E5" />
    
                <corners android:radius="@dimen/_8sdp" />
            </shape>
        </item>
        <item>
            <shape>
                <padding
                    android:bottom="1.5dp"
                    android:left="1.5dp"
                    android:right="1.5dp"
                    android:top="1.5dp" />
    
                <solid android:color="#051E88E5" />
    
                <corners android:radius="@dimen/_8sdp" />
            </shape>
        </item>
        <item>
            <shape>
                <padding
                    android:bottom="1.5dp"
                    android:left="1.5dp"
                    android:right="1.5dp"
                    android:top="1.5dp" />
    
                <solid android:color="#0A1E88E5" />
    
                <corners android:radius="@dimen/_8sdp" />
            </shape>
        </item>
        <item>
            <shape>
                <padding
                    android:bottom="1.5dp"
                    android:left="1.5dp"
                    android:right="1.5dp"
                    android:top="1.5dp" />
    
                <solid android:color="#0F1E88E5" />
    
                <corners android:radius="@dimen/_8sdp" />
            </shape>
        </item>
        <item>
            <shape>
                <padding
                    android:bottom="1.5dp"
                    android:left="1.5dp"
                    android:right="1.5dp"
                    android:top="1.5dp" />
    
                <solid android:color="#A61E88E5" />
    
                <corners android:radius="@dimen/_8sdp" />
            </shape>
        </item>
    
        <!-- Background -->
        <item android:id="@+id/itemShape">
            <shape>
                <gradient
                    android:angle="0"
                    android:endColor="@color/white"
                    android:startColor="@color/white" />
                <corners android:radius="@dimen/_8sdp" />
                <size android:width="90dp" android:height="90dp" />
            </shape>
        </item>
    
    </layer-list>