开头:
在做android开发的时候,我们经常会遇到这样的布局,上面是一个图片轮播图,下面是一些列表的项目。很多新闻app,视频类app都采用这样的布局。起初的时候
由于没有很多参考,我自己想到了一种实现方式,就是用scrollview作为外面最大的布局,然后里面嵌套viewpager和listview,但是我现在非常不推荐这种方式,一方面由于这种方式
需要将listview完全展开,缺少了getview函数中应该有的复用与优化。而且结构嵌套复杂。经过一番查找与学习,学习到两种比较规范或者结构比较清晰的实现方式,那么下面,我来分别介绍
一下这两种方式。
方法一:listview的addheadview方法
首先我们新建一个布局文件,存放listview,如下
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="16dp"
android:text="first" />
<ListView
android:id="@+id/list_view_first"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/textView1"
/>
</RelativeLayout>
布局很简单,里面就主要有一个listview。
然后顶部的轮播图,我们采用viewpager的方式去实现。同样新建一个布局,里面存放viewpager
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/headviewpager"
android:layout_width="match_parent"
android:layout_height="100dp"
/>
</LinearLayout>
通过上面两步,我们已经建立好了用到的布局文件,很简单。
那么接下来,viewpager需要一个adapter来填充数据,这里我们的数据,就是一些图片,让viewpager去展示。
我们再新建一个自己的viewpageradapter,这个adapger在后面的另一种实现方式中也会用到,所以,单独建立一个文件存放。
下面是代码:
/**
*
* @author xuelang www.gaotenglife.com
*
*/
public class