Horizontal Scroll View Code Snippet for Android Studio
Welcome. In this tutorial you will get to know how to add a horizontal scroll view in your android application.
Android Horizontal Scroll View Example
A horizontal scroll view is a type of Frame Layout in android studio, which means you can place one layout or child inside it which will contain the contents to scroll. You can put any kind of layout inside a horizontal scroll view which, will contain different objects in it. Linear Layout is the most common type of layout that is added as a child. You can place buttons, images, and any other UI elements as desired inside Horizontal scroll view. Whatever you will put inside horizontal Scroll view, you can scroll it sideways for navigation. But this type of scroll view is rarely used these days and people instead prefer just the normal vertical scroll view.
But remember, Horizontal scroll view will only support horizontal scrolling, but not vertical scrolling. If you need to add vertical scrolling then you should use either ScrollView or ListView.
Inserting the horizontal scroll view in your layout
To insert a horizontal scroll view,just add these lines in your XML layout:-
|
1 2 3 4 5 6 7 8 9 10 |
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#F2F2F2" android:fillViewport="true"> add_your_own_child_layout_here </HorizontalScrollView> |
Note that you will have to add your own child layout on the place mentioned above like any LinearLayout and add various other components in it to perform horizontal scrolling.
For example purpose, a gif is shown below:-
The Complete Code Snippet for above example is given below:-
Java (MainActivity.java)
|
1 2 3 4 5 6 7 8 9 10 11 |
import android.support.v7.app.AppCompatActivity; import android.os.Bundle; public class HorizontalScrollView extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_horizontal_scroll_view); } } |
XML (activity_main.xml)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#F2F2F2" android:fillViewport="true"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="150dp"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Sunday" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Monday" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tuesday" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Wednesday" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Thursday" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Friday" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Saturday" /> </LinearLayout> </HorizontalScrollView> |
You can directly copy paste these snippets to your android studio, and they should work perfectly. Just save and run your project.
For a more detailed guide, you can also visit android’s official guide below:-
https://developer.android.com/reference/android/widget/HorizontalScrollView
Comment down below if you are facing any problems.