Breaking

Tuesday 16 July 2019

Android ScrollView (Vertical & Horizontal) | Android Tutorial | ScrollView


Android ScrollView (Vertical & Horizontal)


The android.widget.ScrollView class gives the usefulness of parchment see. ScrollView is utilized to look over the tyke components of palette inside ScrollView. Android bolsters vertical parchment see as default parchment see. Vertical ScrollView scrolls components vertically.

Android utilizes HorizontalScrollView for flat ScrollView.

How about we execute straightforward case of vertical ScrollView.

Activity_main.xml

Now, drag ScrollView from palette to activity_main.xml file and place some palette element inside it.

File :- Activity_main.xml



    <?xml version="1.0" encoding="utf-8"?> 

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:tools="http://schemas.android.com/tools" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:paddingBottom="@dimen/activity_vertical_margin" 
        android:paddingLeft="@dimen/activity_horizontal_margin" 
        android:paddingRight="@dimen/activity_horizontal_margin" 
        android:paddingTop="@dimen/activity_vertical_margin" 
        tools:context="com.example.test.scrollviews.MainActivity"> 
     
     
        <TextView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:textAppearance="?android:attr/textAppearanceMedium" 
            android:text="Vertical ScrollView example" 
            android:id="@+id/textView" 
            android:layout_gravity="center_horizontal" 
            android:layout_centerHorizontal="true" 
            android:layout_alignParentTop="true" /> 
     
     
        <ScrollView android:layout_marginTop="30dp" 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:id="@+id/scrollView"> 
     
     
            <LinearLayout 
                android:layout_width="fill_parent" 
                android:layout_height="fill_parent" 
                android:orientation="vertical" > 
     
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 1" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 2" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 3" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 4" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 5" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 6" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 7" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 8" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 9" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 10" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 11" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 12" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 13" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 14" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 15" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 16" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 17" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 18" /> 
     
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content"  
                    android:text="Button 19" /> 
                <Button 
                    android:layout_width="fill_parent" 
                    android:layout_height="wrap_content" 
                    android:text="Button 20" /> 
     
            </LinearLayout> 
     
        </ScrollView> 
     
    </RelativeLayout> 


Activity Class

In activity class, we have not changed any code.

MainActivity.java


    package com.example.android.scrollviews; 
     
    import android.support.v7.app.AppCompatActivity; 
    import android.os.Bundle; 
     
    public class MainActivity extends AppCompatActivity { 
     
        @Override 
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState); 
            setContentView(R.layout.activity_main); 
        } 
    } 


OutPut :-



No comments:

Post a Comment