Android應用-MusicBox實現

前言

音樂播放器在目前手機應用中非常普遍,安卓開發中對于音樂盒的實現方法進行掌握也十分重要,今天我將總結一下播放的實現過程,有興趣的朋友可以參考借鑒一下思路。

開發工具

Android Studio

開發環境

1)JDK(Java Development Kit)JDK是Java語言的軟件開發工具包,主要用于移動設備、嵌入設備上的java應用程序。

2)SDK(software development kit) SDK是軟件開發工具包。 被軟件開發工程師用于為特定的軟件包、軟件框架、硬件平臺、操作系統等建立應用軟件的開發工具的集合

實現過程

在我看來,每個完整的項目都要分UI和邏輯處理兩部分。UI的美觀固然重要,但是也要注意實現過程的復雜程度與可行性。

界面設計:

界面上:設計了上一首、暫停(開始)、下一首三個按鈕,還有一個Listview用于展現歌曲
代碼如下:

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


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="126dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/position"
            android:layout_width="120dp"
            android:layout_height="match_parent"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            android:layout_alignParentStart="true"
            android:background="@mipmap/bg" />

        <RelativeLayout
            android:layout_width="203dp"
            android:layout_height="match_parent">

            <Button
                android:id="@+id/last"
                android:layout_width="60dp"
                 android:layout_marginLeft="1dp"
                android:layout_height="60dp"
                android:layout_gravity="center_vertical"
            android:background="@mipmap/last"
                />

            <Button
                android:id="@+id/start"
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_toRightOf="@id/last"
                android:background="@mipmap/start" />

            <Button
                android:layout_width="60dp"
                android:id="@+id/next"
                android:layout_height="60dp"
                android:layout_gravity="center_vertical"
                android:background="@mipmap/next"
                android:layout_alignParentTop="true"
                android:layout_alignParentEnd="true"
                android:layout_toEndOf="@+id/start" />

            <TextView
                android:id="@+id/songname"
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:layout_below="@id/start"
                android:text="無"
                android:textColor="@color/black"
                android:textSize="15dp" />

            <TextView
                android:id="@+id/singer"
                android:layout_width="wrap_content"
                android:layout_height="20dp"
                android:layout_below="@id/songname"
                android:gravity="top"
                android:text="無"
                android:textSize="10dp" />
            />
        </RelativeLayout>


    </LinearLayout>
    <TextView
          android:layout_width="match_parent"
          android:layout_height="30dp"
              android:text="本地音樂"
              android:textSize="20dp"
          android:textColor="@color/white"
            android:background="@color/black0"/>
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </ListView>
</LinearLayout>

效果如圖:


image.png

需要注意的是ListView中每一項又是一個單獨的布局,因此還需要設計一個布局供其引入,主要是一個Textview顯示序列、一個TextView顯示歌曲名、一個TextView顯示歌手
代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="60dp"

    android:layout_width="match_parent">

    <TextView
        android:id="@+id/position"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:gravity="center" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/songname"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:textColor="@color/black"
            android:text="歌曲名"
            android:textSize="15dp" />

        <TextView
            android:id="@+id/singer"
            android:gravity="top"
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_below="@id/songname"
            android:text="歌手"
            android:textSize="10dp" />

        />
    </RelativeLayout>

</LinearLayout>

其他部分

程序中有四個類:
MainActivity代碼:
音頻播放的實現是通過MediaPlayer實現的,實現方法為以下這幾步:

 mediaPlayer.reset();
            //調用方法傳進去要播放的音頻路徑
            mediaPlayer.setDataSource(path);
            //異步準備音頻資源
            mediaPlayer.prepareAsync();
            //調用mediaPlayer的監聽方法,音頻準備完畢會響應此方法
            mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
                @Override
                public void onPrepared(MediaPlayer mediaPlayer) {
                    mediaPlayer.start();//開始音頻
                }
            });

還運用了 mediaPlayer.setOnCompletionListener設置監聽器,當音樂播放結束時自動播放下一首,或者其它的邏輯處理可在這里實現。

package com.zewei_w.mp3player;

import android.content.Context;
import android.media.MediaPlayer;
import android.provider.ContactsContract;
import android.provider.Settings;
import android.support.v4.text.TextDirectionHeuristicCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.ImageButton;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
     private ListView listview;
     private List<song> list;
    private  int playPosition=0;
    private Button Button1;
    private Button Button2;
    private Button Button3;
     private  Myadapter myadapter;
    private TextView songn;
    private  TextView singer;
    private boolean isplay=false;
    private MediaPlayer mediaPlayer=new MediaPlayer();

    public MainActivity() {
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listview = (ListView) findViewById(R.id.listview);
        list = new ArrayList<>();
        list = search.getMusicData(this);
        myadapter = new Myadapter(this, list);
        listview.setAdapter(myadapter);
        songn=(TextView)findViewById(R.id.songname);
        singer=(TextView)findViewById(R.id.singer);
        Button1 =(Button)findViewById(R.id.last);
       Button2 =(Button)findViewById(R.id.start);
        Button3 =(Button)findViewById(R.id.next);
        Button1.setOnClickListener(this);
        Button2.setOnClickListener(this);
        Button3.setOnClickListener(this);
        listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                play(list.get(position).path);
                Button2.setBackgroundResource(R.mipmap.pause);
                playPosition=position;
                isplay=true;
                setText(position);
            }
        });
    }
    private void setText(int Position)
    {
        int playPostion=Position;
        songn.setText(list.get(playPostion).songname);
        singer.setText(list.get(playPostion).singer);
    }
    private void play(String path) {
        //播放之前要先把音頻文件重置
        try {
            mediaPlayer.reset();
            //調用方法傳進去要播放的音頻路徑
            mediaPlayer.setDataSource(path);
            //異步準備音頻資源
            mediaPlayer.prepareAsync();
            //調用mediaPlayer的監聽方法,音頻準備完畢會響應此方法
            mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
                @Override
                public void onPrepared(MediaPlayer mediaPlayer) {
                    mediaPlayer.start();//開始音頻
                }
            });
        } catch (IOException e) {
            e.printStackTrace();
        }
        mediaPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mp) {
                if(playPosition<(list.size()-1))
                {
                        playPosition++;
                     play(list.get(playPosition).path);
                    setText(playPosition);
                }
                if(playPosition==(list.size()-1))
                {  play(list.get(playPosition).path);
                    playPosition++;
                    mediaPlayer.pause();
                   Toast.makeText(MainActivity.this, "播放結束", Toast.LENGTH_SHORT).show();
                   Button2.setBackgroundResource(R.mipmap.start);
                   isplay=false;
                }
            }
        });
    }
    @Override
    public void onClick(View v) {
          switch (v.getId())
          {
              case R.id.last:
                  if(playPosition<=0)
                  {
                      Toast.makeText(MainActivity.this,"已經是第一首歌",Toast.LENGTH_SHORT).show();
                  }
                  else
                  {
                      playPosition--;
                      play(list.get(playPosition).path);
                      Button2.setBackgroundResource(R.mipmap.start);
                      Button2.setBackgroundResource(R.mipmap.pause);
                      isplay=true;
                      setText(playPosition);
                  }
                  break;
              case R.id.start:
                  if(isplay==true)
                  {
                      Button2.setBackgroundResource(R.mipmap.start);
                      isplay=false;
                      mediaPlayer.pause();
                  }
                  else
                  {
                    Button2.setBackgroundResource(R.mipmap.pause);
                      isplay=true;
                      mediaPlayer.start();
                  }
                  break;
              case R.id.next:
                  if(playPosition>=(list.size()-1))
              {
                  Toast.makeText(MainActivity.this,"已經是最后一首歌了",Toast.LENGTH_SHORT);
              }
              else
              {
                  playPosition++;
                  play(list.get(playPosition).path);
                  Button2.setBackgroundResource(R.mipmap.pause);
                  isplay=true;
                  setText(playPosition);
              }
              break;
          }
    }
}

MyAdapter類:自定義適配器,用于將歌曲展現在ListView
代碼:

package com.zewei_w.mp3player;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Adapter;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import java.util.List;
/**
 * Created by ZeWei-W on 2017/8/15.
 */
public class Myadapter extends BaseAdapter{
    private Context context;
    private  List<song>  list;
    public Myadapter(Context activity, List<song> list1) {
        context=activity;
        list=list1;
    }
    public int getCount() {
        return list.size();
    }
    @Override
    public Object getItem(int position) {
        return list.get(position);
    }
    @Override
    public long getItemId(int position) {
        return  position;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null) {
            viewHolder = new ViewHolder();
            convertView = View.inflate(context, R.layout.listview_layout, null);
            viewHolder.songname = (TextView) convertView.findViewById(R.id.songname);
            viewHolder.singer = (TextView) convertView.findViewById(R.id.singer);
            viewHolder.position = (TextView) convertView.findViewById(R.id.position);
            convertView.setTag(viewHolder);
        }
            viewHolder = (ViewHolder) convertView.getTag();
            viewHolder.songname.setText(list.get(position).songname.toString());
            viewHolder.singer.setText(list.get(position).singer.toString());
            viewHolder.position.setText(position + 1 + "");
        return  convertView;
    }
 public    class  ViewHolder
    {
        public  TextView songname;
        public  TextView singer;
        public  TextView position;
    }
}

song類:

package com.zewei_w.mp3player;

/**
 * Created by ZeWei-W on 2017/8/15.
 */
public class song {
        public String songname;
        public String singer;
        public String path;
        public int duration;//歌曲長度
        public long size; //歌曲大小
}

search類:用于查找音樂文件
當我們往手機上放圖片或者音樂的時候,會在手機內存中某個位置上的某個database中存放圖片或者音樂的信息,而我們的應用程序是能夠通過ContentResolver去讀取到這些數據的
這里我用的是MediaStore.Audio.Media.INTERNAL_CONTENT_URI,只能讀取到手機內存自帶的一些音頻,如鈴聲等,手機內存其他文件夾的音樂卻掃描不到,這是筆者還未解決的一個問題,如果你用的是MediaStore.Audio.Media.EXTERNAL_CONTENT_URI這個URI,掃描的則是手機外部SD卡中的音樂文件。
代碼如下:

package com.zewei_w.mp3player;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.graphics.PorterDuff;
import android.net.Uri;
import android.os.Environment;
import android.provider.MediaStore;
import android.provider.Settings;
import android.text.Selection;

import java.util.ArrayList;
import java.util.Currency;
import java.util.List;
/**
 * Created by ZeWei-W on 2017/8/15.
 */
public class search {
    /**
     * 掃描系統里面的音頻文件,返回一個list集合
     */
    public static List<song> getMusicData(Context context) {
        List<song> list = new ArrayList<song>();
  Cursor cursor = context.getContentResolver().query(MediaStore.Audio.Media.INTERNAL_CONTENT_URI, null,null,
                null, MediaStore.Audio.AudioColumns.IS_MUSIC);
       if (cursor != null) {
            while (cursor.moveToNext()) {
                song son = new song();
                son.songname = cursor.getString(cursor.getColumnIndex(MediaStore.MediaColumns.TITLE));
                son.singer = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Audio.Media.ARTIST));
                son.path = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Audio.Media.DATA));
                son.duration = cursor.getInt(cursor.getColumnIndexOrThrow(MediaStore.Audio.Media.DURATION));
                son.size = cursor.getLong(cursor.getColumnIndexOrThrow(MediaStore.Audio.Media.SIZE));
             /*   if (son.size > 1000 * 800) {
                    if (son.songname.contains("-")) {
                        String[] str = son.songname.split("-");
                        son.singer = str[0];
                        son.songname = str[1];
                    }
                }*/
                list.add(son);
             System.out.println(son.path);
            }
            cursor.close();
        }
        else
       {
           System.out.print("null");
       }
        return list;
    }
}

可拓展處

1.實現搜索網絡歌曲
2.實現掃描具體文件夾
3.實現歌曲歌詞的展現
4.實現下載歌曲

個人總結:

通過這個小項目,我還是學到了不少的知識點,但是由于剛入門,其實做的非常簡單,僅僅是實現了音頻的播放,很多拓展功能并沒有實現完全,并且在音樂的掃描這里也遇到了不少問題,接下來還應多加研究,將其總結在文章上,僅僅是作為一個記錄,當然,如果能對正在學習的朋友有一絲絲的作用還是很高興,更希望有大神指點,幫助我解決遇到的問題。
謝謝!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,228評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,229評論 4 61
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,510評論 0 17
  • 本人初學Android,最近做了一個實現安卓簡單音樂播放功能的播放器,收獲不少,于是便記錄下來自己的思路與知識總結...
    落日柳風閱讀 19,221評論 2 41
  • 【同讀一本書】2016-4-6-21 -《59秒心理學》 【原文】:幾年前,加利福尼亞大學的索尼婭?留波米斯基及其...
    肉豆須張巍閱讀 1,210評論 4 0