2013-09-13 5 views
4

Как я могу получить список в виде этого?Заголовок списка просмотра растягивается

enter image description here Listview имеет заголовок - аватар певицы, когда раскрывается список, изображение растянуто. Pic1 в норме, pic2 снят.

+0

Вы можете анимировать и уменьшить ширину списка. – Prachi

+0

@son nt Вы решили эту функцию? –

+0

самым простым (но не самым чистым) решением было бы добавить прослушиватель прикосновений к просмотру изображения над списком. Затем вы можете распознать движение касания и соответственно изменить размер изображения. Список должен быть ниже изображения (например, относительный макет или линейный макет). Но это проблемы не лучшее решение;) – Frame91

ответ

0

Это не так сложно достичь. Вы можете добавить прозрачный пустой заголовок с высотой изображения (в расширенном состоянии). Добавьте макет с изображением в listView. Ваш макет будет выглядеть следующим образом:

<FrameLayout> 
    <LinearLayout> //layout with your image and controlls 
    </LinearLayout> 
    <ListView/> //your listView 
</FrameLayout> 

После этого необходимо реализовать на скроллинг изменения слушателя вашего ListView. Там вы должны определить ваш прозрачный заголовок на экране и установить Y-позицию макета управления. С помощью этой техники вы можете создать дефферентное поведение заголовка в виде списка (эффект параллакса, затухающая анимация или что-то еще)

3

Вам не нужен какой-либо пустой или невидимый вид.

В принципе, вы добавляете представление (или макет) в заголовок ListView, используя addHeaderView(). После этого переопределить метод ListView

overScrollBy(int deltaX, int deltaY, int scrollX, 
     int scrollY, int scrollRangeX, int scrollRangeY, 
     int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) 

. Вы управляете высотой представления, которую вы добавили в качестве заголовка в методе overScrollBy параметром deltaY.

Посмотрите эту библиотеку, если вы хотите, чтобы избежать трудностей https://github.com/Gnod/ParallaxListView.

0

Вы можете использовать эффект параллакса для этого Gnod/ParallaxListView scal и вам нужно есть решение по ManuelPeinado

Актон бара выцветания или исчезает действия бара вы можете проверить это с here

это масштабное изображения в то время как в виде списка прокрутки .I думаю, это решение для вашего вопроса.

Надеюсь, это вам поможет

Смежные вопросы