Android实现收藏音乐 android音乐列表的实现

实现功能：

能够列出手机上的歌曲列表（模拟即可，不必读取/播放实际歌曲文件）；

列表内容包括：歌手图片，歌曲名称，歌曲简介，选中（CheckBox）等；

点击任何一行，显示AlertDialog提示，提示正在播放该歌曲；

可以“选中”若干行，删除之（这里使用checkbox实现选中）。

1.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".MainActivity">

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="50px"/>

    <Button
        android:id="@+id/delete"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="删除" />

</RelativeLayout>

2.Item_show.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="match_parent"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/img"
        android:layout_width="80dp"
        android:layout_height="100dp"
        android:layout_margin="10dp" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="25sp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="20dp"/>
        <TextView
            android:id="@+id/info"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            android:layout_marginLeft="15dp"
            android:layout_marginTop="10dp"/>
    </LinearLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <CheckBox
            android:id="@+id/check"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginTop="50dp"
            android:focusable="false" />
    </RelativeLayout>

</LinearLayout>

3.MainActivity.java

package com.example.listviewactivity;

import android.app.ListActivity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

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

public class MainActivity extends ListActivity {

    //Listview底层数据对象变量
    private List<Map<String,Object>> list;

    //定义一个列表，存放选中待删除的对象
    private List<Map<String,Object>> delList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //获取数据
        list=getData();
        //创建自定义的Adapter对象
        MyAdapter adapter = new MyAdapter(this);
        setListAdapter(adapter);

        Button delbtn = findViewById(R.id.delete);
        delbtn.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view) {
                if(delList != null && delList.size()>0){
                    list.removeAll(delList);
                    //通知列表数据修改
                    adapter.notifyDataSetChanged();
                    delList.clear();
                }else{
                    Toast.makeText(MainActivity.this,"请选择要删除的歌曲",Toast.LENGTH_SHORT).show();
                }
            }
        });
    }

    //获取底层数据
    private List<Map<String, Object>> getData() {
        List<Map<String,Object>> list = new ArrayList<>();
        Map map;

        map = new HashMap<String,Object>();
        map.put("title","七里香");
        map.put("info","周杰伦");
        map.put("img",R.drawable.zjl);
        map.put("checked",false);//初始均为未选中
        list.add(map);

        map = new HashMap<String,Object>();
        map.put("title","小酒窝");
        map.put("info","林俊杰");
        map.put("img",R.drawable.ljj);
        map.put("checked",false);
        list.add(map);

        map = new HashMap<String,Object>();
        map.put("title","灰色头像");
        map.put("info","许嵩");
        map.put("img",R.drawable.xs);
        map.put("checked",false);
        list.add(map);

        map = new HashMap<String,Object>();
        map.put("title","For him");
        map.put("info","Troye Sivan");
        map.put("img",R.drawable.troye);
        map.put("checked",false);
        list.add(map);

        map = new HashMap<String,Object>();
        map.put("title","Done for me");
        map.put("info","Charlie Puth");
        map.put("img",R.drawable.charlie);
        map.put("checked",false);
        list.add(map);

        map = new HashMap<String,Object>();
        map.put("title","听妈妈的话");
        map.put("info","周杰伦");
        map.put("img",R.drawable.zjl);
        map.put("checked",false);
        list.add(map);

        map = new HashMap<String,Object>();
        map.put("title","mojito");
        map.put("info","周杰伦");
        map.put("img",R.drawable.zjl);
        map.put("checked",false);
        list.add(map);

        return list;
    }

    //定义静态的viewHolder类
    static class ViewHolder{
        ImageView img;
        TextView title;
        TextView info;
        CheckBox check;
    }

    public final class MyAdapter extends BaseAdapter{
        //实例化布局对象-->用来实例化每行的布局(View对象)
        private LayoutInflater mInflater;
        public MyAdapter(Context context){
            this.mInflater = LayoutInflater.from(context);
        }

        //获取List的总行数
        @Override
        public int getCount() {
            return list.size();
        }

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

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

        @Override
        public View getView(int position, View convertview, ViewGroup parent) {
            //定义viewHolder-->当listview滚动的时候快速设置值，而不必每次都重新创建很多对象，从而提升性能
            ViewHolder viewHolder;
            //当初始页面convertview缓存为空时，创建每一行的view
            if(convertview == null){
                viewHolder = new ViewHolder();
                //实例化一行的布局
                convertview = mInflater.inflate(R.layout.item_show,null);
                //找到行内子控件
                viewHolder.img=convertview.findViewById(R.id.img);
                viewHolder.title= convertview.findViewById(R.id.title);
                viewHolder.info= convertview.findViewById(R.id.info);
                viewHolder.check= convertview.findViewById(R.id.check);
                //将convertView的tag设置为viewHolder，
                convertview.setTag(viewHolder);
            }else{
                //当convertview不为空时，重复使用其中已有的view
                viewHolder = (ViewHolder) convertview.getTag();
            }

            //子控件赋值
            viewHolder.img.setBackgroundResource((Integer)list.get(position).get("img"));
            viewHolder.title.setText((String)list.get(position).get("title"));
            viewHolder.info.setText((String)list.get(position).get("info"));

            //为checkbox设置监听
            viewHolder.check.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener(){
                @Override
                public void onCheckedChanged(CompoundButton buttonview, boolean ischecked) {
                    Map<String,Object> delItem;
                    //获取点击的checkbox所在的item
                    delItem = list.get(position);

                    if(ischecked){
                        //将选中的item的checked置为true
                        list.get(position).put("checked",true);
                        //将选中的item加入到delList列表中
                        delList.add(delItem);
                    }else {
                        //将选中的item的checked置为false
                        list.get(position).put("checked",false);
                        //将该item从delList中移除
                        delList.remove(delItem);
                    }
                }
            });

            //监听后设置选中状态，防止滑动listview后被刷新为初始未选中状态
            viewHolder.check.setChecked((Boolean) list.get(position).get("checked"));
            //返回此时新的convertview缓存
            return convertview;
        }
    }

    //重写此方法——点击某一行时回调函数
    @Override
    protected void onListItemClick(ListView l, View v, int position, long id){
        super.onListItemClick(l,v,position,id);

        String s = list.get(position).get("title").toString();
        String s1 ="正在播放歌曲："+s;
        Toast.makeText(MainActivity.this,s1,Toast.LENGTH_SHORT).show();
    }

}

---

过程中遇到的一些问题及解决方案：

1）布局文件中，若某控件使用alignParentRight，父控件必须为RelativeLayout。因为alignParentXXX属于相对布局。

2）当LinearLayout设置android:orientation="vertical" 时， 只有水平方向的left，right，center_horizontal设置起作用，垂直方向的设置不起作用。
同样的：
当LinearLayout设置android:orientation="horizontal" 时， 只有垂直方向的top，bottom，center_vertical设置才起作用，水平方向的设置不起作用。
例：若父控件为线性布局android:orientation="vertical" ，则子控件使用layout_gravity="center_vertical"无效。

3）ListView中设置id的方法：android:id="@android:id/list"

4）调试运行中报错：
Attempt to invoke interface method 'boolean java.util.List.add(java.lang.Object)' on a null object reference
原因：定义了 List<E> lists；但并没有初始化！应该这样写：List<E> lists = new ArrayList<>();

5）滑动ListView后，checkbox选中状态刷新
解决方法：保存(划出屏幕的item的)选中状态(如下)
①每行map对象加一个checked属性：map.put("checked",false);//初始均为未选中
②在checkbox的监听函数中，判断该item是否选中，若为选中，则将该item的checked置为true；
③监听后设置该item的选中状态：checkbox.setChecked((Boolean)list.get(position).get("checked"));