kotlin 如何在Android中实现焦点图标的发光效果?

ev7lccsx  于 2023-04-21  发布在  Kotlin
关注(0)|答案(2)|浏览(149)

我想显示一个类似的发光像在这个图像

我知道如何使用Palette获得主色。我想知道如何显示这样的辉光效果。

2w3rbyxf

2w3rbyxf1#

几天前我使用第三方library做了类似的事情。
下面是发光按钮的XML代码。

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:background="@color/black"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.smb.glowbutton.GlowButton
        android:id="@+id/myGlowButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="16dp"
        android:layout_marginTop="8dp"
        app:gb_drawablePadding="50dp"
        app:gb_drawableTint="@color/black"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        app:gb_text="Prime Video"
        app:gb_textColor="@color/white"
        app:gb_textSize="16dp"
        app:gb_backgroundColor="#305B7B"
        app:gb_cornerRadius="15dp"
        app:gb_disabledTextColor="#808080"
        app:gb_glowAnimationDuration="500"
        app:gb_glowColor="#305B7B"
        app:gb_rippleAnimationDuration="1500"
        app:gb_rippleColor="#305B7B"
        app:gb_rippleEnabled="true" />

</LinearLayout>

输出

wbgh16ku

wbgh16ku2#

body{
 background:#444;  
}
button{
 background:#90efff;   
 color:#fff;
 border:solid white 2px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 padding: 10px;
 transition:box-shadow .3s linear;
 -moz-transition:-moz-box-shadow .3s linear;
 -webkit-transition:-webkit-box-shadow .3s linear;
}
button:hover{
 box-shadow:0px 0px 15px #5da4c5;
 -moz-box-shadow:0px 0px 15px #5da4c5;
 -webkit-box-shadow:0px 0px 15px #5da4c5;   
}
<button>Prime Video</button>

相关问题