Tai*_*han 3 android user-experience dropshadow kotlin
Is there any way in Android that applies drop shadow as shown in Figma or XD Tool ?
I have got a figma design and I am stuck in creating this drop effect I have tried it using selector and layer-list
Is there any way to apply x , y and blur effect along with shadow color with opacity.
The above attributes only work for EditText but not working for TextInputLayout
My View Attribues in Figma are below .
小智 6
新的最佳方法(我希望这就是您所需要的)
<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>
Run Code Online (Sandbox Code Playgroud)
你只需在drawable中创建一个text_input_selector
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_focused="true"
android:drawable="@drawable/background_glow"/>
</selector>
Run Code Online (Sandbox Code Playgroud)
文本输入选择器.xml
现在在可绘制对象中创建背景发光的形状
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#0C263E"/>
<corners android:radius="7dp"/>
</shape>
Run Code Online (Sandbox Code Playgroud)
背景发光.xml
| 归档时间: |
|
| 查看次数: |
2091 次 |
| 最近记录: |