Hello Readers! In this post, we are going to learn about how to use android nestedScrollView programmatically in kotlin in the application. We will also learn how to add nestedScrollView to linearLayout programmatically in android application.

Output

Tutorialwing Kotlin Dynamic NestedScrollView Output

Getting Started

At first, we will create android project. Then, we will create and use nestedScrollView programmatically in kotlin file.

1. Creating New Project in Kotlin

Follow the steps below to create new project. Please ignore the steps if you have already created a new project.

Now, we will modify xml and other files to use nestedScrollView programmatically in kotlin file.

2. Modify Values Folder

Open res/values/strings.xml file. Then, add below code into it.

<resources>
	<string name="app_name">DynamicNestedScrollView</string>

	<string name="no_image">No Image</string>
	<string name="nested_scroll_text">Tutorialwing.com presents tutorial on NestedScrollView!
		NestedScrollView is just like ScrollView, but it supports acting as both a nested
		scrolling parent and child on both new and old versions of Android. Nested scrolling
		is enabled by default. NestedScrollView is used when there is need for scrolling inside
		another scrolling view. Normally this would be difficult task because system would be
		unable to decide which view to scroll. This is where NestedScrollView comes into role.
	</string>

</resources>

3. Download Drawable Resources Needed

You will need some images, stored in res/drawable folder, to be used in the application. These drawable images will be used by views inside scrollView.

4. Modify Layout Folder

Open res/layout/activity_main.xml file. Then, add below code into it.

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent">

	<LinearLayout
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:layout_marginBottom="20dp"
		android:gravity="center"
		android:orientation="vertical">

		<LinearLayout
			android:id="@+id/rootContainer"
			android:layout_width="match_parent"
			android:layout_height="wrap_content"
			android:orientation="vertical">

		</LinearLayout>

		<ImageView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginBottom="20dp"
			android:contentDescription="@string/no_image"
			android:src="@drawable/guava"/>

		<ImageView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginBottom="20dp"
			android:contentDescription="@string/no_image"
			android:src="@drawable/jackfruit"/>

		<ImageView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginBottom="20dp"
			android:contentDescription="@string/no_image"
			android:src="@drawable/mix_fruit"/>

		<ImageView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginBottom="20dp"
			android:contentDescription="@string/no_image"
			android:src="@drawable/pomegranate"/>

		<ImageView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginBottom="20dp"
			android:contentDescription="@string/no_image"
			android:src="@drawable/strawberry"/>

		<ImageView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginBottom="20dp"
			android:contentDescription="@string/no_image"
			android:src="@drawable/zespri_kiwi"/>

	</LinearLayout>

</ScrollView>

In activity_main.xml file, we have completed below things –
a. We have defined scrollView and a linearLayout with id rootContainer that will act as container for the nestedScrollView created programmatically in the application.
b. All the imageViews have been defined inside linearLayout, a direct child of scrollView.

5. Create Android NestedScrollView Programmatically / Dynamically in Kotlin

Open app/src/main/java/com.tutorialwing.dynamicnestedscrollview/MainActivity.kt file. Then, add below code into it.

package com.tutorialwing.dynamicnestedscrollview

import android.graphics.Color
import android.os.Bundle
import android.support.v4.widget.NestedScrollView
import android.support.v7.app.AppCompatActivity
import android.view.ViewGroup
import android.widget.LinearLayout
import android.widget.TextView

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // Create NestedScrollView Dynamically
        val nestedScrollView = NestedScrollView(this)
        val layoutParams = LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 200)
        layoutParams.setMargins(30, 30, 30, 30)
        nestedScrollView.layoutParams = layoutParams
        nestedScrollView.setBackgroundColor(Color.WHITE)

        // Add NestedScrollView to linearLayout having id rootContainer
        val layout = findViewById<LinearLayout>(R.id.rootContainer)
        layout?.addView(nestedScrollView)

        // Created LinearLayout and add it to NestedScrollView
        val linearLayout = LinearLayout(this)
        val linearParams = LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)
        linearLayout.orientation = LinearLayout.VERTICAL
        linearLayout.layoutParams = linearParams

        nestedScrollView.addView(linearLayout)

        // Created TextView and add it to linearLayout
        val textView = TextView(this)
        val textParams = LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT)
        textView.layoutParams = textParams
        textView.text = getString(R.string.nested_scroll_text)
        textView.setPadding(15, 15, 15, 15)

        linearLayout.addView(textView)
    }
}

We have defined nestedScrollView programmatically in kotlin file (i.e. in MainActivity.kt file). Then, we have set layout params, margins etc. in it. Then, we have added it in linearLayout having id rootContainer. After that, we have created linearLayout as a direct child of nestedScrollView. Then, we have created textView and added in linearLayout.

Since AndroidManifest.xml file is very important in any android application, we are also going to see the content inside this file.

AndroidManifest.xml file

Code inside src/main/AndroidManifest.xml file is –

<?xml version="1.0" encoding="utf-8"?>
<manifest package="com.tutorialwing.dynamicnestedscrollview"
		  xmlns:android="http://schemas.android.com/apk/res/android">

	<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>
	</application>

</manifest>

When we run the program, we will get output as shown above.

That’s end of our tutorial on Creating Android NestedScrollView Programmatically in Kotlin.