How to use ScrollView in Android

Question

I have an XML layout file  but the text is more than fits into the screen size  What do I need to do in order to make a ScrollView    lt  xml version  1 0  encoding  utf-8   gt    lt TableLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent      android stretchColumns  1   gt        lt TableRow gt           lt ImageView             android id    id imageView              android layout width  wrap content              android layout height  wrap content              android layout marginLeft  5dip              android layout marginTop  10dip              android layout marginRight  5dip              android tint   55ff0000              android src   drawable icon    gt       lt  TableRow gt       lt TableRow gt           lt TextView             android id    id name              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Name     gt           lt TextView android id    id name1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  Veer    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id age              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Age    gt            lt TextView android id    id age1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  23    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id gender              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Gender    gt           lt TextView android id    id gender1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  Male    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id profession              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Professsion    gt           lt TextView android id    id profession1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  Mobile Developer    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id phone              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Phone    gt           lt TextView android id    id phone1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  03333736767    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id email              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Email    gt           lt TextView android id    id email1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  veer developer gmail com    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id hobby              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Hobby    gt           lt TextView android id    id hobby1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  Play Games    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id ilike              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    I like    gt           lt TextView android id    id ilike1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  Java  Objective-c    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id idislike              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    I dislike    gt           lt TextView android id    id idislike1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  Microsoft    gt       lt  TableRow gt       lt TableRow gt           lt TextView android id    id address              android layout width  wrap content              android layout height  wrap content              android padding  3dip              android text    Address    gt           lt TextView android id    id address1              android layout width  wrap content              android layout height  wrap content              android gravity  left              android text  Johar Mor    gt       lt  TableRow gt   lt  TableLayout gt

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt ScrollView xmlns android  http   schemas android com apk res android   android layout width  fill parent      android layout height  fill parent   gt        lt TableLayout         android layout width  fill parent          android layout height  fill parent          android stretchColumns  1   gt            lt TableRow             android id    id tableRow1              android layout width  wrap content              android layout height  wrap content   gt                lt RadioGroup                 android layout width  fill parent                  android layout height  match parent   gt                    lt RadioButton                     android id    id butonSecim1                      android layout width  match parent                      android layout height  match parent                      android layout gravity  center                      android layout weight   50                      android text   string buton1Text    gt                    lt RadioButton                     android id    id butonSecim2                      android layout width  match parent                      android layout height  match parent                      android layout gravity  center                      android layout weight   50                      android text   string buton2Text    gt               lt  RadioGroup gt           lt  TableRow gt            lt TableRow             android id    id tableRow2              android layout width  wrap content              android layout height  wrap content   gt                lt TableLayout                 android id    id bilgiAlani                  android layout width  fill parent                  android layout height  fill parent                  android visibility  invisible   gt                    lt TableRow                     android id    id BilgiAlanitableRow2                      android layout width  wrap content                      android layout height  wrap content   gt                        lt TextView                         android id    id bilgiMesaji                          android layout width  wrap content                          android layout height  match parent                          android layout weight   100                          android ems  10                          android gravity  left top                          android inputType  textMultiLine    gt                   lt  TableRow gt               lt  TableLayout gt           lt  TableRow gt            lt TableRow             android id    id tableRow3              android layout width  wrap content              android layout height  wrap content   gt                lt TextView                 android id    id metin4                  android layout height  match parent                  android layout weight   100                  android text  deneme    gt           lt  TableRow gt            lt TableRow             android id    id tableRow4              android layout width  wrap content              android layout height  wrap content   gt                lt TextView                 android id    id metin5                  android layout height  match parent                  android layout weight   100                  android text  deneme    gt           lt  TableRow gt       lt  TableLayout gt    lt  ScrollView gt

User · Answer

How to use ScrollView Using ScrollView is not very difficult  You can just add one to your layout and put whatever you want to scroll inside  ScrollView only takes one child so if you want to put a few things inside then you should make the first thing be something like a LinearLayout   lt ScrollView     android layout width  quot match parent quot      android layout height  quot match parent quot  gt        lt LinearLayout         android layout width  quot match parent quot          android layout height  quot wrap content quot          android orientation  quot vertical quot  gt            lt  -- things to scroll -- gt        lt  LinearLayout gt   lt  ScrollView gt   If you want to scroll things horizontally  then use a HorizontalScrollView  Making the content fill the screen As is talked about in this post  sometimes you want the ScrollView content to fill the screen  For example  if you had some buttons at the end of a readme  You want the buttons to always be at the end of the text and at bottom of the screen  even if the text doesn t scroll  If the content scrolls  everything is fine  However  if the content is smaller than the size of the screen  the buttons are not at the bottom   This can be solved with a combination of using fillViewPort on the ScrollView and using a layout weight on the content  Using fillViewPort makes the ScrollView fill the parent area  Setting the layout weight on one of the views in the LinearLayout makes that view expand to fill any extra space   Here is the XML  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt ScrollView     xmlns android  quot http   schemas android com apk res android quot      android layout width  quot match parent quot      android layout height  quot match parent quot      android fillViewport  quot true quot  gt                          lt --- fillViewport       lt LinearLayout         android layout width  quot match parent quot          android layout height  quot wrap content quot          android orientation  quot vertical quot  gt            lt TextView             android id  quot   id textview quot              android layout height  quot 0dp quot                  lt ---              android layout weight  quot 1 quot                    lt --- set layout weight             android layout width  quot match parent quot              android padding  quot 6dp quot              android text  quot hello quot   gt            lt LinearLayout             android layout height  quot wrap content quot         lt --- wrap content             android layout width  quot match parent quot              android background  quot  android drawable bottom bar quot              android gravity  quot center vertical quot  gt                lt Button                 android layout width  quot 0dp quot                  android layout weight  quot 1 quot                  android layout height  quot wrap content quot                  android text  quot Accept quot    gt                lt Button                 android layout width  quot 0dp quot                  android layout weight  quot 1 quot                  android layout height  quot wrap content quot                  android text  quot Refuse quot    gt            lt  LinearLayout gt       lt  LinearLayout gt   lt  ScrollView gt   The idea for this answer came from a previous answer that is now deleted  link for 10K users   The content of this answer is an update and adaptation of this post

User · Answer

As said above you can put it inside a ScrollView    and if you want the Scroll View to be horizontal put it inside HorizontalScrollView    and if you want your component  or layout  to support both put inside both of them like this      lt HorizontalScrollView gt           lt ScrollView gt               lt  -- SOME THING -- gt           lt  ScrollView gt       lt  HorizontalScrollView gt    and with setting the layout width and layout height ofcourse

User · Answer

To scroll data in text view you can use this to your text view  and add  and for anything other layout you can just add scroll view on layout as people are saying above       android scrollable true at textview in xml layout   TextView txtScroll    TextView  findViewById R id txt1           txtScroll setMovementMethod new ScrollingMovementMethod

User · Answer

Just make the top-level layout a ScrollView    lt ScrollView xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android fillViewport  true  gt        lt TableLayout         android layout width  match parent          android layout height  match parent          android stretchColumns  1  gt            lt  -- everything you already have -- gt        lt  TableLayout gt   lt  ScrollView gt

User · Answer

There are two options  You can make your entire layout to be scrollable or only the TextView to be scrollable   For the first case     lt  xml version  1 0  encoding  utf-8   gt   lt ScrollView xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent   gt        lt RelativeLayout         android layout width  fill parent          android layout height  fill parent   gt            lt TableLayout             android layout width  fill parent              android layout height  fill parent              android stretchColumns  1   gt                lt TableRow gt                    lt ImageView                     android id    id imageView                      android layout width  wrap content                      android layout height  wrap content                      android layout marginLeft  5dip                      android layout marginRight  5dip                      android layout marginTop  10dip                      android src   drawable icon                      android tint   55ff0000   gt                   lt  ImageView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id name                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Name    gt                   lt  TextView gt                    lt TextView                     android id    id name1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  Veer   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id age                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Age   gt                   lt  TextView gt                    lt TextView                     android id    id age1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  23   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id gender                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Gender   gt                   lt  TextView gt                    lt TextView                     android id    id gender1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  Male   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id profession                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Professsion   gt                   lt  TextView gt                    lt TextView                     android id    id profession1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  Mobile Developer   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id phone                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Phone   gt                   lt  TextView gt                    lt TextView                     android id    id phone1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  03333736767   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id email                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Email   gt                   lt  TextView gt                    lt TextView                     android id    id email1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  veer developer gmail com   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id hobby                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Hobby   gt                   lt  TextView gt                    lt TextView                     android id    id hobby1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  Play Games   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id ilike                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    I like   gt                   lt  TextView gt                    lt TextView                     android id    id ilike1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  Java  Objective-c   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id idislike                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    I dislike   gt                   lt  TextView gt                    lt TextView                     android id    id idislike1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  Microsoft   gt                   lt  TextView gt               lt  TableRow gt                lt TableRow gt                    lt TextView                     android id    id address                      android layout width  wrap content                      android layout height  wrap content                      android padding  3dip                      android text    Address   gt                   lt  TextView gt                    lt TextView                     android id    id address1                      android layout width  wrap content                      android layout height  wrap content                      android gravity  left                      android text  Johar Mor   gt                   lt  TextView gt               lt  TableRow gt                lt Relativelayout gt               lt  Relativelayout gt           lt  TableLayout gt       lt  RelativeLayout gt    lt  ScrollView gt    or  as I said you can use scrollView for TextView alone

User · Answer

Put your TableLayout inside a ScrollView Layout That will solve your problem

User · Answer

A ScrollView is a special type of FrameLayout in that it allows users to scroll through a list of views that occupy more space than the physical display I just add some attributes     lt ScrollView xmlns android  http   schemas android com apk res android       android layout width  fill parent       android layout height  fill parent       android fillViewport  true       android scrollbars    vertical       android scrollbarStyle  insideInset       gt       lt TableLayout         android layout width  fill parent          android layout height  fill parent          android stretchColumns  1           gt           lt  -- Add here which you want -- gt       lt  TableLayout gt    lt  ScrollView gt

[android] How to use ScrollView in Android?

Examples related to android

Examples related to scrollview