How to create layout similar to APP clock

2

Good morning, everyone. Could someone give me an help on how to create a layout similar to the Android APP clock? I would like to do something very similar to these screens. If you can help me with XML code or links from blogs and websites I'll be grateful. I would mainly like this list effect with multiple items that can be expanded, but I believe this is not expandable list view.

It looks like it's a multi-item list. You click to expand the item, it does not have other subitems, but the same, only more information appears.

    
asked by anonymous 29.06.2015 / 15:29

1 answer

1

To do this, you can use a list view, but you will need to make a custom adapter to populate this list view with a custom layout you made yourself. Already the tabs of this watch application believe they are made with design material, with a toolbar and hiding the action bar. They probably use fragmentStatePagerAdapter and each tab in that application is obviously a fragment. You're going to have a little work to do this. But nothing that is impossible. To make the effect of expanding and showing the additional contents, you have to do an internal layout, inside of what you use in your custom adapter that when you click on the icon to expand you arrow this layout as visible with:

layout.setVisibility(View.VISIBLE);

And when the user clicks to narrow down the information, you do:

layout.setVisibility(View.GONE);

Some links:

To get an idea of Custom Adapter

To make flaps with material designs

    
01.07.2015 / 19:56