RecyclerView and CardView Example

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="example.deepsingh44.com.appfirst"> <uses-permission android:name="android.permission.INTERNET" /> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".DetailActivity"> </activity> </application> </manifest>

DetailActivity.java

package example.deepsingh44.com.appfirst; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.ImageView; import android.widget.TextView; import com.bumptech.glide.Glide; import java.io.Serializable; public class DetailActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_detail); User user=(User) getIntent().getExtras().getSerializable("deep"); ImageView im=findViewById(R.id.myimage); Glide.with(this).load(user.getImage()).into(im); TextView tv = findViewById(R.id.myjob); tv.setText(user.getJob()); } }

MainActivity.java

package example.deepsingh44.com.appfirst; import android.content.Intent; import android.support.annotation.NonNull; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.DefaultItemAnimator; import android.support.v7.widget.GridLayoutManager; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.view.View; import android.view.ViewGroup; import android.widget.RatingBar; import android.widget.Toast; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); RecyclerView rec = findViewById(R.id.rec); rec.setItemAnimator(new DefaultItemAnimator()); //rec.setLayoutManager(new LinearLayoutManager(this)); rec.setLayoutManager(new GridLayoutManager(this, 2)); userList(); MyCustomAdapter m = new MyCustomAdapter(this, userList); m.setDeepListener(new MyCustomAdapter.MyListener() { @Override public void deepItemClick(View view, int position) { Intent in=new Intent(MainActivity.this,DetailActivity.class); in.putExtra("deep", userList.get(position)); startActivity(in); } }); rec.setAdapter(m); } List<User> userList; private void userList() { userList = new ArrayList<>(); User u1 = new User(); u1.setName("Abhi"); u1.setJob("Student"); u1.setImage("https://img.pngio.com/user-icons-free-download-png-and-svg-user-png-200_200.png"); User u2 = new User(); u2.setName("Sonu"); u2.setJob("Private"); u2.setImage("https://img.pngio.com/user-icons-free-download-png-and-svg-user-png-200_200.png"); User u3 = new User(); u3.setName("Mukesh"); u3.setJob("Government"); u3.setImage("https://img.pngio.com/user-icons-free-download-png-and-svg-user-png-200_200.png"); User u4 = new User(); u4.setName("Deep"); u4.setJob("Ducat"); u4.setImage("https://img.pngio.com/user-icons-free-download-png-and-svg-user-png-200_200.png"); userList.add(u1); userList.add(u2); userList.add(u3); userList.add(u4); } }

MyCustomAdapter.java

package example.deepsingh44.com.appfirst; import android.content.Context; import android.support.annotation.NonNull; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import com.bumptech.glide.Glide; import com.bumptech.glide.request.RequestOptions; import java.util.List; /** * Created by DEEP on 09-11-2019. */ public class MyCustomAdapter extends RecyclerView.Adapter<MyCustomAdapter.MyView> { Context context; List<User> userList; RequestOptions options; public MyListener listener; public interface MyListener { void deepItemClick(View view, int position); } public MyCustomAdapter(Context context, List<User> userList) { this.context = context; this.userList = userList; } @NonNull @Override public MyView onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { options = RequestOptions.placeholderOf(R.drawable.doctor).error(R.drawable.ic_launcher_background).centerCrop(); View view = LayoutInflater.from(context).inflate(R.layout.item, parent, false); return new MyView(view); } @Override public void onBindViewHolder(@NonNull MyView holder, int position) { User user = userList.get(position); holder.tv.setText(user.getName()); //holder.im.setImageResource(images[position]); Glide.with(context).load(user.getImage()).apply(options).into(holder.im); } @Override public int getItemCount() { return userList.size(); } class MyView extends RecyclerView.ViewHolder implements View.OnClickListener { TextView tv; ImageView im; public MyView(View itemView) { super(itemView); tv = itemView.findViewById(R.id.mytext); im = itemView.findViewById(R.id.myimage); itemView.setOnClickListener(this); } @Override public void onClick(View view) { listener.deepItemClick(view, getAdapterPosition()); } } public void setDeepListener(MyListener myListener) { listener = myListener; } }

User.java

package example.deepsingh44.com.appfirst; import java.io.Serializable; /** * Created by DEEP on 10-11-2019. */ public class User implements Serializable{ private String image; private String name; private String job; public String getImage() { return image; } public void setImage(String image) { this.image = image; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getJob() { return job; } public void setJob(String job) { this.job = job; } }

build.gradle

apply plugin: 'com.android.application' android { compileSdkVersion 27 defaultConfig { applicationId "example.deepsingh44.com.appfirst" minSdkVersion 16 targetSdkVersion 27 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { implementation fileTree(dir: 'libs', include: ['*.jar']) implementation 'com.android.support:appcompat-v7:27.1.1' implementation 'com.android.support:recyclerview-v7:27.1.1' implementation 'com.android.support:cardview-v7:27.1.1' implementation 'com.github.bumptech.glide:glide:4.8.0' // Glide v4 uses this new annotation processor -- see https://bumptech.github.io/glide/doc/generatedapi.html annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0' implementation 'com.android.support.constraint:constraint-layout:1.0.2' testImplementation 'junit:junit:4.12' androidTestImplementation 'com.android.support.test:runner:0.5' androidTestImplementation 'com.android.support.test.espresso:espresso-core:2.2.2' }

res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/rec"/> </LinearLayout>

res/layout/item.xml

<android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" xmlns:app="http://schemas.android.com/apk/res-auto" app:cardUseCompatPadding="true" app:cardMaxElevation="5dp" xmlns:android="http://schemas.android.com/apk/res/android"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:layout_width="90dp" android:layout_height="90dp" android:id="@+id/myimage" android:layout_gravity="center" android:src="@drawable/doctor" /> <TextView android:id="@+id/mytext" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:padding="20dp" android:text="Deep Singh" android:textColor="@color/red" /> </LinearLayout> </android.support.v7.widget.CardView>

activity_detail.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:layout_height="match_parent" tools:context="example.deepsingh44.com.appfirst.DetailActivity"> <ImageView android:layout_width="200dp" android:layout_height="200dp" android:id="@+id/myimage" android:layout_gravity="center"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="20dp" android:id="@+id/myjob" android:textSize="40sp" android:gravity="center" android:text="Deep Singh"/> </LinearLayout>