码迷,mamicode.com
首页 > 其他好文 > 详细

ListView与ArrayAdapter的搭配使用

时间:2016-01-03 00:23:16      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:

在android中,ListView是一种很重要的控件,一般的使用中,常建立一个所需类型的ArrayList,再通过ArrayAdapter把ListView绑定到ArrayList上,通过ArrayAdapter来使ListView显示和刷新内容。

假定现在有一String类型的ArrayList,叫myArrayList,建立ArrayAdapter并将其与myArrayList绑定的代码如下:

1
2
ArrayAdapter<String> myArrayAdapter =
     new ArrayAdapter<String>(this, android.layout.simple_list_item_1, myArrayList);

其中android.layout.simple_list_item_1是android本身的一个基本listview,在实际中也可以自建一个listview。

当有新的内容时,先将String添加到myArrayList,然后通过以下代码完成ListView的刷新显示:

1
2
myArrayList.add(0, myString);
myArrayAdapter.notifyDataSetChanged();

上面add方法的第一个参数是新String要添加的位置,从0开始一次递增。notifyDataSetChanged()的作用是告知ListView刷新内容。

在实际中,经常需要定制ListView,先要为所需的页面、边缘等需要的颜色在colors.xml文件中进行设置。并为页面宽度和页面边缘在dimens.xml中添加所需要的值。

然后需要扩展一个新的TextView类,用作ListView中每一行的显示,在init方法中创建获取前面创立的资源文件,并建立Paint对象,然后重写onDraw方法,利用Paint对象来重写图像。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.TextView;
     
public class WordItemView extends TextView{
         
    private Paint marginPaint;
    private Paint linePaint;
    private int paperColor;
    private float margin;
         
    //WordItemView的构造函数
    public WordItemView(Context context, AttributeSet ats, int ds){
        super(context, ats, ds);
        init();
    }
         
    public WordItemView(Context context){
        super(context);
        init();
    }
         
    public WordItemView(Context context, AttributeSet ats){
        super(context, ats);
        init();
    }
         
    private void init(){
        Resources myResources = getResources();
             
        //创建画刷
        marginPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        marginPaint.setColor(myResources.getColor(R.color.margin));
        linePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        linePaint.setColor(myResources.getColor(R.color.lines));
             
        //获得页面背景色和边缘宽度
        paperColor = myResources.getColor(R.color.paper);
        margin = myResources.getDimension(R.dimen.margin);
    }
         
    @Override
    public void onDraw(Canvas canvas){
        //绘制页面颜色
        canvas.drawColor(paperColor);
             
        //绘制边缘
        //canvas.drawLine(0, 0, 0, getMeasuredHeight(), linePaint);
        canvas.drawLine(0, getMeasuredHeight(), getMeasuredWidth(), getMeasuredHeight(), linePaint);
        canvas.drawLine(margin, 0, margin, getMeasuredHeight(), marginPaint);
             
        //移动文本
        canvas.save();
        canvas.translate(margin, 0);
             
        //渲染文本
        super.onDraw(canvas);
        canvas.restore();
    }
         
}

接下来在res/layout中新建一个xml文件来指定每一个条目在视图列表中的排列方式。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
         
    <TextView
        android:id="@+id/itemMean"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_alignParentRight="true"
        android:textColor="@color/text"
        android:padding="10dp"
        android:scrollbars="vertical"
        android:fadingEdge="vertical"/>
     
    <com.qingshuimonk.words.WordItemView
        android:id="@+id/itemWord"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="10dp"
        android:scrollbars="vertical"
        android:textColor="@color/text"
        android:textStyle="italic"
        android:fadingEdge="vertical"/>
     
</RelativeLayout>

重写ArrayAdapter方法使其适应现有的空间,在这个例子(一个能显示单词和释义的应用)里,有两个TextView需要显示。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import java.util.List;
     
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
     
public class MyAdapter extends ArrayAdapter<WordItem>{
         
    int resource;
         
    public MyAdapter(Context context, int _resource, List<WordItem> items){
        super(context, _resource, items);
        resource = _resource;
    }
         
    @Override
    public View getView(int position, View convertView, ViewGroup parent){
        LinearLayout newView;
             
        WordItem item = getItem(position);
             
        String word = item.getWord();
        String mean = item.getMean();
             
        if(convertView == null){
            newView = new LinearLayout(getContext());
            String inflater = Context.LAYOUT_INFLATER_SERVICE;
            LayoutInflater li;
            li = (LayoutInflater)getContext().getSystemService(inflater);
            li.inflate(resource, newView, true);
        }
        else{
            newView = (LinearLayout)convertView;
        }
             
        TextView wordView = (TextView)newView.findViewById(R.id.itemWord);
        TextView meanView = (TextView)newView.findViewById(R.id.itemMean);
             
        wordView.setText(word);
        meanView.setText(mean);
             
        return newView;
    }
         
}

最后在MainActivity里面对ArrayList和ArrayAdapter的绑定代码进行修改。

1
2
3
4
final ArrayList<WordItem> worditem = new ArrayList<WordItem>();
       final MyAdapter adapter =
               new MyAdapter(this, R.layout.worditem, worditem);
        wordsList.setAdapter(adapter);

这样定制的ListView就大功告成了。

ListView与ArrayAdapter的搭配使用

标签:

原文地址:http://www.cnblogs.com/AceIsSunshineRain/p/5095419.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!