Android Studio初学者实例：仿网易音乐播放器

本期带来的是以Service为主要的知识点的网易音乐播放器
看一下效果图

 首先项目准备：
在res下新建raw文件夹，并在文件夹中添加喜爱的mp3音乐

 OK，第一步，先写一个背景文件，在res/drawable文件夹中新建xml文件：
btn_bg_selector.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
3.     <item android:state_pressed="true" >
4.         <shape android:shape="rectangle">
5.             <corners android:radius="3dp"/>
6.             <solid android:color="#d4d4d4"/>
7.         </shape>
8.     </item>
9.     <item android:state_pressed="false" >
10.         <shape android:shape="rectangle">
11.             <corners android:radius="3dp"/>
12.             <solid android:color="#ffffff" />
13.         </shape>
14.     </item>
15. </selector>

复制代码

 编写主界面代码activity_main.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:orientation="vertical"
8.     android:gravity="center"
9.     android:background="@drawable/music_bg"
10.     tools:context=".MainActivity">
12.     <RelativeLayout
13.         android:layout_width="match_parent"
14.         android:layout_height="160dp">
15.         <RelativeLayout
16.             android:layout_width="300dp"
17.             android:layout_height="70dp"
18.             android:id="@+id/rl_title"
19.             android:layout_centerHorizontal="true"
20.             android:background="@drawable/title_bg"
21.             android:gravity="center_horizontal"
22.             android:paddingLeft="80dp">
24.             <TextView
25.                 android:layout_width="wrap_content"
26.                 android:layout_height="wrap_content"
27.                 android:id="@+id/tv_music_title"
28.                 android:layout_marginTop="8dp"
29.                 android:text="体面"
30.                 android:textSize="12sp"
31.                 android:textStyle="bold"
32.                 android:textColor="@color/black"/>
33.             <TextView
34.                 android:layout_width="wrap_content"
35.                 android:layout_height="wrap_content"
36.                 android:id="@+id/tv_type"
37.                 android:layout_marginTop="4dp"
38.                 android:layout_below="@id/tv_music_title"
39.                 android:layout_alignLeft="@id/tv_music_title"
40.                 android:text="流行音乐"
41.                 android:textSize="10dp"/>
42.             <SeekBar
43.                 android:layout_width="150dp"
44.                 android:layout_height="wrap_content"
45.                 android:id="@+id/sb"
46.                 android:layout_below="@+id/rl_time"
47.                 android:layout_alignParentBottom="true"
48.                 android:thumb="@null"/>
49.             <RelativeLayout
50.                 android:layout_width="150dp"
51.                 android:layout_height="wrap_content"
52.                 android:layout_marginTop="4dp"
53.                 android:id="@+id/rl_time"
54.                 android:layout_below="@id/tv_type">
55.                 <TextView
56.                     android:layout_width="wrap_content"
57.                     android:layout_height="wrap_content"
58.                     android:id="@+id/tv_progress"
59.                     android:text="00:00"
60.                     android:textSize="10dp"/>
61.                 <TextView
62.                     android:layout_width="wrap_content"
63.                     android:layout_height="wrap_content"
64.                     android:id="@+id/tv_total"
65.                     android:layout_alignParentRight="true"
66.                     android:text="00:00"/>
68.             </RelativeLayout>
69.         </RelativeLayout>
70.         <LinearLayout
71.             android:layout_width="340dp"
72.             android:layout_height="90dp"
73.             android:layout_below="@id/rl_title"
74.             android:layout_centerHorizontal="true"
75.             android:background="@drawable/btn_bg"
76.             android:gravity="center_vertical"
77.             android:paddingLeft="120dp"
78.             android:paddingRight="10dp">
79.             <Button
80.                 android:layout_width="0dp"
81.                 android:layout_height="25dp"
82.                 android:layout_margin="4dp"
83.                 android:id="@+id/btn_play"
84.                 android:layout_weight="1"
85.                 android:background="@drawable/btn_bg_selector"
86.                 android:text="播放"
87.                 android:textSize="10sp"/>
88.             <Button
89.                 android:layout_width="0dp"
90.                 android:layout_height="25dp"
91.                 android:id="@+id/btn_pause"
92.                 android:layout_margin="4dp"
93.                 android:layout_weight="1"
94.                 android:background="@drawable/btn_bg_selector"
95.                 android:text="暂停"
96.                 android:textSize="10sp"/>
97.             <Button
98.                 android:layout_width="0dp"
99.                 android:layout_height="25dp"
100.                 android:id="@+id/btn_continue_play"
101.                 android:layout_margin="4dp"
102.                 android:layout_weight="1"
103.                 android:background="@drawable/btn_bg_selector"
104.                 android:text="继续"
105.                 android:textSize="10sp"/>
106.             <Button
107.                 android:layout_width="0dp"
108.                 android:layout_height="25dp"
109.                 android:id="@+id/btn_exit"
110.                 android:layout_margin="4dp"
111.                 android:layout_weight="1"
112.                 android:background="@drawable/btn_bg_selector"
113.                 android:text="退出"
114.                 android:textSize="10sp"/>
115.         </LinearLayout>
116.         <ImageView
117.             android:layout_width="100dp"
118.             android:layout_height="100dp"
119.             android:id="@+id/iv_music"
120.             android:layout_centerVertical="true"
121.             android:layout_marginLeft="35dp"
122.             android:layout_marginBottom="50dp"
123.             android:src="@drawable/img_music"/>
124.     </RelativeLayout>
125. </LinearLayout>

复制代码

编写MusicService

1. import android.app.Service;
2. import android.content.Intent;
3. import android.media.MediaPlayer;
4. import android.os.Binder;
5. import android.os.Bundle;
6. import android.os.IBinder;
7. import android.os.Message;
9. import androidx.annotation.Nullable;
11. import java.util.Timer;
12. import java.util.TimerTask;
14. public class MusicService extends Service {
15.     private MediaPlayer player;
16.     private Timer timer;
17.     public MusicService(){
18.     }
19.     @Nullable
20.     @Override
21.     public IBinder onBind(Intent intent) {
22.         return new MusicControl();
23.     }
25.     @Override
26.     public void onCreate() {
27.         super.onCreate();
28.         player=new MediaPlayer();
29.     }
30.     public  void addTimer(){
31.         if (timer==null){
32.             timer=new Timer();
33.             TimerTask task=new TimerTask() {
34.                 @Override
35.                 public void run() {
36.                     if (player==null)return;
37.                     int duration=player.getDuration();
38.                     int currentPosition=player.getCurrentPosition();
39.                     Message msg=MainActivity.handler.obtainMessage();
40.                     Bundle bundle=new Bundle();
41.                     bundle.putInt("duration",duration);
42.                     bundle.putInt("currentPosition",currentPosition);
43.                     msg.setData(bundle);
44.                     MainActivity.handler.sendMessage(msg);
45.                 }
46.             };
47.             timer.schedule(task,5,500);
48.         }
49.     }
50.     class MusicControl extends Binder{
51.         public void play(){
52.             try{
53.                 player.reset();
54.                 player=MediaPlayer.create(getApplicationContext(),R.raw.music);
55.                 addTimer();
56.             }catch (Exception e){
57.                 e.printStackTrace();
58.             }
59.         }
60.         public  void pausePlay(){
61.             player.pause();
62.         }
63.         public  void continuePlay(){
64.             player.start();
65.         }
66.         public void seekTo(int progress){
67.             player.seekTo(progress);
68.         }
70.     }
72.     @Override
73.     public void onDestroy() {
74.         super.onDestroy();
75.         if (player==null)return;
76.         if (player.isPlaying())player.stop();
77.         player.release();
78.         player=null;
79.     }
80. }

复制代码

注意：检查AndroidManifest.xml文件中是否注册了Service

 

1.         <service android:name=".MusicService"
2.             android:enabled="true"
3.             android:exported="true"/>

复制代码

编写主界面逻辑代码MainActivity

1. import androidx.annotation.NonNull;
2. import androidx.appcompat.app.AppCompatActivity;
4. import android.animation.ObjectAnimator;
5. import android.animation.ValueAnimator;
6. import android.content.ComponentName;
7. import android.content.Intent;
8. import android.content.ServiceConnection;
9. import android.os.Bundle;
10. import android.os.Handler;
11. import android.os.IBinder;
12. import android.os.Message;
13. import android.view.View;
14. import android.view.animation.LinearInterpolator;
15. import android.widget.ImageView;
16. import android.widget.SeekBar;
17. import android.widget.TextView;
19. public class MainActivity extends AppCompatActivity implements View.OnClickListener {
21.     private static SeekBar sb;
22.     private static TextView tv_progress,tv_total;
23.     private ObjectAnimator animator;
24.     private MusicService.MusicControl musicControl;
25.     MyServiceConn conn;
26.     Intent intent;
27.     private boolean isUnbind=false;
28.     @Override
29.     protected void onCreate(Bundle savedInstanceState) {
30.         super.onCreate(savedInstanceState);
31.         setContentView(R.layout.activity_main);
32.         init();
33.     }
34.     private void  init(){
35.         tv_progress=findViewById(R.id.tv_progress);
36.         tv_total=findViewById(R.id.tv_total);
37.         sb=findViewById(R.id.sb);
38.         findViewById(R.id.btn_play).setOnClickListener(this);
39.         findViewById(R.id.btn_pause).setOnClickListener(this);
40.         findViewById(R.id.btn_continue_play).setOnClickListener(this);
41.         findViewById(R.id.btn_exit).setOnClickListener(this);
42.         intent=new Intent(this,MusicService.class);
43.         conn=new MyServiceConn();
44.         bindService(intent,conn,BIND_AUTO_CREATE);
45.         sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
46.             @Override
47.             public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
48.                 if (progress==seekBar.getMax()){
49.                     animator.pause();
50.                 }
51.             }
54.             @Override
55.             public void onStartTrackingTouch(SeekBar seekBar) {
57.             }
59.             @Override
60.             public void onStopTrackingTouch(SeekBar seekBar) {
61.                 int progress=seekBar.getProgress();
62.                 musicControl.seekTo(progress);
63.             }
64.         });
65.         ImageView iv_music = (ImageView) findViewById(R.id.iv_music);
66.         animator = ObjectAnimator.ofFloat(iv_music, "rotation", 0f, 360.0f);
67.         animator.setDuration(10000);  //动画旋转一周的时间为10秒
68.         animator.setInterpolator(new LinearInterpolator());
69.         animator.setRepeatCount(-1);  //-1表示设置动画无限循环
70.     }
71.     public  static Handler handler=new Handler(){
72.         @Override
73.         public void handleMessage(@NonNull Message msg) {
74.             Bundle bundle=msg.getData();
75.             int duration=bundle.getInt("duration");
76.             int currentPosition=bundle.getInt("currentPosition");
77.             sb.setMax(duration);
78.             sb.setProgress(currentPosition);
79.             int minute=duration/1000/60;
80.             int second=duration/1000%60;
81.             String strMinute=null;
82.             String strSecond=null;
83.             if (minute<10){
84.                 strMinute="0"+minute;
85.             }else {
86.                 strMinute=minute+"";
87.             }
88.             if (second<10){
89.                 strSecond="0"+second;
90.             }else {
91.                 strSecond=second+"";
92.             }
93.             tv_total.setText(strMinute+":"+strSecond);
94.             minute=currentPosition/1000/60;
95.             second=currentPosition/1000%60;
96.             if (minute<10){
97.                 strMinute="0"+minute;
98.             }else {
99.                 strMinute=minute+"";
100.             }
101.             if (second<10){
102.                 strSecond="0"+second;
103.             }else {
104.                 strSecond=second+"";
105.             }
106.             tv_progress.setText(strMinute+":"+strSecond);
107.             super.handleMessage(msg);
108.         }
109.     };
110.     class MyServiceConn implements ServiceConnection{
112.         @Override
113.         public void onServiceConnected(ComponentName name, IBinder service) {
114.             musicControl= (MusicService.MusicControl) service;
115.         }
117.         @Override
118.         public void onServiceDisconnected(ComponentName name) {
120.         }
121.     }
122.     private void unbind(boolean isUnbind){
123.         if (!isUnbind){
124.             musicControl.pausePlay();
125.             unbindService(conn);
126.             stopService(intent);
127.         }
128.     }
129.     @Override
130.     public void onClick(View v) {
131.         switch (v.getId()){
132.             case R.id.btn_play:
133.                 musicControl.play();
134.                 animator.start();
135.                 break;
136.             case R.id.btn_pause:
137.                 musicControl.pausePlay();
138.                 animator.pause();
139.                 break;
140.             case R.id.btn_continue_play:
141.                 musicControl.continuePlay();
142.                 animator.start();
143.                 break;
144.             case R.id.btn_exit:
145.                 unbind(isUnbind);
146.                 isUnbind=true;
147.                 finish();
148.                 break;
149.         }
150.     }
152.     @Override
153.     protected void onDestroy() {
154.         super.onDestroy();
155.         unbind(isUnbind);
156.     }
157. }

复制代码

期末比较繁忙，讲解后续补充，如有问题私信、评论联系

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。