音乐播放器app（二）—主页面的分析与制作

来源：互联网发布：二十四节气小雪知乎编辑：程序博客网时间：2024/05/17 05:02

音乐播放器app（二）—主页面的分析与制作

主页面
使用PagerSlidingTabStrip开源框架作为主框架
PagerSlidingTabStrip下载

基本主界面的大体样式：

main_activity.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="vertical">    <com.astuetz.PagerSlidingTabStrip        android:id="@+id/id_main_activity_pagersliding"        android:layout_width="match_parent"        android:layout_height="55dp"        android:background="@color/main_title_color"         />    <android.support.v4.view.ViewPager        android:id="@+id/id_main_activity_viewpager"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_weight="1"        >    </android.support.v4.view.ViewPager>    <!--一根灰色的线条-->    <View        android:layout_width="match_parent"        android:layout_height="1px"        android:background="#727272" />    <!--底部播放器的布局-->    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@color/my_music_buttom_color"        android:orientation="horizontal"        android:padding="5dp">     <!--专辑缩略图-->        <ImageButton            android:id="@+id/id_player_ib_musicpic"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:background="@android:color/transparent"            android:src="@mipmap/music_pic" />        <LinearLayout            android:layout_width="match_parent"            android:layout_height="match_parent"            android:layout_weight="1"            android:orientation="vertical"            android:paddingLeft="10dp">    <!--歌曲名-->            <TextView                android:id="@+id/id_player_tv_songs"                android:layout_width="wrap_content"                android:layout_height="match_parent"                android:layout_weight="1"                android:gravity="center"                android:text="@string/songs"                android:textColor="#000000" />    <!--歌手名-->            <TextView                android:id="@+id/id_player_tv_artist"                android:layout_width="wrap_content"                android:layout_height="match_parent"                android:layout_weight="1"                android:gravity="center"                android:text="@string/artist" />        </LinearLayout>        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="match_parent"            android:gravity="center"            android:orientation="horizontal">    <!--播放-->            <ImageButton                android:id="@+id/id_player_ib_play"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:background="@android:color/transparent"                android:src="@mipmap/play" />    <!--下一首-->            <ImageButton                android:id="@+id/id_player_ib_next"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:background="@android:color/transparent"                android:paddingLeft="10dp"                android:src="@mipmap/next" />        </LinearLayout>    </LinearLayout></LinearLayout>

MainActivity.java

import android.os.Bundle;import android.support.v4.app.FragmentActivity;import android.support.v4.view.ViewPager;import com.astuetz.PagerSlidingTabStrip;import com.musicplayer.adapter.MyPagerAdapter;public class MainActivity extends FragmentActivity {    private PagerSlidingTabStrip tabs;       //PagerSlidingTabStrip的tab    private ViewPager pager;    private MyPagerAdapter adapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main_activity);        tabs = (PagerSlidingTabStrip) findViewById(R.id.id_main_activity_pagersliding);        pager = (ViewPager) findViewById(R.id.id_main_activity_viewpager);        adapter = new MyPagerAdapter(getSupportFragmentManager());        pager.setAdapter(adapter);        tabs.setViewPager(pager);    }}

MyPagerAdapter.java

import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import com.musicplayer.fragment.MyMusicListFragment;public class MyPagerAdapter extends FragmentPagerAdapter {    private final String[] TITLES = {"我的音乐","网络音乐"};    public MyPagerAdapter(FragmentManager fm) {        super(fm);    }    @Override    public CharSequence getPageTitle(int position) {        return TITLES[position];    }    @Override    public Fragment getItem(int position) {        return MyMusicListFragment.newInstance();    }    @Override    public int getCount() {        return TITLES.length;    }}

MyMusicListFragment.java

import android.content.Context;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.ListView;import com.musicplayer.activity.MainActivity;import com.musicplayer.activity.R;import com.musicplayer.adapter.MyMusicListAdapter;import com.musicplayer.entity.Mp3Info;import com.musicplayer.utils.MediaUtils;import java.util.ArrayList;public class MyMusicListFragment extends Fragment implements AdapterView.OnItemClickListener {    private ListView player_lv;    private ArrayList<Mp3Info> mp3Infos;    //定义一个arraylist数组，存放MP3音乐    private MyMusicListAdapter myMusicListAdapter;    private MainActivity mainActivity;    @Override    public void onAttach(Context context) {        super.onAttach(context);        mainActivity = (MainActivity) context;    }    public static MyMusicListFragment newInstance(){        MyMusicListFragment mf = new MyMusicListFragment();        return mf;    }    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.my_music_list,null);        player_lv = (ListView) view.findViewById(R.id.id_my_music_listview);        player_lv.setOnItemClickListener(this);        loadData();        return view;    }    /**     * 加载本地音乐数据     */    private void loadData() {        mp3Infos = MediaUtils.getMp3Infos(mainActivity);        myMusicListAdapter = new MyMusicListAdapter(mainActivity,mp3Infos);        player_lv.setAdapter(myMusicListAdapter);    }    @Override    public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {    }}

MyMusicListAdapter.java

import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.TextView;import com.musicplayer.activity.R;import com.musicplayer.entity.Mp3Info;import com.musicplayer.utils.MediaUtils;import java.util.ArrayList;public class MyMusicListAdapter extends BaseAdapter {    private Context mContext;    private ArrayList<Mp3Info> mMp3Info;    public MyMusicListAdapter(Context context,ArrayList<Mp3Info> mp3Infos){        this.mContext = context;        this.mMp3Info = mp3Infos;    }    public void setmMp3Info(ArrayList<Mp3Info> mMp3Info) {        this.mMp3Info = mMp3Info;    }    @Override    public int getCount() {        return mMp3Info.size();    }    @Override    public Object getItem(int i) {        return mMp3Info.get(i);    }    @Override    public long getItemId(int i) {        return i;    }    @Override    public View getView(int i, View view, ViewGroup viewGroup) {        ViewHolder vh;        if(view == null){            view = LayoutInflater.from(mContext).inflate(R.layout.music_list_item,null);            vh = new ViewHolder();            vh.songs = (TextView) view.findViewById(R.id.id_music_list_tv_song);            vh.singer = (TextView) view.findViewById(R.id.id_music_list_tv_singer);            vh.time = (TextView) view.findViewById(R.id.id_music_list_tv_time);            view.setTag(vh);        }        vh = (ViewHolder) view.getTag();        Mp3Info mp3Info = mMp3Info.get(i);        vh.songs.setText(mp3Info.getTitle());        vh.singer.setText(mp3Info.getArtist());        vh.time.setText(MediaUtils.formatTime(mp3Info.getDuration()));        return view;    }    static class ViewHolder{        TextView songs;        TextView singer;        TextView time;    }}

Mp3Info.java

public class Mp3Info {    private long id;    private String title;   //歌名    private String artist;  //艺术家    private String album;   //专辑名    private long albumId;  //专辑id    private long duration; //歌曲时长    private long size;     //歌曲文件大小    private String url;    //歌曲路径    private int isMusic;  //是否为音乐    public long getId() {        return id;    }    public void setId(long id) {        this.id = id;    }    public String getTitle() {        return title;    }    public void setTitle(String title) {        this.title = title;    }    public String getArtist() {        return artist;    }    public void setArtist(String artist) {        this.artist = artist;    }    public String getAlbum() {        return album;    }    public void setAlbum(String album) {        this.album = album;    }    public long getAlbumId() {        return albumId;    }    public void setAlbumId(long albumId) {        this.albumId = albumId;    }    public long getDuration() {        return duration;    }    public void setDuration(long duration) {        this.duration = duration;    }    public long getSize() {        return size;    }    public void setSize(long size) {        this.size = size;    }    public String getUrl() {        return url;    }    public void setUrl(String url) {        this.url = url;    }    public int getIsMusic() {        return isMusic;    }    public void setIsMusic(int isMusic) {        this.isMusic = isMusic;    }}

MediaUtil.java

import android.content.Context;import android.database.Cursor;import android.provider.MediaStore;import com.musicplayer.entity.Mp3Info;import java.util.ArrayList;/** * 从本机查询音乐 * * Created by Ryan on 2016/8/27. */public class MediaUtils {    /**     * 根据歌曲id查询歌曲信息(单曲查询)     *     * @param context     * @param _id     * @return     */    public static Mp3Info getMp3Info(Context context, long _id) {        Cursor cursor = context.getContentResolver().query(                MediaStore.Audio.Media.EXTERNAL_CONTENT_URI, null,                MediaStore.Audio.Media._ID + "=" + _id, null,                MediaStore.Audio.Media.DEFAULT_SORT_ORDER);        Mp3Info mp3Info = null;        if (cursor.moveToNext()){            mp3Info = new Mp3Info();            long id = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media._ID));  //音乐id            String title = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.TITLE));  //歌曲名            String artist = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.ARTIST));//艺术家（歌手）            String album = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.ALBUM));  //专辑            long albumId = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media.ALBUM_ID));//专辑id            long duration = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media.DURATION));//音乐时长            long size = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media.SIZE));        //文件大小            String url = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.DATA));     //文件路径            int isMusic = cursor.getInt(cursor.getColumnIndex(MediaStore.Audio.Media.IS_MUSIC));  //是否为音乐            if(isMusic != 0){  //只把音乐添加到集合中                mp3Info.setId(id);                mp3Info.setTitle(title);                mp3Info.setArtist(artist);                mp3Info.setAlbum(album);                mp3Info.setAlbumId(albumId);                mp3Info.setDuration(duration);                mp3Info.setSize(size);                mp3Info.setUrl(url);            }        }        cursor.close();        return mp3Info;    }    /**     * 从数据库中查询歌曲的id，保存在List中     * 代码解析 MediaStore.Audio.Media.DURATION + ">=180000"  查询歌曲时间大于3分钟的     * @param context     * @return     */    public static long[] getMp3InfoIds(Context context){        Cursor cursor = context.getContentResolver().query(                MediaStore.Audio.Media.EXTERNAL_CONTENT_URI,                new String[]{MediaStore.Audio.Media._ID},                MediaStore.Audio.Media.DURATION + ">=180000",null,                MediaStore.Audio.Media.DEFAULT_SORT_ORDER);        long[] ids = null;        if(cursor != null){            ids = new long[cursor.getCount()];            for (int i = 0;i<cursor.getCount();i++){                cursor.moveToNext();                ids[i] = cursor.getLong(0);            }        }        cursor.close();        return ids;    }    /**     * 从数据库中查询多首歌曲的信息，保存在List中     * @param context     * @return     */    public static ArrayList<Mp3Info> getMp3Infos(Context context){        Cursor cursor = context.getContentResolver().query(                MediaStore.Audio.Media.EXTERNAL_CONTENT_URI,null,                MediaStore.Audio.Media.DURATION + ">=180000",null,                MediaStore.Audio.Media.DEFAULT_SORT_ORDER);        ArrayList<Mp3Info> mp3Infos = new ArrayList<Mp3Info>();        for(int i = 0;i<cursor.getCount();i++){            cursor.moveToNext();            Mp3Info mp3Info = new Mp3Info();            Long id = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media._ID));            String title = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.TITLE));   //歌曲名            String artist = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.ARTIST)); //歌手            String album = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.ALBUM));   //专辑            long albumId = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media.ALBUM_ID)); //专辑id            long duration = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media.DURATION));//歌曲时长            long size = cursor.getLong(cursor.getColumnIndex(MediaStore.Audio.Media.SIZE));         //歌曲大小            String url = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.DATA));      //文件路径            int isMusic = cursor.getInt(cursor.getColumnIndex(MediaStore.Audio.Media.IS_MUSIC));   //是否为音乐            if(isMusic != 0){                mp3Info.setId(id);                mp3Info.setTitle(title);                mp3Info.setArtist(artist);                mp3Info.setAlbum(album);                mp3Info.setAlbumId(albumId);                mp3Info.setDuration(duration);                mp3Info.setSize(size);                mp3Info.setUrl(url);                mp3Infos.add(mp3Info);            }        }        cursor.close();        return mp3Infos;    }    /**     * 格式化时间，把毫秒转化为分:秒格式     * @param time     * @return     */    public static String formatTime(long time){        String min = time / (1000 * 60) + "";   //计算分        String sec = time % (1000 * 60) + "";   //计算秒        //如果分钟少于两位数即（2：00），则变为（02：00）        if(min.length() < 2){            min = "0" + time / (1000 * 60) + "";        }else{            min = time / (1000 * 60) + "";        }        if(sec.length() == 4){            sec = "0" + (time % (1000 * 60)) + "";        }else if (sec.length() == 3){            sec = "00" + (time % (1000 * 60)) + "";        }else if(sec.length() == 2){            sec = "000" + (time % (1000 * 60)) + "";        }else if (sec.length() == 1){            sec = "0000" + (time % (1000 * 60)) + "";        }        return min + ":" + sec.trim().substring(0,2);    }}

主界面的大体代码如上

MediaUtil.java文件是从手机上获取本地的音乐文件，查找出来，然后显示到MyMusicListFragment.java的ListView中

上面的代码比较简单，就不详细解说了，跟着我上面的代码顺序敲，我是一步一步发出来的代码。

另外，PagerSlidingTabStrip可以稍微修改，个人觉得原样式太丑，嘿嘿。

下一篇，音乐播放器app（三）—使用Service绑定Activity，让音乐播放

2 0