Question

我看到UI是令人惊讶的图片：

右箭头是动画。

我发现了这个github.com/skyfishjy/android-ripple-background

但我不知道如何完成用户界面

现在：我尝试完成此UI，但出了点问题。

图片是

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="vertical"
          android:layout_width="match_parent"
          android:layout_height="150dp"
          android:background="?attr/colorPrimaryDark"
          android:padding="16dp"
          android:theme="@style/ThemeOverlay.AppCompat.Dark"
          android:gravity="bottom"
          android:layout_weight="2">
<TextView
    android:layout_width="match_parent"
    android:layout_height="0px"
    android:layout_weight="1"/>

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="3dp"
    android:layout_weight="1">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_gravity="left"
        android:layout_weight="1"
        android:textSize="12dp"
        android:text="@string/drawer_header_text"/>

<com.skyfishjy.library.RippleBackground
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/content"
        app:rb_color="#0099CC"
        app:rb_radius="32dp"
        app:rb_rippleAmount="6"
        app:rb_duration="6000"
        app:rb_scale="6">

 <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:id="@+id/centerImage"
            android:src="@drawable/icon_arrow_wh"/>
    </com.skyfishjy.library.RippleBackground>

</LinearLayout>

Answer 1

<com.skyfishjy.library.RippleBackground
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/content"
    app:rb_color="#0099CC"
    app:rb_radius="32dp"
    app:rb_rippleAmount="6"
    app:rb_duration="6000"
    app:rb_scale="6">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:id="@+id/centerImage"
        android:src="@drawable/icon_arrow_wh"/> 

</com.skyfishjy.library.RippleBackground>

app：rb_color =“＃0099CC”将其更改为您想要的颜色

android：layout_width =“wrap_content”将其更改为 64dp

android：layout_height =“wrap_content”将其更改为 64dp

android涟漪动画布局

1 个答案: