8

I have a screen that displays section headers. I display 3 section headers in a scroll view.

My problem is that each section can change its content based on time intervals.

For example, I have 3 section headers like:

Gold Price 
---------------------------
List item 1 
List item 2 
List item 3 

Petrol Price 
---------------------------
List item 1 
List item 2 
List item 3 

Silver Price 
---------------------------
List item 1 
List item 2 
List item 3 

Now any of the section headers like (Gold Price) can change its content (list items) by selecting different time spans (last 7 days, last 2 weeks, last 1 month, ...)

I am looking for a way to display the time span options (spinner) along with the section headers.

Furthermore I can't use tabs because there already exist tabs in the screen. And there is other content than the scroll view in the same screen. I want a solution to display them and respect the holo visual language in android.

Is it fine to use a spinner as a section header with a divider displayed below it?

2
  • Is it one time span per header or one for all three?
    – micap
    Sep 23, 2013 at 12:52
  • time span per header
    – confucius
    Oct 5, 2013 at 21:20

2 Answers 2

6

Ideally, all three categories should be placed alongside each other horizontally because they are of the same nature and pertain to the same kind of elements. Requiring the user to scroll downward through them, especially when some are longer than others or off of the screen, will make retrieving information from them much more difficult -

problem

Although you have expressed concern that there isn't a lot of spatial real estate to work with, this potential solution can be consolidated in a usable way -

potential solution

It then follows that the spinner, containing the parameter for time adjustment, can be made applicable to all three categories at once. This way, the layout intuitively suggests the comparative differences between items over time (vertical) and the differences between items amongst the categories (horizontal).

If you wanted to make things really intuitive, you could forgo the heading spinner entirely, and allow the user to scroll down for a larger time interval!

2
  • Those are beautiful sketches, did you do them by hand?
    – Racheet
    Oct 7, 2013 at 16:21
  • @Racheet I appreciate it! I did, pencil and paper is my weapon of choice. :) Oct 7, 2013 at 18:08
1

You have limited building blocks on Android, so you could use:

  1. Standard Spinner control enter image description here
  2. "Hacked" Scrollable Tab control – could be tricky enter image description here
  3. "Hacked" Picker control – could be tricky enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.