Dynamic ImageView in Kotlin
An ImageView as the name suggests is used to display images in Android Applications. In this article, we will be discussing how to create an ImageView programmatically in Kotlin.
The first step is to create a new project in Android Studio. For this follow these steps:
- Click on File, then New, and then New Project, and give name whatever you like
- Then, select Kotlin language Support and click next button.
- Select minimum SDK, whatever you need.
- Select Empty Activity and then click finish.
After doing this you will see some directories on the left-hand side after your project/gradle is finished loading. It should look like this:
After that, we need to design our layout. For that, we need to work with the XML file. Go to app > res > layout and paste the following code:
Modify activity_main.xml file
We will be needing an image to be used in the application. You can use the images that you like but the images need to be copied from our local computer path to app/res/drawable folder.
Create ImageView in MainActivity.kt file
Open app/src/main/java/yourPackageName/MainActivity.kt and do the following changes:
Create ImageView widget like this:
val imageView = ImageView(this) // setting height and width of imageview imageView.layoutParams = LinearLayout.LayoutParams(400, 400) imageView.x = 20F //setting margin from left imageView.y = 20F //setting margin from top
then add the widget in layout using this
//accessing our relative layout from activity_main.xml val layout = findViewById(R.id.layout) // Add ImageView to LinearLayout layout?.addView(imageView) //adding image to the layout