安卓应用的界面编程(5)

第四组UI组件：AdapterView及其子类

AdapterView组件是一组重要的组件，AdapterView本身是一个抽象基类，它派生的子类在用法上十分相似，只是显示界面有些不同。

继承了ViewGroup，本质是容器，可以包括多个“列表项”。

显示的多个“列表项”由Adapter提供，调用AdapterView的setAdapter(Adapter)方法设置Adapter即可

下面是AdapterView及其子类的继承关系类图：（图从网上找的，有点模糊）

1.列表视图(ListView)和ListActivity

ListView以垂直列表的形式显示所有列表项

两种生成方式

(1)直接使用ListView进行创建

(2)让Activity继承ListActivity(相当于该Activity显示的组件为ListView),之后为ListView设置它要显示的列表项

注：ListView/GridView/Spinner/Gallery等AdapterView都只是容器，而Adapter负责提供每个“列表项”组件，AdapterView则负责采用合适的方式显示这些列表项

下面是ListView最简单的使用例子，先在布局文件定义一个ListView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="120px"/>
        <!-- 直接使用数组资源给出列表项 -->
        <!-- 设置使用红色的分隔条 -->
        <!-- android:headerDividersEnabled="false"不在header View之后绘制分隔条 -->
        <ListView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:entries="@array/books"
            android:divider="#f00"
            android:dividerHeight="2px"
            android:headerDividersEnabled="false">
        </ListView>
    </LinearLayout>

 里面引用的数组资源另外定义文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="books">
        <item>疯狂Java讲义</item>
        <item>疯狂Ajax讲义</item>
        <item>疯狂XML讲义</item>
        <item>疯狂Android讲义</item>
    </string-array>
</resources>

效果图

下面把ListView作为AdapterView使用，通过Adapter控制每个列表项的外观和行为。

2.Adapter接口及实现类

Adapter接口派生出了ListAdapter和SpinnerAdapter两个子接口

其中ListAdapter为AbsListView提供列表项，SpinnerAdapter为AbsSpinner提供列表项

Adapter常用的实现类如下，图片取自（http://www.it165.net/pro/html/201404/11876.html）

下面通过ArrayAdapter来实现ListView

先是简单的布局文件

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!-- 设置使用红色的分隔条 -->
        <ListView
            android:id="@+id/list1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="#f00"
            android:dividerHeight="2px"
            android:headerDividersEnabled="false">
        </ListView>
        <!-- 设置使用绿色的分隔条 -->
        <ListView
            android:id="@+id/list2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="#0f0"
            android:dividerHeight="2px"
            android:headerDividersEnabled="false">
        </ListView>
    </LinearLayout>

上面的两个ListView没有指定android:entries属性，所以要通过Adapter来提供列表项，下面在Activity中为两个ListView提供Adapter

public class ArrayAdapterTest extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_array_adapter_test);
        ListView list1=(ListView)findViewById(R.id.list1);
        //定义一个数组
        String[] arr1={"孙悟空","猪八戒","沙和尚"};
        //将数组包装为ArrayAdapter
        ArrayAdapter<String> adapter1=new ArrayAdapter<String>(this,R.layout.array_item,arr1);
        //为ListView设置Adapter
        list1.setAdapter(adapter1);
        ListView list2=(ListView)findViewById(R.id.list2);
        String[] arr2={"java","hibernate","struts","spring","android"};
        ArrayAdapter<String> adapter2=new ArrayAdapter<String>(this,R.layout.array_item,arr2);
        list2.setAdapter(adapter2);
    }
}

创建ArrayAdapter的三个参数分别为

1.Context:代表访问整个Android应用的接口

2.textViewReourceId:资源ID(作为ArrayAdapter的列表项组件)
3.数组或List(提供数据)

下面是R.layout.array_item布局文件，即第二个参数指定的文件

<?xml version="1.0" encoding="utf-8"?>
<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/TextView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textSize="24dp"
    android:padding="10px"
    android:shadowColor="#f0f"
    android:shadowDx="4"
    android:shadowDy="4"
    android:shadowRadius="2">
</TextView>

效果图

基于ListActivity实现列表比较简单，不作说明了

接下来使用SimpleAdapter(功能比ArrayAdapter强大，较为复杂)创建ListView

先简单定义一个ListView

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="95px"/>
        <!-- 定义个ListView -->
        <ListView
            android:id="@+id/mylist"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        </ListView>
</LinearLayout>

然后是一个界面布局文件simple_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <!-- 定义一个ImageView，用于作为列表项的一部分 -->
    <ImageView
        android:id="@+id/header"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"/>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <!-- 定义一个TextView，用于作为列表项的一部分 -->
        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:textColor="#f0f"
            android:paddingLeft="10dp"/>
        <!-- 定义一个TextView，用于作为列表项的一部分 -->
        <TextView
            android:id="@+id/desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14dp"
            android:paddingLeft="10dp"/>
    </LinearLayout>
</LinearLayout>

最后是Activity代码

public class SimpleAdapterTest extends AppCompatActivity {

    private String[] names=new String[]{"虎头","弄玉","李清照","李白"};
    private String[] descs=new String[]{"可爱的小孩","一个擅长音乐的女孩","一个擅长文学的女性","浪漫主义诗人"};
    private int[] imageIds=new int[]{R.drawable.tiger,R.drawable.nongyu,R.drawable.qingzhao,R.drawable.libai};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simple_adapter_test);
        //创建一个List集合，List集合的元素是Map
        List<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>();
        for(int i=0;i<names.length;i++)
        {
            Map<String,Object> listItem=new HashMap<String,Object>();
            listItem.put("header",imageIds[i]);
            listItem.put("personName",names[i]);
            listItem.put("desc",descs[i]);
            listItems.add(listItem);
        }
        //创建一个SimpleAdapter
        SimpleAdapter simpleAdapter=new SimpleAdapter(this,listItems,R.layout.simple_item,
                new String[]{"personName","header","desc"},new int[]{R.id.name,R.id.header,R.id.desc});
        ListView list=(ListView)findViewById(R.id.mylist);
        //为ListView设置Adapter
        list.setAdapter(simpleAdapter);

        //为ListView的列表项的单击事件绑定事件监听器
        list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            //第position项被单击时激发该方法
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                System.out.println(names[position]+"被单击了");
            }
        });

        //为ListView的列表项的选中事件绑定事件监听器
        list.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            //第position项背选中时激发该方法
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                System.out.println(names[position]+"被选中了");
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });
    }
}

效果图

这个比较复杂，理解一下感觉浑然一体，以后数据项应该是从数据库里面抽取。

还可以使用扩展BaseAdapter来实现不存储列表项的ListView，从而取得对Adapter最大的控制权，这里不举例说明了。

3.自动完成文本框(AutoCompleteTextView)的功能和用法

从EditView派生而出，比普通编辑框多了一个功能：当用户输入一定字符之后，自动完成文本框会显示一个下拉菜单，供用户从中选择。

AutoCompleteTextView又派生出了MultiAutoCompleteTextView(允许输入多个提示项)。下面是简单的使用说明

首先在布局文件中定义一个AutoCompleteTextView和一个MultiAutoCompleteTextView

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!-- 定义一个自动完成文本框，指定输入一个字符后进行提示 -->
        <AutoCompleteTextView
            android:id="@+id/auto"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:completionHint="选择您喜欢的图书"
            android:completionThreshold="1"/>
        <!-- 定义一个MultiAutoCompleteTextView组件 -->
        <MultiAutoCompleteTextView
            android:id="@+id/mauto"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:completionThreshold="1"/>
    </LinearLayout>

然后是Activity代码

public class AutoCompleteTextViewTest extends AppCompatActivity {
    AutoCompleteTextView actv;
    MultiAutoCompleteTextView mactv;
    //定义字符串数组作为提示文本
    String[] books=new String[]{
            "疯狂Java讲义",
            "疯狂Ajax讲义",
            "疯狂XML讲义",
            "疯狂Android讲义"
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_auto_complete_text_view_test);
        ArrayAdapter<String> aa=new ArrayAdapter<String>(this,R.layout.simple_dropdown_item_line,books);
        actv=(AutoCompleteTextView)findViewById(R.id.auto);
        mactv=(MultiAutoCompleteTextView)findViewById(R.id.mauto);
        actv.setAdapter(aa);
        mactv.setAdapter(aa);
        //为MultiAutoCompleTextView设置分隔符
        mactv.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
    }
}

运行效果

        

4.网格视图(GridView)的功能和用法

用于在界面上按行列分布显示多个组件(多列的ListView)，一般指定numColumns大于1，否则变成ListView。

下面的实例是一个带预览的图片浏览器

先简单定义一个GridView和ImageView

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_horizontal">
        <!-- 定义GridView组件 -->
        <GridView
            android:id="@+id/grid01"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:horizontalSpacing="1pt"
            android:verticalSpacing="1pt"
            android:numColumns="4"
            android:gravity="center">
        </GridView>
        <!-- 定义一个ImageView组件 -->
        <ImageView
            android:id="@+id/imageView"
            android:layout_width="240dp"
            android:layout_height="240dp"
            android:layout_gravity="center_horizontal"/>
    </LinearLayout>

然后是Activity代码

public class GridViewTest extends AppCompatActivity {

    GridView gridView;
    ImageView imageView;
    int[] imageIds=new int[]
            {
                    R.drawable.libai,R.drawable.nongyu,R.drawable.qingzhao,R.drawable.suit,R.drawable.tiger
            };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_grid_view_test);
        //创建一个List对象，List对象的元素是Map
        List<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>();
        for(int i=0;i<imageIds.length;i++)
        {
            Map<String,Object> listItem=new HashMap<String,Object>();
            listItem.put("image",imageIds[i]);
            listItems.add(listItem);
        }
        //获取显示图片的ImageView
        imageView=(ImageView)findViewById(R.id.imageView);
        //创建一个SimpleAdapter
        SimpleAdapter simpleAdapter=new SimpleAdapter(this,listItems,R.layout.cell,new String[]{"image"},new int[]{R.id.image});
        gridView=(GridView)findViewById(R.id.grid01);
        //为GridView设置Adapter
        gridView.setAdapter(simpleAdapter);

        //添加列表项被选中的监听器
        gridView.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                //显示当前被选中的图片
                imageView.setImageResource(imageIds[position]);
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });

        //添加列表项被单击的监听器
        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener()
        {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                imageView.setImageResource(imageIds[position]);
            }
        });
    }
}

效果图，忘了在上面加个占位的。

5.可展开的列表组件(ExpandableListView)

ExpandableListView是ListView的子类，它在普通ListView的基础上进行扩展，把应用中的列表项分为几组，每组又可以包含多个列表项，

ExpandableListView与普通的ListView用法十分相似，只是ExpandableListView所显示的列表应该由ExpandableListAdapter提供

布局文件简单定义，下面是Activity的代码

public class ExpandableListViewTest extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_expandable_list_view_test);
        //创建一个BaseExpandableListAdapter对象
        ExpandableListAdapter adapter=new ExpandableListAdapter() {

            int[] logos=new int[]
            {
                R.drawable.libai, R.drawable.suit,R.drawable.qingzhao
            };
            private String[] armTypes=new String[]{"神族兵种","虫族兵种","人族兵种"};
            private String[][] arms=new String[][]
                    {
                            {"狂战士","龙骑士","猪骑士","狗骑士"},
                            {"小狗","小猫","小蛇","小猪"},
                            {"黄种人","白种人","黑种人"}
                    };

            @Override
            public void registerDataSetObserver(DataSetObserver observer) {

            }

            @Override
            public void unregisterDataSetObserver(DataSetObserver observer) {

            }

            @Override
            public int getGroupCount() {
                return armTypes.length;
            }

            @Override
            public int getChildrenCount(int groupPosition) {
                return arms[groupPosition].length;
            }

            //获取指定组位置处的组数据
            @Override
            public Object getGroup(int groupPosition) {
                return armTypes[groupPosition];
            }

            //获取指定组位置/指定子列表项处的子列表项数据
            @Override
            public Object getChild(int groupPosition, int childPosition) {
                return arms[groupPosition][childPosition];
            }

            private TextView getTextView()
            {
                AbsListView.LayoutParams lp=new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,64);
                TextView textView=new TextView(ExpandableListViewTest.this);
                textView.setLayoutParams(lp);
                textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
                textView.setPadding(36, 0, 0, 0);
                textView.setTextSize(20);
                return textView;
            }

            @Override
            public long getGroupId(int groupPosition) {
                return groupPosition;
            }

            @Override
            public long getChildId(int groupPosition, int childPosition) {
                return childPosition;
            }

            @Override
            public boolean hasStableIds() {
                return true;
            }

            //该方法决定每个组选项的外观
            @Override
            public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
                LinearLayout ll=new LinearLayout(ExpandableListViewTest.this);
                ll.setOrientation(LinearLayout.VERTICAL);
                ImageView logo=new ImageView(ExpandableListViewTest.this);
                logo.setImageResource(logos[groupPosition]);
                ll.addView(logo);
                TextView textView=getTextView();
                textView.setText(getGroup(groupPosition).toString());
                ll.addView(textView);
                return ll;
            }

            //该方法决定每个子选项的外观
            @Override
            public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
                TextView textView=getTextView();
                textView.setText(getChild(groupPosition,childPosition).toString());
                return textView;
            }

            @Override
            public boolean isChildSelectable(int groupPosition, int childPosition) {
                return true;
            }

            @Override
            public boolean areAllItemsEnabled() {
                return false;
            }

            @Override
            public boolean isEmpty() {
                return false;
            }

            @Override
            public void onGroupExpanded(int groupPosition) {

            }

            @Override
            public void onGroupCollapsed(int groupPosition) {

            }

            @Override
            public long getCombinedChildId(long groupId, long childId) {
                return 0;
            }

            @Override
            public long getCombinedGroupId(long groupId) {
                return 0;
            }
        };
        ExpandableListView expandableListView=(ExpandableListView)findViewById(R.id.Exlist);
        expandableListView.setAdapter(adapter);
    }
}

运行效果

6.Spinner的功能和用法

 Spinner组件就是一个列表选择框，这里相当于弹出一个菜单供用户选择，比较简单，不做说明。Gallery已经渐渐淡出视野，不做介绍

7.AdapterViewFlipper的功能与用法

可以在多个View切换过程中使用渐隐渐现的动画效果，还可以控制自动播放下一个View组件

下面的实例是一个自动播放的图片库

首先是布局文件，因为和书上的有点出入自己查资料改了改

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="95px"/>
        <AdapterViewFlipper
            android:id="@+id/flipper"
            android:layout_width="400px"
            android:layout_height="400px"
            android:flipInterval="5000"
            android:layout_alignParentTop="true">
        </AdapterViewFlipper>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="prev"
                android:text="上一个"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="next"
                android:text="下一个"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="auto"
                android:text="自动播放"/>
    </LinearLayout>

然后是Activity代码

package mocking.com.adapterviewandhissons;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class AdapterViewFlipperTest extends AppCompatActivity {

    int[] imageIds=new int[]
            {
                    R.drawable.one,R.drawable.two,R.drawable.three,R.drawable.four,R.drawable.five
            };
    private AdapterViewFlipper flipper;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_adapter_view_flipper_test);
        flipper=(AdapterViewFlipper)findViewById(R.id.flipper);
        //创建一个BaseAdapter对象，该对象负责提供Gallery所显示的列表项
        BaseAdapter adapter=new BaseAdapter() {
            @Override
            public int getCount() {
                return imageIds.length;
            }

            @Override
            public Object getItem(int position) {
                return position;
            }

            @Override
            public long getItemId(int position) {
                return position;
            }

            //该方法返回的View代表了每个列表项
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                //创建一个ImageView
                ImageView imageView=new ImageView(AdapterViewFlipperTest.this);
                imageView.setImageResource(imageIds[position]);
                //设置ImageView的缩放类型
                imageView.setScaleType(ImageView.ScaleType.FIT_XY);
                //为ImageView设置布局参数
                imageView.setLayoutParams(new ViewGroup.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT));
                return imageView;
            }
        };
        flipper.setAdapter(adapter);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }

    public void prev(View source)
    {
        //显示上一个组件
        flipper.showPrevious();
        //停止播放
        flipper.stopFlipping();
    }

    public void next(View source)
    {
        //显示下一个组件
        flipper.showNext();
        //停止播放
        flipper.stopFlipping();
    }

    public void auto(View source)
    {
        //开始自动播放
        flipper.startFlipping();
    }
}

效果图

8.StackView的功能和用法

会以堆叠的方式显示多个列表项

下面的实例是叠在一起的图片

布局文件

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <StackView
            android:id="@+id/mStackView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:loopViews="true"></StackView>
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="上一个"
                android:onClick="prev"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="下一个"
                android:onClick="next"/>
        </LinearLayout>
    </LinearLayout>

Activity代码

package mocking.com.adapterviewandhissons;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.SimpleAdapter;
import android.widget.StackView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class StackViewTest extends AppCompatActivity {

    StackView stackView;
    int[] imageIds=new int[]
            {
                    R.drawable.one,R.drawable.two,R.drawable.three,R.drawable.four,R.drawable.five
            };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_stack_view_test);
        stackView=(StackView)findViewById(R.id.mStackView);
        List<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>();
        for(int i=0;i<imageIds.length;i++)
        {
            Map<String,Object> listItem=new HashMap<String,Object>();
            listItem.put("image",imageIds[i]);
            listItems.add(listItem);
        }
        SimpleAdapter simpleAdapter=new SimpleAdapter(this,listItems,R.layout.cell,new String[]{"image"},new int[]{R.id.image1});
        stackView.setAdapter(simpleAdapter);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }

    public void prev(View view)
    {
        stackView.showPrevious();
    }

    public void  next(View view)
    {
        stackView.showNext();
    }

}

效果图，最上方的图片可以拖走。。效果不错= =乱七八糟估计是图片大小不一样引起的

这篇结束。。最近顾着玩，连续拖更。。下一篇ProgressBar及其子类