Android 开发技术 第四课

概要

这节课我们讲了ListView自定义Adapter的方法,只要继承BaseAdapter实现我们自己的类就可以了。我们还讲了使用HTTP协议连接网络的方法,用HttpURLConnection即可。下面就给大家说说它们的详细用法。

BaseAdapter的使用方法

在上节课中,我们学到了ArrayAdapterSimpleAdapter,但是这两个Adapter不够灵活,前者只能改变item中的一条文字,后者则能改变item中的多个图片,多条文字。但是这样的功能还是太简单,好多情况并不能满足我们的需求。比如,我们要实现一个列表,每行之间的背景色都不同,这样的需求虽然简单,但是使用上述的两个Adapter,我们却并不能很好的实现。
这时候,BaseAdapter就登场了。从名字可以看出,他是一个基本Adapter,里面关于显示item的东西都要我们自己实现。使用BaseAdapter大致需要如下几步

  1. 创建一个类,并继承BaseAdapter
    创建完,我们会发现,竟然出现错误了,怎么回事?因为BaseAdapter实现了Adapter接口,所以我们要实现接口定义的方法。在红线上按Alt+Enter,选择Implement Methods,全选所有方法,按OK即可。
  2. 几个重写的方法的介绍
  • public int getCount()
    返回数据的个数,或者说ListView中,item的个数。通常写return list.size();
  • public Object getItem(int position)
    返回item所对应的数据,通常写return list.get(position);
  • public long getItemId(int position)
    返回item对用的id,通常写return position;
  • public View getView(int position, View convertView, ViewGroup parent)
    这个是我们最关注的方法,在这里我们返回ListView中每个item对应的View
  1. 通常需要设置的类内变量
    不知道大家发现没有,我们自定义的Adapter并没有数据源,这怎么办呢,当然是给它当变量传进来啊。
    不过,还有一个问题需要解决,在getView()方法中,我们怎么返回View呢,我们只是创建了item对应的布局(layout)啊。这时候,LayoutInflater这个类就出场了,它可以将我们的布局文件(xxx.xml)转换成对应的View。这么说,大家可能不太理解,大家可以回忆一下,我们创建的Activity是怎样显示的布局文件呢。有人可能会说了,我怎么知道,我根本没关过它,它自己就显示出来了。其实因为我们新建工程时,Android Studio已经给我们生成好代码了,那就是在onCreate()函数中的setContentView(R.layout.activity_main)方法,其实它的内部就是使用LayoutInflater,把我们的布局文件,转化成对应的View并显示出来的。那么具体怎么用呢,我们使用这句话就好了。
View view = LayoutInflater.from(context).inflate(R.layout.xxx, null);

我们可以看出,在自定义的Adapter中,并没有Context对象,所以我们也把它当参数传进来就哦了。那个null是什么呢,那个参数要为返回的view指定一个父布局Parent View。我们不用管它,传null就好了。

  1. 具体演示
    引用一句比较火的话

Talk is cheap. Show me the code

布局文件item.xml

<?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="wrap_content"
    android:orientation="horizontal"
    android:padding="16dp">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/head1" />

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:text="周杰伦"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:text="龙卷风"
        android:textSize="20sp" />
</LinearLayout>

布局文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.sunny.muke_scrollview1.MainActivity">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

实体类Song.java,可以理解为存放歌曲信息的数据结构

package com.sunny.muke_scrollview1;
/**
 * 歌曲实体类
 * Created by Sunny  An on 2016/5/29.
 */
public class Song {
    //歌曲名
    private String songName;
    //歌手名
    private String singer;
    //图片
    private int picture;

    public String getSongName() {
        return songName;
    }

    public void setSongName(String songName) {
        this.songName = songName;
    }

    public String getSinger() {
        return singer;
    }

    public void setSinger(String singer) {
        this.singer = singer;
    }

    public int getPicture() {
        return picture;
    }

    public void setPicture(int picture) {
        this.picture = picture;
    }
}

自定义的适配器CustomAdapter.java

package com.sunny.muke_scrollview1;
import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
/**
 * 自定义Adapter
 * Created by Sunny  An on 2016/5/29.
 */
public class CustomAdapter extends BaseAdapter {
    private List<Song> data;
    private Context context;
    private LayoutInflater inflater;

    public CustomAdapter(List<Song> data, Context context) {
        this.data = data;
        this.context = context;
        inflater = LayoutInflater.from(this.context);
    }

    @Override
    public int getCount() {
        return data.size();
    }

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //将布局文件转化成View
        View view = inflater.inflate(R.layout.item, null);
        //找控件
        TextView tvSongName = (TextView) view.findViewById(R.id.tv1);
        TextView tvSinger = (TextView) view.findViewById(R.id.tv2);
        ImageView ivPic = (ImageView) view.findViewById(R.id.iv);
        //设置数据
        Song song = data.get(position);
        tvSongName.setText(song.getSongName());
        tvSinger.setText(song.getSinger());
        ivPic.setBackgroundResource(song.getPicture());
        //设置背景
        if (position % 2 == 0) {
            view.setBackgroundColor(Color.LTGRAY);
        } else {
            view.setBackgroundColor(Color.DKGRAY);
        }
        return view;
    }
}

MainActivity.java中的初始化代码

List<Song> data = new ArrayList<>();
for (int i = 0; i < 100; i++) {
    Song song = new Song();
    song.setSinger("歌手" + i);
    song.setSongName("歌曲" + i);
    if (i % 2 == 0) {
        song.setPicture(R.drawable.head1);
    } else {
        song.setPicture(R.drawable.head2);
    }
    data.add(song);
}
ListView listView = (ListView) findViewById(R.id.listView);
CustomAdapter adapter = new CustomAdapter(data, MainActivity.this);
listView.setAdapter(adapter);
  1. 最终效果
    效果图

    实现了,有木有。但是,这个LIstView在性能上来说,并不是最优的,更好的使用方法,请参见文末的链接。

HttpURLConnection的使用方法

这个我就不说太多了,都是Java的知识,大家看看书,或者看文末链接吧,我就把代码贴出来了。需要注意的是,要在AndroidManifest.xml中加入网络权限,否则应用不能联网。同时,使用HttpURLConnection访问网络的操作不能放到UI线程中,请创建非UI线程

<uses-permission android:name="android.permission.INTERNET" />

使用GET方式访问百度页面

new Thread(new Runnable() {
    @Override
    public void run() {
        try {
            URL url = new URL("https://m.baidu.com/");
            //返回值是URLConnection,我们要做一次强制转换
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            //设置连接超时时间5秒
            connection.setConnectTimeout(5 * 1000);
            //设置请求方式为GET
            connection.setRequestMethod("GET");
            //包装输入流
            BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));
            StringBuilder sb = new StringBuilder();
            String line;
            //获取所有文本
            while ((line = reader.readLine()) != null) {
                sb.append(line).append("\n");
            }
            //把他打印出来
            Log.v("result",sb.toString());
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}).start();

运行结果


补充链接

Java中entity(实体类)的写法规范
BaseAdapter的逗逼、普通、文艺写法
LayoutInflater的获取与使用
Java Thread 总结
HTTP协议的介绍
HttpURLConnection在 Java 帮助文档 中的介绍
Java输入输出流

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,755评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,369评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,799评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,910评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,096评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,159评论 3 411
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,917评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,360评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,673评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,814评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,509评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,156评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,123评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,641评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,728评论 2 351

推荐阅读更多精彩内容