Add Beholder Image with airSlate SignNow

Add beholder image

hello guys once again welcome back to another Android app development tutorial in this video here I am going to show you how to create a recycler view with images and text using data binding library so here is an example of recycler view with images and text so now we are going to create a layout similar to this one using data binding library so here each item contain an image view and two texts abuse we can start with a new Android studio project select an empty activity so here our Android studio project created successfully so first here I'm going to enable data binding for this project for that go to the Gradle module file within the Android section you can enable data binding okay now sing this project I know the production finishes successfully we successfully add data binding for this project so for this example we need some circular image of you so I'm going to use some third-party library for this place or color image of you I'm going to use this library at this library to a random studio project so in this project we need a recycler view so I am going to add a dependency for using recycler view now we can sing project so now the project sink finishes successfully now go to layout file open activity mainroad XML so now I'm going to enable data binding for this layout so the root element must be a layout so here I'm going to create a linear layout now specify gravity into center now for the layout there is no need of width and height you have to remove that one okay so within this linear layout I'm going to place the recyclerview specify an ID for the recyclerview now specify scrollbar I'm going to use vertical scroll bars okay so now the recyclerview is ready so now we have we need some image resources for this project so for this layout we need some images also we need some names and email ids so here i have some images now paste it inside Laurel folder now I'm going to add the names and emails in the form of string array inside strings not XML so open strings wrote XML and so here I add two string array name and email okay that contains some names and email so now that now we add all the needed project resources so now I'm going to create a POJO class and create a new Java class I name the class as user in this class I'm going to create some variables name and email now we need one more variable is it is an individual image ID so now I need a constructor for this class so create a constructor and I need all these variables as parameters so we have a constructor and we initialize all the variables from the constructor so for this recyclerview we have to create a custom layout for each item on the recyclerview so that is the next step so inside the layout folder I'm going to create a new layout so I named it as item layout so this layout also supports data binding so the wrote element must be a layout so within this day layout attribute I'm going to add a data attribute so here we need one variable here that I named the variable name us user now specify the variable type variable type is user okay so now I need to add one image view and two text views for display the profile picture name and email so here I add all the needed component here we have a linear layout that contains some circular image of you for display the profile picture we have a relative layout that contains two texts abused for display the name and not email so here for testing purpose I provide some data value for text and for email also I pass from test to values but in the case of circular image of UD we didn't put any image for testing purpose we can add some image also I select one image from the enjoyable folder ok so now we can modify the text attribute of the text views so here we have to display the contact name so we can use the data binding expression language so user don't name so the same thing in the case of email here also we can use the expression language user don't email okay so in the same may be how it is add image also but we will set image later so now we can set the name and email okay so now the custom layout for the recyclerview is ready now we have to create the adapter for the recyclerview so before going to do that we can enable data binding in main activity so create the data binding class object so here our activity classes activity main so the data binding class name must be activity main binding so activity main binding I named it as main binding so this statement is not needed so main binding equal to data binding util setcontentview are not my own activity me okay so now we can initialize the recyclerview so main binding note recyclerview dot set layout manager new linear layout manager recyclerview don't set it as fixer size into true game so now we can create the adapter for the recycler view so create a new class I named it as recycler adapter and this class extends adapter implement needed methods now we can create the view holder class and this class extents will holder create a constructor create a constructor matching super keyword now specify a generic type of this class so the return type of the oncreateview holder must be the custom view holder object so here it is my view holder for the unbind view holder the first parameter is an object of the my view holder class so in this class I'm going to add some variables first I need some context variable now we can add some lists that contain objects of user class can emit as users it is an ArrayList okay so now I'm going to add a constructor for this class create a constructor with these two parameters so we have a constructor and we initialize the variables from the constructor so from the get item count method we can return the size of the ArrayList so users don't size so now inside the u-haul trailers we have to create an object of our custom layout data-binding class so here our custom layout this item layout so we have to create some variables for thee a custom layout databinding class so here the data binding class for the custom layout this item layout binding I named it as item layout binding so here the parameter must be an object of the data binding class okay so for the super keyword you have to call item you don't get a road to view now we can initialize the variable item layout binding equal to item view okay this is the only thing you have you done inside the view holder class so now we can inflate each row from the on create view holder method so from this method we have it will return an object of our view holder class so here also we have to first be how to create we have to get the object of the item layout binding so item layout binding equal to data-binding util don't inflate a layout inflator from viewgroup toward get context now specify the custom layout fill it is item layout now specify the view group one more parameter is there can pass false for it okay so now we can create an object of the beholder class so my view holder you might view my view holder and pass the item layout pointing finally from this method we have to return the object of the view holder class okay so now we can bind the views so from the unbind view holder first I'm going to get the current the user object so users don't get and pass the position so now we can set the user to the data binding so we hold our gold item layout binding node city user and pass the user that's it so now we now we finish the coding of the recycler adapter now we can start this adapter from main activity so here I add a customer third that propelled the user list here the return type of this method is list I named him added a split per user so we get the ArrayList list of items from the string stored XML and we've saved that information into these variables names and email okay also here I create some integer array that contains all the resource IDs of the images available inside the drawable folder and here I create a list to call the names create some variables count here I use some for each look for I try through each items on the array list and we call the we create an object of the user class and we pass we add each of that object to the ArrayList called names and this method finally returned the ArrayList names so now we can initialize the adapter for the recyclerview recycler adapter i named it as adapter so adapter equal to recycler adapter first parameter is context second parameter is the is list that contains object of user so we can simply call the method prepare user okay finally we can set adapter for the recyclerview sit adapter and pass the adapter okay now we get the store project so I run the project okay now the name and email set properly but we didn't set image on the image of you so this image is already set from the layout so setting images on the image of you using data binding is little bit tricky so here I am going to use a special method called adapter binding annotation so it is binding adapter a notation so by using the binding adapter a notation you can specify a custom XML attributes so first I'm going to create the needed code segments then I will explain it for you so now go to the Poggio class here on the protocol assess the user so inside pojo class we have an indeterminable called an image ID so here I'm going to create a method that method must be public that method must be static shall i name the matter das lord image this is a custom month or you can use any method name so for this method here I'm going to use two parameter now the second parameter is an integer that is image ID so from this method I'm going to know the drawable from drawable folder to the image view so here our image view is a circular circle image view so now we can note the enjoyable to the circle circle image of you fit image it laudable convex compact get reliable you don't get context now we can pass the image ID so in this method we simply set an image ID to the circle image V so for this method here I'm going to use some annotation binding adapter so for this a notation here I'm going to specify some custom XML attribute that I named it us and flow it image URL so this is a custom XML attribute you can use anything instead of image URL so here I simply use image URL in now go back to the layout so this is the image of you so currently we set some image from the tribal folder and remove that one so now here I'm going to use the same XML custom attribute so go to the pyjamas I copy the custom XML attribute now in that method we have to pass some parameter so here I'm going to use the data binding expression language so user node and pass the image ID okay so when you use the custom XML attribute in the layout the data binding library will automatically trigger the method with binding adapter and that has the same custom XML attribute so here we use the custom XML attribute called image URL so in this case the Android data binding light will automatically trigger the method with a notation binding adapter and that has the same custom XML attribute okay so now we can test our project so run the project so now here we set all the images on this huncle image view so this is how we create a recycler view with images and text using Android data binding library I hope you understand all the concept if you have any doubts or solutions please mention it in the comment section below for getting more Android tutorial updates please subscribe this channel now thanks for watching see you in the next episode