Android Studio实战演练-仿网易音乐播放器扩展

零蔡积

已于 2024-07-03 21:39:10 修改

阅读量777

点赞数 23

文章标签： android studio android ide java 小程序 xml

于 2024-07-03 21:34:52 首次发布

本文链接：https://blog.csdn.net/m0_64870573/article/details/140162450

版权

效果图：

首先按书里面一样敲出一首歌的播放也可以参考可以参考博主“林林要一直努力”写的，一首歌如下所示：

林林要一直努力他写的教程链接Android Studio初学者实例：仿网易音乐播放器-CSDN博客https://blog.csdn.net/m0_59558544/article/details/131151435

然后更改代码

首先，多一张img_music.png图片加到如图所示加到drawable-hdpi

多一首音乐加到raw

之后再activity_main.xml中更改代码，把播放按键更改为两个按键，用来分别播放歌曲，activity_main.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"
    android:gravity="center"
    android:background="@drawable/music_bg">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="160dp">
        <RelativeLayout
            android:layout_width="300dp"
            android:layout_height="70dp"
            android:id="@+id/rl_title"
            android:layout_centerHorizontal="true"
            android:background="@drawable/title_bg"
            android:gravity="center_horizontal"
            android:paddingLeft="80dp">

            <TextView
                android:id="@+id/tv_music_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="纪念"
                android:textColor="@android:color/black"
                android:textSize="12sp"
                android:textStyle="bold" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/tv_type"
                android:layout_marginTop="4dp"
                android:layout_below="@id/tv_music_title"
                android:layout_alignLeft="@id/tv_music_title"
                android:textColor="@android:color/holo_red_dark"
                android:text="流行音乐"
                android:textSize="10sp"/>
            <SeekBar
                android:layout_width="150dp"
                android:layout_height="wrap_content"
                android:id="@+id/sb"
                android:layout_below="@+id/rl_time"
                android:layout_alignParentBottom="true"
                android:thumb="@null"/>
            <RelativeLayout
                android:layout_width="150dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:id="@+id/rl_time"
                android:layout_below="@id/tv_type">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/tv_progress"
                    android:textColor="@android:color/holo_red_dark"
                    android:text="00:00"
                    android:textSize="10sp"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/tv_total"
                    android:layout_alignParentRight="true"
                    android:textColor="@android:color/holo_red_dark"
                    android:text="00:00"
                    android:textSize="10sp"/>

            </RelativeLayout>
        </RelativeLayout>
        <LinearLayout
            android:layout_width="340dp"
            android:layout_height="90dp"
            android:layout_below="@id/rl_title"
            android:layout_centerHorizontal="true"
            android:background="@drawable/btn_bg"
            android:gravity="center_vertical"
            android:paddingLeft="120dp"
            android:paddingRight="10dp">
            <Button
                android:layout_width="0dp"
                android:layout_height="25dp"
                android:layout_margin="4dp"
                android:id="@+id/btn_play1"
                android:layout_weight="1"
                android:background="@drawable/btn_bg_selector"
                android:textColor="@android:color/black"
                android:text="纪念"
                android:textSize="10sp"/>
            <Button
                android:layout_width="0dp"
                android:layout_height="25dp"
                android:layout_margin="4dp"
                android:id="@+id/btn_play2"
                android:layout_weight="1"
                android:background="@drawable/btn_bg_selector"
                android:textColor="@android:color/black"
                android:text="体面"
                android:textSize="10sp"/>
            <Button
                android:layout_width="0dp"
                android:layout_height="25dp"
                android:id="@+id/btn_pause"
                android:layout_margin="4dp"
                android:layout_weight="1"
                android:background="@drawable/btn_bg_selector"
                android:text="暂停"
                android:textColor="@android:color/black"
                android:textSize="10sp"/>
            <Button
                android:layout_width="0dp"
                android:layout_height="25dp"
                android:id="@+id/btn_continue_play"
                android:layout_margin="4dp"
                android:layout_weight="1"
                android:background="@drawable/btn_bg_selector"
                android:text="继续"
                android:textColor="@android:color/black"
                android:textSize="10sp"/>
            <Button
                android:layout_width="0dp"
                android:layout_height="25dp"
                android:id="@+id/btn_exit"
                android:layout_margin="4dp"
                android:layout_weight="1"
                android:background="@drawable/btn_bg_selector"
                android:text="退出"
                android:textColor="@android:color/black"
                android:textSize="10sp"/>
        </LinearLayout>
        <ImageView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:id="@+id/iv_music"
            android:layout_centerVertical="true"
            android:layout_marginLeft="35dp"
            android:layout_marginBottom="50dp"
            android:src="@drawable/img_music"/>
    </RelativeLayout>
</LinearLayout>

编写MusicService.java

package cn.itcast.musicplayer;

import android.app.Service;
import android.content.Intent;
import android.media.MediaPlayer;
import android.os.Binder;
import android.os.Bundle;
import android.os.IBinder;
import android.os.Message;

import androidx.annotation.Nullable;

import java.util.Timer;
import java.util.TimerTask;

public class MusicService extends Service {
    private MediaPlayer player;
    private Timer timer;
    public MusicService(){
    }
    @Override
    public IBinder onBind(Intent intent) {
        return new MusicControl();
    }

    @Override
    public void onCreate() {
        super.onCreate();
        player=new MediaPlayer();//创建音乐播放器对象
    }
    public  void addTimer(){//添加计时器用于设置音乐播放器中的播放进度条
        if (timer==null){
            timer=new Timer();//创建计时器对象
            TimerTask task=new TimerTask() {
                @Override
                public void run() {
                    if (player==null)return;
                    int duration=player.getDuration();//获取歌曲总时长
                    int currentPosition=player.getCurrentPosition();//获取播放进度
                    Message msg=MainActivity.handler.obtainMessage();//创建消息对象
                    //将音乐总时长和播放进度封装到消息对象中
                    Bundle bundle=new Bundle();
                    bundle.putInt("duration",duration);
                    bundle.putInt("currentPosition",currentPosition);
                    msg.setData(bundle);
                    //将消息发送到主线程的消息队列
                    MainActivity.handler.sendMessage(msg);
                }
            };
            //开始计时任务的5毫秒后第一次执行task任务，以后每500毫秒执行一次
            timer.schedule(task,5,500);
        }
    }
    class MusicControl extends Binder{
        public void play1(){//按下纪念按键
            try{
                player.reset();//重置音乐播放器
                player=MediaPlayer.create(getApplicationContext(),R.raw.music);//播放音乐1
                //player=MediaPlayer.create(getApplicationContext(),R.raw.music1);
                player.start();//播放音乐
                addTimer();//添加计时器
            }catch (Exception e){
                e.printStackTrace();
            }
        }
        public void play2(){//按下体面按键
            try{
                player.reset();//重置音乐播放器
                //player=MediaPlayer.create(getApplicationContext(),R.raw.music);
                player=MediaPlayer.create(getApplicationContext(),R.raw.music1);//播放音乐2

                player.start();//播放音乐
                addTimer();//添加计时器
            }catch (Exception e){
                e.printStackTrace();
            }
        }
        public  void pausePlay(){
            player.pause();//暂停播放音乐
        }
        public  void continuePlay(){
            player.start();//继续播放音乐
        }
        public void seekTo(int progress){
            player.seekTo(progress);//设置音乐的播放位置
        }

    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        if (player==null)return;
        if (player.isPlaying())player.stop();//停止播放音乐
        player.release();//释放占用资源
        player=null;//将payer置为空
    }
}

编写主界面逻辑代码MainActivity.java代码

package cn.itcast.musicplayer;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.ComponentName;
import android.content.Intent;
import android.content.ServiceConnection;
import android.os.Bundle;
import android.os.Handler;
import android.os.IBinder;
import android.os.Message;
import android.view.View;
import android.view.animation.LinearInterpolator;
import android.widget.ImageView;
import android.widget.SeekBar;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private static SeekBar sb;
    private static TextView tv_progress,tv_total,tv_music_title;
    private ImageView iv_music;
    private ObjectAnimator animator;
    private MusicService.MusicControl musicControl;

   // private MusicService.MusicControl musicControl2;
    MyServiceConn conn;
    Intent intent;
    private boolean isUnbind=false;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }
    private void  init(){
        tv_progress=findViewById(R.id.tv_progress);//初始化
        tv_total=findViewById(R.id.tv_total);
        tv_music_title = findViewById(R.id.tv_music_title);
        iv_music = findViewById(R.id.iv_music);
        sb=findViewById(R.id.sb);
        findViewById(R.id.btn_play1).setOnClickListener(this);
        findViewById(R.id.btn_play2).setOnClickListener(this);
        findViewById(R.id.btn_pause).setOnClickListener(this);
        findViewById(R.id.btn_continue_play).setOnClickListener(this);
        findViewById(R.id.btn_exit).setOnClickListener(this);
        intent=new Intent(this,MusicService.class);
        conn=new MyServiceConn();
        bindService(intent,conn,BIND_AUTO_CREATE);
        sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                if (progress==seekBar.getMax()){
                    animator.pause();
                }
            }


            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                int progress=seekBar.getProgress();
                musicControl.seekTo(progress);
            }
        });
        ImageView iv_music = (ImageView) findViewById(R.id.iv_music);
        animator = ObjectAnimator.ofFloat(iv_music, "rotation", 0f, 360.0f);
        animator.setDuration(10000);  //动画旋转一周的时间为10秒
        animator.setInterpolator(new LinearInterpolator());
        animator.setRepeatCount(-1);  //-1表示设置动画无限循环
    }
    public  static Handler handler=new Handler(){
        @Override
        public void handleMessage(@NonNull Message msg) {
            Bundle bundle=msg.getData();
            int duration=bundle.getInt("duration");
            int currentPosition=bundle.getInt("currentPosition");
            sb.setMax(duration);
            sb.setProgress(currentPosition);
            int minute=duration/1000/60;
            int second=duration/1000%60;
            String strMinute=null;
            String strSecond=null;
            if (minute<10){
                strMinute="0"+minute;
            }else {
                strMinute=minute+"";
            }
            if (second<10){
                strSecond="0"+second;
            }else {
                strSecond=second+"";
            }
            tv_total.setText(strMinute+":"+strSecond);
            minute=currentPosition/1000/60;
            second=currentPosition/1000%60;
            if (minute<10){
                strMinute="0"+minute;
            }else {
                strMinute=minute+"";
            }
            if (second<10){
                strSecond="0"+second;
            }else {
                strSecond=second+"";
            }
            tv_progress.setText(strMinute+":"+strSecond);
            super.handleMessage(msg);
        }
    };
    class MyServiceConn implements ServiceConnection{

        @Override
        public void onServiceConnected(ComponentName name, IBinder service) {
            musicControl= (MusicService.MusicControl) service;
        }

        @Override
        public void onServiceDisconnected(ComponentName name) {

        }
    }
    private void unbind(boolean isUnbind){
        if (!isUnbind){
            musicControl.pausePlay();
            unbindService(conn);
            stopService(intent);
        }
    }
    @Override
    public void onClick(View v) {
        int id = v.getId();
        if (id == R.id.btn_play1) {
            musicControl.play1();
            tv_music_title.setText("纪念");//更换歌曲标题名
            iv_music.setImageResource(R.drawable.img_music);//更换歌曲图片
            animator.start();
        } else if (id == R.id.btn_play2) {
            musicControl.play2();
            tv_music_title.setText("体面");//更换歌曲标题名
            iv_music.setImageResource(R.drawable.img_music1);//更换歌曲图片
            animator.start();
        }else if (id == R.id.btn_pause) {
            musicControl.pausePlay();
            animator.pause();
        } else if (id == R.id.btn_continue_play) {
            musicControl.continuePlay();
            animator.start();
        } else if (id == R.id.btn_exit) {
            unbind(isUnbind);
            isUnbind = true;
            finish();
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        unbind(isUnbind);
    }
}

这样子就可以了

零蔡积

关注

23
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
Android Studio实战演练-仿网易音乐播放器扩展

首先，多一张img_music.png图片加到如图所示加到drawable-hdpi。Android Studio初学者实例：仿网易音乐播放器-CSDN博客。编写主界面逻辑代码MainActivity.java代码。编写MusicService.java。林林要一直努力他写的教程链接。多一首音乐加到raw。
复制链接

扫一扫