Vista elástica en Android

En este artículo, se agrega ElasticView en Android. El ElasticView es un CardView normal , que puede flexionarse con los toques del usuario. OnClickListener y otros métodos importantes también se pueden agregar a la vista secundaria de ElasticView . Hace que la interfaz de usuario sea más atractiva, mejorando así la experiencia del usuario.

Acercarse:

Paso 1: agregue la biblioteca de soporte en el archivo build.gradle y agregue la dependencia en la sección de dependencias. Nos permitirá agregar el ElasticView directamente en el archivo XML.

       
dependencies {         
       implementation 'com.github.armcha:ElasticView:0.2.0'    
}

Paso 2: agregue el siguiente código en el archivo activity_main.xml . En este archivo, Elastic View con su vista secundaria como ImageView se agrega al diseño.

        
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  
    <io.armcha.elasticview.ElasticView
        app:flexibility="7"
        android:layout_margin="20dp"
        android:layout_gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="10dp"
        app:cardElevation="5dp">
  
        <ImageView
            android:id="@+id/imageView"
            android:src="@drawable/gfg"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
  
    </io.armcha.elasticview.ElasticView>
  
</LinearLayout>

Paso 3: agregue el siguiente código en el archivo MainActivity.kt . En este archivo, OnClickListner se agrega a ImageView, por lo que cada vez que el usuario hace clic en él, la función OnClickListner se invoca automáticamente.

      
package com.madhav.maheshwari.wavelineview;
  
import android.os.Bundle
import android.view.View
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main.*
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        imageView.setOnClickListener(View.OnClickListener {
            Toast.makeText(this,"Click",Toast.LENGTH_SHORT).show()
        })
    }
}

Producción:

Consulte la documentación oficial para obtener más información.