Android Tutorial ScrollView examples summary

There are many ScrollView examples on the forum, I made a summary of them for my own use and I think it would be interesting for others.

Creating a table view based on ScrollView

table_1.png




Gridline in TableView using Scrollview

based on Creating a table view based on ScrollView with separation lines.

tableexample-jpg.7027




Rearrange ListView lines post #3
Despite the title, it is a ScrollView
scrollviewlist-jpg.7043





List with two columns and a checkbox

20110106_01.png




ScrollView example Image ScrollView

scrollview1.png




add imageview half manually Another image ScrollView

imagescrollview-jpg.7024



The same as above but with a Label below each image

imagescrollviewlabel-jpg.11460




Another ScrollView example

customscrollview-jpg.7321




Multiple table example post #4

Example with two tables, based on Gridline in TableView using Scrollview but with two ScrollViews.

tableexample20-jpg.7142




Display Long text simple.

This is the simplest example to display long texts in a ScrollView.

longtextsimple-jpg.11671




Display Long texts.

The program displays different texts with different fonts and different font sizes.

longtext-jpg.11669




Real newb question about how to display a block of scrollable text
Help display,

The texts are those from the FastFourierTransform Library Demo program.

helpscrollview-jpg.7324




Sql and ListView
Example with:
- a SQL data base
- multi selection
- different colors for header and columns
- different font sizes and alignments
- in the example the first column 'Code' is hidden

sqltable4-jpg.7330




ScrollView, layouts and getting current selected
Each item is a Panel
With a label, an EditText and a Button on each itempanel


scrollviewnlayouts-jpg.7398




ScrollView example with multiselection and SQL

- adding a row
- moving a selected row up and down
- mono-selection, clicking on one row selects it, clicking on another row unselects the previous one and selects the new one.
- multi-selection, after one row is selected, a longclick on another row activates multi-selection, clicking on a third row selects it, clicking on a selected row unselects it. Unselecting down to one selected row reactivates mono-selection.
- deleting rows, mono and multi

scrollviewmultiselect1-jpg.7506
scrollviewmultiselect2-jpg.7507




ScrollView example with a Panel higher than the screen.

The layouts are designed in the Designer, not in the code.

There are 2 layout files:
- Main with the ScrollView.
- ScrollViewLayout has one Panel higher than the screen, 7 Label views and 7 EditText views, the Panel height is set so the last EditText view is on top of the screen when the panel's lower edge is on the lower edge of the screen.

Clicking on an EditText moves the Scrollview up to show this EditText view on top of the screen to avoid interference with the virtual keyboard.

scrollviewbigpanel1-jpg.7751
scrollviewbigpanel2-jpg.7752





TabHost & ScrollViews

Attached a demo program with a TabHost View with two tabs with ScrollViews.

tabhostscrollview1-jpg.7668
tabhostscrollview2-jpg.7669




SQLiteDB

SQLite database program using several ScrollViews.

What the program can do:
- Read a database, 'Load' button.
- Edit, modify or delete date sets (single- or multi-selection), 'Edit' button.
- Edit and modify a single cell, 'Long_Click' on a cell in a selected row.
- Filter the database, 'Filter' button, Click filter or unfilter, LongClick definition of filter criterias.
- Sort a column ascending or descending, clickink onto the column header.
- Create a new database, 'New' button.
- Scroll the table verticaly with the standard Scrollview, and horizontaly on the blue line between the ScrollView and the toolbox (or with a SeekBar, hidden by default.
- Change the table setup, alignment, column width, text size, colors, etc.

What the program connot do:
- Share multiple tables.


sqlitedb1-jpg.7981
sqlitedb3-jpg.7983




GPS Example program

Setup screen: ScrollView with a panel higher than the screen
GPS path data: ScrollView table with first column always visibel.

gps_3-jpg.9688




ExpandableListView

This code is an example of creating an expandable listview using a scrollview.
The layout of each item in the list is created in code and is customizable on a per item basis.
The example is pretty barebones but exhibits purpose.

expandablelv-png.10855
 
Last edited:

philgoodgood

Member
Licensed User
Longtime User
hello,

as to newb that I am, thank you klaus.
it is a pleasure to read to you.
 

philgoodgood

Member
Licensed User
Longtime User
hello,
I was unmasked :sign0104:

whose is to blame .... it's Google's fault lol
:sign0013:
 

palmzac

Active Member
Licensed User
Longtime User
Hi,

I am newbie. How to implement a click event on "Another ScrollView example" ( like listview )? Would you help me ? Thank you very much !

Palmzac
 
Last edited:

barx

Well-Known Member
Licensed User
Longtime User
What is the purpose of the example with the panel above the screen?
 

klaus

Expert
Licensed User
Longtime User
Which one are you speaking of ?
If it's this one ScrollView example with a Panel higher than the screen, it uses a panel higher than the screen with more views on it that could be displayed at once the screen. Instead of using multiple panels and the need to switch between them, scrolling is faster than switching.

Best regards.
 

enrique1

Member
Licensed User
Longtime User
Thank you very much!!

But I have a question..:

If I have a lot of headers, how can I do to scrollHorizontally?? Is it possible??

Thx!
 

pcbtmr

Member
Licensed User
Longtime User
Adding views to Scrollview vs adding to panel

Klaus,
I was going thru your first table example and was wondering what is the purpose of adding the views to a panel (table) then adding the panel to the scrollview (SV) rather than adding the views directly to the scrollview?
Many thanks for the examples. Excellent learning tools!
 

klaus

Expert
Licensed User
Longtime User
The internal space of a ScrollView is a Panel.
Both have different heights.
The ScrollView has a hight equal or smaller than the screen.
The Panel height is bigger than the ScrollView height, thats the reason for scrolling.
You cannot add views directly to the ScrollWiew !
If you have relatively complex 'lines' in the ScrollView you can even have a layout file for each line, load it in a 'line Panel' and add this 'linePanel' to the ScrollView.Panel.

Best regards.
 

DogHouse

New Member
Licensed User
Longtime User
Erel,

When you said that ListView can display very, very long lists, what did you mean? Is there are theoretical limit of items that can be displayed by ListView or ScrollView? Also, are there any performance constraints with using ScrollView vs ListView, especially ScrollView with Panels?
 
Top