条件:
首先请您先安装好Android studio,由于本文所写内容皆在此软件上所以需要先安装好软件及设置好环境,再此就不赘述了。
内容:
假设您软件环境等因素没有问题了,那么我们就可以开始在软件上做我们的音乐界面了。首先打开我们的module里的Java下的第一个com.example.lenovo.myapplication,可能你的文件名字和我的并不相同。我们需要先在这个文件下建立三个新的package。分别叫做entity、fragment、adapter。
建好包我们才能开始真正的第一步。
实体类:
首先我们需要在后面做界面用到很多类型的属性,如音乐标题,音乐图片,歌手等。在这里我们就需要一个实体类来定义他们。实体类的内容很简单,我们只需要在entity下new一个Java Class,里面写上我们需要用到的属性即可,这里使用public来定义方便后面adapter的直接使用。
public class Music {
public String title;
public String artlist;
public String album;
public Bitmap albummap;
public int length;}
布局文件:
音乐界面内有很多首歌曲我们布局界面不能一条条打出来,所以我们需要先做好一个“模范”布局,在利用ListView来放入数据。现在我们就先做好“模范”布局。
首先新建一个xml文件,再此我建立了个music_intem.xml文件。我们只需要利用RelativeLayout来设定好布局。并且将每一个图片,文字设定好id来为后面数据替换做准备。
<?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="80dp">
<ImageView
android:layout_margin="10dp"
android:id="@+id/music_intm_image"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/ic_launcher_background"/>
<TextView
android:id="@+id/music_intm_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/music_intm_image"
android:layout_margin="10dp"
android:text="某首歌"/>
<TextView
android:id="@+id/music_intm_text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/music_intm_image"
android:layout_below="@id/music_intm_text"
android:layout_marginLeft="10dp"
android:text="某人"/>
</RelativeLayout>
创建适配器
为了能改变上面xml上的数据内容,我们需要用适配器来绑定控件,所以我们在adapter里面自定义一个MusicAdapter来继承BaseAdapter,继承BaseAdapter 需要实现它的方法 并且返还数组的大小,在MusicAdapter内先声明一个数组存放数据内容和context来获取上下文环境。然后我们在适配器内定义一个内部类来专门为组件命名,在此我们为了防止程序以后每次都需要创建一个新的View和绑定ID,我们使用缓存原理来编写绑定ID和创建View,首先判断是否有getview内的view是否存在缓存内容,如果不存在及创建一个新的view和绑定ID,如果存在内容及把view内的内容和绑定的ID取出来用。下面设置每个所绑定的控件内容即可。
package com.example.lenovo.myapplication.adapter;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.example.lenovo.myapplication.R;
import com.example.lenovo.myapplication.entity.Music;
import java.util.List;
/**
* Created by lenovo on 2017/12/18.
*/
public class MusicAdapter extends BaseAdapter {
//声明一个数组来存放数据内容和context来获取上下文环境
private List<Music> musicList;
private Context mcontext;
public MusicAdapter(Context context,List<Music> list){
this.mcontext=context;
this.musicList=list;
}
//实现BaseAdapter的方法
@Override
public int getCount() {
//返还数组的大小
return musicList.size();
}
@Override
public Object getItem(int i) {
return null;
}
@Override
public long getItemId(int i) {
return 0;
}
@Override
public View getView(int i, View view, ViewGroup viewGroup) {
View v;
ViewHolder viewHolder