基于Android Studio 实现音乐播放器App

打印 上一主题 下一主题

主题 1062|帖子 1062|积分 3186

一、高质量源码(非开源,白嫖低价勿扰)

   
关注公众号:《编程乐学》

   
后台复兴:23031701

  同款低价传送链接(仅6.6¥):

网络资源模板--基于Android Studio 实现的音乐播放器-CSDN博客



一、引言

        Android初学者开发第一个完整的实例项目应该就属《音乐播放器》了,项目包含SQLlit数据库的利用、listview、Fragment、等。话不多说先上成品:
视频效果展示:

     Android studio期末设计大作业~音乐播放器App
  图片效果展示:
1.启动页效果



2.登录页效果



3.注册页效果



4.歌曲列表页效果



5.播放页效果



 二、详细设计

1.登陆注册功能

        用户进行注册数据利用SQLite存储,用户登录时根据数据库的内容来核对用户名和密码是否正确。

 Login.xml代码:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout 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:background="#f9d7e7"
  8.     tools:context=".Login.LoginActivity">
  9.     <ImageView
  10.         android:id="@+id/imageView3"
  11.         android:layout_width="200dp"
  12.         android:layout_height="150dp"
  13.         android:layout_marginTop="24dp"
  14.         app:layout_constraintEnd_toEndOf="parent"
  15.         app:layout_constraintStart_toStartOf="parent"
  16.         app:layout_constraintTop_toTopOf="parent"
  17.         app:srcCompat="@drawable/logo1" />
  18.     <View
  19.         android:id="@+id/view2"
  20.         android:layout_width="0dp"
  21.         android:layout_height="320dp"
  22.         android:layout_marginTop="24dp"
  23.         android:background="@drawable/login_view"
  24.         app:layout_constraintEnd_toStartOf="@+id/guideline2"
  25.         app:layout_constraintStart_toStartOf="@+id/guideline3"
  26.         app:layout_constraintTop_toBottomOf="@+id/imageView3" />
  27.     <Button
  28.         android:id="@+id/login_button"
  29.         android:layout_width="250dp"
  30.         android:layout_height="55dp"
  31.         android:layout_marginBottom="32dp"
  32.         android:background="@drawable/login"
  33.         android:text="立 即 登 录 "
  34.         android:textColor="#fff"
  35.         android:textSize="24sp"
  36.         app:layout_constraintBottom_toBottomOf="@+id/view2"
  37.         app:layout_constraintEnd_toStartOf="@+id/guideline2"
  38.         app:layout_constraintStart_toStartOf="@+id/view2" />
  39.     <androidx.constraintlayout.widget.Guideline
  40.         android:id="@+id/guideline2"
  41.         android:layout_width="wrap_content"
  42.         android:layout_height="wrap_content"
  43.         android:orientation="vertical"
  44.         app:layout_constraintGuide_percent="0.9" />
  45.     <androidx.constraintlayout.widget.Guideline
  46.         android:id="@+id/guideline3"
  47.         android:layout_width="wrap_content"
  48.         android:layout_height="wrap_content"
  49.         android:orientation="vertical"
  50.         app:layout_constraintGuide_percent="0.1" />
  51.     <View
  52.         android:id="@+id/view3"
  53.         android:layout_width="0dp"
  54.         android:layout_height="45dp"
  55.         android:layout_marginTop="40dp"
  56.         android:background="@drawable/login_count"
  57.         app:layout_constraintEnd_toEndOf="@+id/login_button"
  58.         app:layout_constraintStart_toStartOf="@+id/login_button"
  59.         app:layout_constraintTop_toTopOf="@+id/view2" />
  60.     <View
  61.         android:id="@+id/view4"
  62.         android:layout_width="0dp"
  63.         android:layout_height="45dp"
  64.         android:layout_marginTop="24dp"
  65.         android:background="@drawable/login_count"
  66.         app:layout_constraintEnd_toEndOf="@+id/login_button"
  67.         app:layout_constraintHorizontal_bias="0.0"
  68.         app:layout_constraintStart_toStartOf="@+id/login_button"
  69.         app:layout_constraintTop_toBottomOf="@+id/view3" />
  70.     <TextView
  71.         android:id="@+id/textView"
  72.         android:layout_width="wrap_content"
  73.         android:layout_height="wrap_content"
  74.         android:layout_marginTop="24dp"
  75.         android:text="忘 记 密 码"
  76.         app:layout_constraintStart_toStartOf="@+id/view4"
  77.         app:layout_constraintTop_toBottomOf="@+id/view4" />
  78.     <TextView
  79.         android:id="@+id/login_register"
  80.         android:layout_width="wrap_content"
  81.         android:layout_height="wrap_content"
  82.         android:text="立 即 注 册"
  83.         app:layout_constraintBottom_toBottomOf="@+id/textView"
  84.         app:layout_constraintEnd_toEndOf="@+id/view4"
  85.         app:layout_constraintTop_toTopOf="@+id/textView" />
  86.     <ImageView
  87.         android:id="@+id/imageView"
  88.         android:layout_width="20dp"
  89.         android:layout_height="20dp"
  90.         app:layout_constraintBottom_toBottomOf="@+id/view4"
  91.         app:layout_constraintEnd_toEndOf="@+id/imageView4"
  92.         app:layout_constraintTop_toTopOf="@+id/view4"
  93.         app:srcCompat="@drawable/mima" />
  94.     <ImageView
  95.         android:id="@+id/imageView4"
  96.         android:layout_width="20dp"
  97.         android:layout_height="20dp"
  98.         android:layout_marginStart="16dp"
  99.         app:layout_constraintBottom_toBottomOf="@+id/view3"
  100.         app:layout_constraintStart_toStartOf="@+id/view3"
  101.         app:layout_constraintTop_toTopOf="@+id/view3"
  102.         app:srcCompat="@drawable/zhanghao" />
  103.     <View
  104.         android:id="@+id/view5"
  105.         android:layout_width="100dp"
  106.         android:layout_height="1dp"
  107.         android:layout_marginTop="40dp"
  108.         android:background="#fff"
  109.         app:layout_constraintStart_toStartOf="@+id/guideline3"
  110.         app:layout_constraintTop_toBottomOf="@+id/view2" />
  111.     <View
  112.         android:id="@+id/view6"
  113.         android:layout_width="100dp"
  114.         android:layout_height="1dp"
  115.         android:background="#fff"
  116.         app:layout_constraintEnd_toStartOf="@+id/guideline2"
  117.         app:layout_constraintTop_toTopOf="@+id/view5" />
  118.     <TextView
  119.         android:id="@+id/textView3"
  120.         android:layout_width="wrap_content"
  121.         android:layout_height="wrap_content"
  122.         android:text="其它方式登陆"
  123.         android:textColor="#fff"
  124.         app:layout_constraintBottom_toBottomOf="@+id/view5"
  125.         app:layout_constraintEnd_toStartOf="@+id/view6"
  126.         app:layout_constraintStart_toEndOf="@+id/view5"
  127.         app:layout_constraintTop_toTopOf="@+id/view5" />
  128.     <ImageView
  129.         android:id="@+id/imageView6"
  130.         android:layout_width="30dp"
  131.         android:layout_height="30dp"
  132.         app:layout_constraintBottom_toBottomOf="@+id/imageView5"
  133.         app:layout_constraintEnd_toStartOf="@+id/imageView7"
  134.         app:layout_constraintStart_toEndOf="@+id/imageView5"
  135.         app:layout_constraintTop_toTopOf="@+id/imageView5"
  136.         app:srcCompat="@drawable/qq" />
  137.     <ImageView
  138.         android:id="@+id/imageView5"
  139.         android:layout_width="30dp"
  140.         android:layout_height="30dp"
  141.         android:layout_marginStart="70dp"
  142.         android:layout_marginTop="24dp"
  143.         app:layout_constraintStart_toStartOf="@+id/guideline3"
  144.         app:layout_constraintTop_toBottomOf="@+id/view5"
  145.         app:srcCompat="@drawable/weixin" />
  146.     <ImageView
  147.         android:id="@+id/imageView7"
  148.         android:layout_width="30dp"
  149.         android:layout_height="30dp"
  150.         android:layout_marginEnd="70dp"
  151.         app:layout_constraintBottom_toBottomOf="@+id/imageView6"
  152.         app:layout_constraintEnd_toStartOf="@+id/guideline2"
  153.         app:layout_constraintTop_toTopOf="@+id/imageView6"
  154.         app:srcCompat="@drawable/weibo" />
  155.     <EditText
  156.         android:id="@+id/user"
  157.         android:layout_width="190dp"
  158.         android:layout_height="0dp"
  159.         android:layout_marginStart="5dp"
  160.         android:ems="10"
  161.         android:background="#eff4f2"
  162.         android:inputType="textPersonName"
  163.         android:hint="请输入账号"
  164.         app:layout_constraintBottom_toBottomOf="@+id/view3"
  165.         app:layout_constraintStart_toEndOf="@+id/imageView4"
  166.         app:layout_constraintTop_toTopOf="@+id/view3" />
  167.     <EditText
  168.         android:id="@+id/pass"
  169.         android:layout_width="190dp"
  170.         android:layout_height="0dp"
  171.         android:layout_marginStart="5dp"
  172.         android:ems="10"
  173.         android:background="#eff4f2"
  174.         android:inputType="textPassword"
  175.         android:hint="请输入密码"
  176.         app:layout_constraintBottom_toBottomOf="@+id/view4"
  177.         app:layout_constraintStart_toEndOf="@+id/imageView"
  178.         app:layout_constraintTop_toTopOf="@+id/view4"
  179.         app:layout_constraintVertical_bias="0.0" />
  180. </androidx.constraintlayout.widget.ConstraintLayout>
复制代码
Register.xml代码:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout 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:background="#f9d7e7"
  8.     tools:context=".Register.RegisterActivity">
  9.     <ImageView
  10.         android:id="@+id/imageView3"
  11.         android:layout_width="200dp"
  12.         android:layout_height="150dp"
  13.         android:layout_marginTop="40dp"
  14.         app:layout_constraintEnd_toEndOf="parent"
  15.         app:layout_constraintStart_toStartOf="parent"
  16.         app:layout_constraintTop_toTopOf="parent"
  17.         app:srcCompat="@drawable/logo1" />
  18.     <View
  19.         android:id="@+id/view2"
  20.         android:layout_width="0dp"
  21.         android:layout_height="270dp"
  22.         android:background="@drawable/login_view"
  23.         app:layout_constraintBottom_toBottomOf="parent"
  24.         app:layout_constraintEnd_toStartOf="@+id/guideline4"
  25.         app:layout_constraintHorizontal_bias="0.0"
  26.         app:layout_constraintStart_toStartOf="@+id/guideline"
  27.         app:layout_constraintTop_toTopOf="@+id/imageView3"
  28.         app:layout_constraintVertical_bias="0.501" />
  29.     <View
  30.         android:id="@+id/view3"
  31.         android:layout_width="250dp"
  32.         android:layout_height="45dp"
  33.         android:layout_marginTop="32dp"
  34.         android:background="@drawable/login_count"
  35.         app:layout_constraintEnd_toStartOf="@+id/guideline4"
  36.         app:layout_constraintStart_toStartOf="@+id/view2"
  37.         app:layout_constraintTop_toTopOf="@+id/view2" />
  38.     <View
  39.         android:id="@+id/view4"
  40.         android:layout_width="0dp"
  41.         android:layout_height="45dp"
  42.         android:layout_marginTop="32dp"
  43.         android:background="@drawable/login_count"
  44.         app:layout_constraintEnd_toEndOf="@+id/view3"
  45.         app:layout_constraintStart_toStartOf="@+id/view3"
  46.         app:layout_constraintTop_toBottomOf="@+id/view3" />
  47.     <androidx.constraintlayout.widget.Guideline
  48.         android:id="@+id/guideline"
  49.         android:layout_width="wrap_content"
  50.         android:layout_height="wrap_content"
  51.         android:orientation="vertical"
  52.         app:layout_constraintGuide_percent="0.1" />
  53.     <androidx.constraintlayout.widget.Guideline
  54.         android:id="@+id/guideline4"
  55.         android:layout_width="wrap_content"
  56.         android:layout_height="wrap_content"
  57.         android:orientation="vertical"
  58.         app:layout_constraintGuide_percent="0.9" />
  59.     <ImageView
  60.         android:id="@+id/imageView"
  61.         android:layout_width="20dp"
  62.         android:layout_height="20dp"
  63.         android:layout_marginStart="8dp"
  64.         app:layout_constraintBottom_toBottomOf="@+id/view3"
  65.         app:layout_constraintStart_toStartOf="@+id/view3"
  66.         app:layout_constraintTop_toTopOf="@+id/view3"
  67.         app:srcCompat="@drawable/mima" />
  68.     <ImageView
  69.         android:id="@+id/imageView4"
  70.         android:layout_width="20dp"
  71.         android:layout_height="20dp"
  72.         app:layout_constraintBottom_toBottomOf="@+id/view4"
  73.         app:layout_constraintStart_toStartOf="@+id/imageView"
  74.         app:layout_constraintTop_toTopOf="@+id/view4"
  75.         app:srcCompat="@drawable/zhanghao" />
  76.     <Button
  77.         android:id="@+id/register_button"
  78.         android:layout_width="250dp"
  79.         android:layout_height="55dp"
  80.         android:text="立 即 注 册"
  81.         android:layout_marginBottom="32dp"
  82.         android:background="@drawable/login"
  83.         app:layout_constraintBottom_toBottomOf="@+id/view2"
  84.         app:layout_constraintEnd_toEndOf="@+id/view2"
  85.         app:layout_constraintHorizontal_bias="0.497"
  86.         app:layout_constraintStart_toStartOf="@+id/view2" />
  87.     <EditText
  88.         android:id="@+id/username_edittext"
  89.         android:layout_width="190dp"
  90.         android:layout_height="0dp"
  91.         android:layout_marginStart="5dp"
  92.         android:ems="10"
  93.         android:hint="请输入账号"
  94.         android:background="#eff4f2"
  95.         android:inputType="textPersonName"
  96.         app:layout_constraintBottom_toBottomOf="@+id/view3"
  97.         app:layout_constraintStart_toEndOf="@+id/imageView"
  98.         app:layout_constraintTop_toTopOf="@+id/view3" />
  99.     <EditText
  100.         android:id="@+id/password_edittext"
  101.         android:layout_width="190dp"
  102.         android:layout_height="0dp"
  103.         android:layout_marginStart="5dp"
  104.         android:ems="10"
  105.         android:hint="请输入密码"
  106.         android:background="#eff4f2"
  107.         android:inputType="textPassword"
  108.         app:layout_constraintBottom_toBottomOf="@+id/view4"
  109.         app:layout_constraintStart_toEndOf="@+id/imageView4"
  110.         app:layout_constraintTop_toTopOf="@+id/view4" />
  111. </androidx.constraintlayout.widget.ConstraintLayout>
复制代码

LoginActivity完整代码:
  1. package com.example.music.Login;
  2. import android.content.Intent;
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.Button;
  6. import android.widget.EditText;
  7. import android.widget.TextView;
  8. import android.widget.Toast;
  9. import androidx.appcompat.app.AppCompatActivity;
  10. import com.example.music.MainActivity;
  11. import com.example.music.R;
  12. import com.example.music.Register.RegisterActivity;
  13. import com.example.music.Data.DatabaseHelper;
  14. public class LoginActivity extends AppCompatActivity {
  15.     private TextView loginRegister;
  16.     private EditText user;
  17.     private EditText pass;
  18.     private Button mLoginButton;
  19.     private DatabaseHelper mDatabaseHelper;
  20.     @Override
  21.     protected void onCreate(Bundle savedInstanceState) {
  22.         super.onCreate(savedInstanceState);
  23.         setContentView(R.layout.activity_login);
  24.         user = findViewById(R.id.user);
  25.         pass = findViewById(R.id.pass);
  26.         mLoginButton = findViewById(R.id.login_button);
  27.         loginRegister = findViewById(R.id.login_register);
  28.         mDatabaseHelper = new DatabaseHelper(this);
  29.         loginRegister.setOnClickListener(new View.OnClickListener() {
  30.             @Override
  31.             public void onClick(View v) {
  32.                 Intent intent = new Intent(LoginActivity.this, RegisterActivity.class);
  33.                 startActivity(intent);
  34.             }
  35.         });
  36.         mLoginButton.setOnClickListener(new View.OnClickListener() {
  37.             @Override
  38.             public void onClick(View v) {
  39.                 String username = user.getText().toString().trim();
  40.                 String password = pass.getText().toString().trim();
  41.                 if (username.isEmpty() || password.isEmpty()) {
  42.                     Toast.makeText(getApplicationContext(), "请输入账号或密码", Toast.LENGTH_SHORT).show();
  43.                     return;
  44.                 }
  45.                 boolean result = mDatabaseHelper.checkUser(username, password);
  46.                 if (result) {
  47.                     Toast.makeText(getApplicationContext(), "登陆成功", Toast.LENGTH_SHORT).show();
  48.                     Intent intent = new Intent(LoginActivity.this, MainActivity.class);
  49.                     startActivity(intent);
  50.                 } else {
  51.                     Toast.makeText(getApplicationContext(), "账号或密码错误", Toast.LENGTH_SHORT).show();
  52.                 }
  53.             }
  54.         });
  55.     }
  56. }
复制代码

RegisterActivity完整代码:
  1. package com.example.music.Register;
  2. import androidx.appcompat.app.AppCompatActivity;
  3. import android.content.Intent;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.Button;
  7. import android.widget.EditText;
  8. import android.widget.Toast;
  9. import com.example.music.Login.LoginActivity;
  10. import com.example.music.R;
  11. import com.example.music.Data.DatabaseHelper;
  12. public class RegisterActivity extends AppCompatActivity {
  13.     private EditText mUserNameEditText;
  14.     private EditText mPasswordEditText;
  15.     private Button registerButton;
  16.     private DatabaseHelper mDatabaseHelper;
  17.     @Override
  18.     protected void onCreate(Bundle savedInstanceState) {
  19.         super.onCreate(savedInstanceState);
  20.         setContentView(R.layout.activity_register);
  21.         mUserNameEditText = findViewById(R.id.username_edittext);
  22.         mPasswordEditText = findViewById(R.id.password_edittext);
  23.         registerButton = findViewById(R.id.register_button);
  24.         mDatabaseHelper = new DatabaseHelper(this);
  25.         registerButton.setOnClickListener(new View.OnClickListener() {
  26.             @Override
  27.             public void onClick(View v) {
  28.                 String username = mUserNameEditText.getText().toString().trim();
  29.                 String password = mPasswordEditText.getText().toString().trim();
  30.                 if (username.isEmpty() || password.isEmpty()) {
  31.                     Toast.makeText(getApplicationContext(), "请输入账号或密码", Toast.LENGTH_SHORT).show();
  32.                     return;
  33.                 }
  34.                 boolean result = mDatabaseHelper.insertData(username, password);
  35.                 if (result) {
  36.                     Toast.makeText(getApplicationContext(), "注册成功", Toast.LENGTH_SHORT).show();
  37.                     Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);
  38.                     startActivity(intent);
  39.                     finish();
  40.                 } else {
  41.                     Toast.makeText(getApplicationContext(), "注册失败", Toast.LENGTH_SHORT).show();
  42.                 }
  43.             }
  44.         });
  45.     }
  46. }
复制代码
2.音乐列表页面

         重要用于音乐的显示以及点击对应的音乐跳转到对应的音乐播放页面。

 Activity完整代码:
  1. package com.example.music;
  2. import android.content.Intent;
  3. import android.os.Bundle;
  4. import android.view.LayoutInflater;
  5. import android.view.View;
  6. import android.view.ViewGroup;
  7. import android.widget.AdapterView;
  8. import android.widget.BaseAdapter;
  9. import android.widget.ImageView;
  10. import android.widget.ListView;
  11. import android.widget.TextView;
  12. import androidx.fragment.app.Fragment;
  13. import com.example.music.Music.MusicActivity;
  14. public class SongPage extends Fragment {
  15.     //声明视图变量view
  16.     private View view;
  17.     //在这里添加歌曲名
  18.     public String[] songname = {"Innocence", "刚刚好","不用去猜"};
  19.     private String[] name={"A R L","薛之谦","Jony J"};
  20.     //在这里添加歌曲图片
  21.     public static int[] icons = {R.drawable.img_01, R.drawable.img_02, R.drawable.img_03};
  22.     @Override
  23.     public View onCreateView(final LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  24.         view = inflater.inflate(R.layout.music_list, null);
  25.         //1、创建并绑定列表
  26.         ListView listView = view.findViewById(R.id.lv);
  27.         //2、创建适配器对象
  28.         MyBaseAdapter adapter = new MyBaseAdapter();
  29.         //3、给列表设置适配器
  30.         listView.setAdapter(adapter);
  31.         //设置列表条目监听器
  32.         listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  33.             @Override
  34.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  35.                 //创建Intent对象,启动音乐播放界面
  36.                 Intent intent = new Intent(SongPage.this.getContext(), MusicActivity.class);
  37.                 //将数据存入Intent对象,利用键值对
  38.                 intent.putExtra("name", name[position]);
  39.                 intent.putExtra("songname", songname[position]);
  40.                 intent.putExtra("position", String.valueOf(position));
  41.                 //开启意图,进行跳转
  42.                 startActivity(intent);
  43.             }
  44.         });
  45.         return view;
  46.     }
  47.     class MyBaseAdapter extends BaseAdapter {
  48.         @Override
  49.         public int getCount() {
  50.             return name.length;
  51.         }
  52.         @Override
  53.         public Object getItem(int i) {
  54.             return name[i];
  55.         }
  56.         @Override
  57.         public long getItemId(int i) {
  58.             return i;
  59.         }
  60.         @Override
  61.         public View getView(int i, View convertView, ViewGroup parent) {
  62.             //绑定视图,并且显示歌曲名和歌曲图片
  63.             View view = View.inflate(SongPage.this.getContext(), R.layout.item_music, null);
  64.             TextView songName = view.findViewById(R.id.song_name);
  65.             ImageView songPic = view.findViewById(R.id.song_pic);
  66.             TextView name1=view.findViewById(R.id.name);
  67.             songName.setText(songname[i]);
  68.             name1.setText(name[i]);
  69.             songPic.setImageResource(icons[i]);
  70.             return view;
  71.         }
  72.     }
  73. }
复制代码
相干的xml代码:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
  7.     android:padding="15dp">
  8.     <ImageView
  9.         android:id="@+id/song_pic"
  10.         android:layout_width="86dp"
  11.         android:layout_height="86dp"
  12.         android:src="@drawable/img_01"
  13.         app:layout_constraintStart_toStartOf="parent"
  14.         app:layout_constraintTop_toTopOf="parent" />
  15.     <TextView
  16.         android:id="@+id/song_name"
  17.         android:layout_width="wrap_content"
  18.         android:layout_height="wrap_content"
  19.         android:layout_marginStart="8dp"
  20.         android:layout_marginTop="16dp"
  21.         android:text="歌曲"
  22.         android:textColor="#000"
  23.         android:textSize="20sp"
  24.         app:layout_constraintStart_toEndOf="@+id/song_pic"
  25.         app:layout_constraintTop_toTopOf="@+id/song_pic" />
  26.     <TextView
  27.         android:id="@+id/name"
  28.         android:layout_width="wrap_content"
  29.         android:layout_height="wrap_content"
  30.         android:layout_marginTop="8dp"
  31.         android:text="歌曲"
  32.         android:textColor="#000"
  33.         android:textSize="14sp"
  34.         app:layout_constraintStart_toStartOf="@+id/song_name"
  35.         app:layout_constraintTop_toBottomOf="@+id/song_name" />
  36.     <ImageView
  37.         android:id="@+id/song_enter"
  38.         android:layout_width="30dp"
  39.         android:layout_height="30dp"
  40.         android:layout_marginEnd="8dp"
  41.         android:src="@drawable/song_play"
  42.         app:layout_constraintBottom_toBottomOf="@+id/song_pic"
  43.         app:layout_constraintEnd_toEndOf="parent"
  44.         app:layout_constraintTop_toTopOf="@+id/song_pic" />
  45. </androidx.constraintlayout.widget.ConstraintLayout>
复制代码
2.音乐播放功能

       用于播放音乐,对音乐进行暂停,上一首、下一首功能的实现。

        该类是一个音乐播放器的活动,包含了播放、暂停、继承播放、上一首、下一首、退出等功能。以下是该类的一些关键点:
成员变量:
musicName:存储歌曲名称的字符串数组。
sb:进度条 SeekBar 对象。
tv_progress、tv_total、name_song:显示播放进度、总时长和歌曲名的 TextView 对象。
animator:旋转动画对象,用于旋转歌手图片框。
musicControl:音乐控制类的对象。
初始化方法 initView():
初始化各个控件,并设置点击事件监听器。
创建意图对象 intent2,并创建 MyServiceConn 服务连接对象 conn。
绑定服务,将音乐控制类的对象 musicControl 与服务绑定。
消息处理器 handler:
用于在主线程中处理从子线程发送过来的消息。
处理音乐播放进度的更新,通过更新进度条和显示当前播放时长和总时长。
服务连接类 MyServiceConn:
实现 ServiceConnection 接口,用于连接服务。
在 onServiceConnected() 方法中获取音乐控制类的对象。
在 onServiceDisconnected() 方法中处理服务断开连接的环境。
onClick() 方法:
        处理按钮的点击事件,根据点击的按钮执行相应的操作,如播放、暂停、继承播放、上一首、下一首、退出等。
在点击播放按钮时,隐蔽播放按钮,开始播放音乐,并启动旋转动画。
在点击暂停按钮时,隐蔽暂停按钮,显示继承播放按钮,并暂停音乐播放和旋转动画。
在点击继承播放按钮时,隐蔽继承播放按钮,显示暂停按钮,并继承音乐播放和旋转动画。
在点击上一首按钮时,切换到上一首歌曲,并更新歌手图片和歌曲名。
在点击下一首按钮时,切换到下一首歌曲,并更新歌手图片和歌曲名。
在点击退出按钮时,解除服务绑定并关闭活动。
onDestroy() 方法:
在活动烧毁时解除服务绑定。
 详细MusicActivity代码:
  1. public class MusicActivity extends AppCompatActivity implements View.OnClickListener{
  2.     //定义歌曲名称的数组
  3.     public String[] musicName={"Innocence", "刚刚好","不用去猜"};
  4.     private static SeekBar sb;//定义进度条
  5.     private static TextView tv_progress, tv_total, name_song;//定义开始和总时长,歌曲名控件
  6.     private ObjectAnimator animator;//定义旋转的动画
  7.     private MusicService.MusicControl musicControl;//音乐控制类
  8.     private Button play;        //播放按钮
  9.     private Button pause;       //暂停按钮
  10.     private Button con;         //继续播放按钮
  11.     private Button pre;         //上一首按钮
  12.     private Button next;        //下一首按钮
  13.     private ImageView exit;        //退出按钮
  14.     private ImageView iv_music; //歌手图片框
  15.     Intent intent1, intent2;    //定义两个意图
  16.     MyServiceConn conn;         //服务连接
  17.     private boolean isUnbind = false;//记录服务是否被解绑
  18.     public int change = 0;      //记录下标的变化值
  19.     @Override
  20.     protected void onCreate(Bundle savedInstanceState) {
  21.         super.onCreate(savedInstanceState);
  22.         setContentView(R.layout.activity_music);
  23.         //去除标题栏
  24.         ActionBar actionBar = getSupportActionBar();
  25.         if(actionBar!= null){
  26.             actionBar.hide();
  27.         }
  28.         //获得意图
  29.         intent1 = getIntent();
  30.         //初始化
  31.         initView();
  32.     }
  33.     //初始化
  34.     private void initView(){
  35.         //依次绑定控件
  36.         tv_progress = findViewById(R.id.tv_progress);
  37.         tv_total = findViewById(R.id.tv_total);
  38.         sb = findViewById(R.id.sb);
  39.         name_song = findViewById(R.id.song_name);
  40.         iv_music = findViewById(R.id.iv_music);
  41.         play = findViewById(R.id.btn_play);
  42.         pause = findViewById(R.id.btn_pause);
  43.         con = findViewById(R.id.btn_continue_play);
  44.         pre = findViewById(R.id.btn_pre);
  45.         next = findViewById(R.id.btn_next);
  46.         exit = findViewById(R.id.btn_exit);
  47.         //依次设置监听器
  48.         play.setOnClickListener(this);
  49.         pause.setOnClickListener(this);
  50.         con.setOnClickListener(this);
  51.         pre.setOnClickListener(this);
  52.         next.setOnClickListener(this);
  53.         exit.setOnClickListener(this);
  54.         //创建意图对象
  55.         intent2 = new Intent(this, MusicService.class);
  56.         conn = new MyServiceConn();//创建服务连接对象
  57.         bindService(intent2, conn,BIND_AUTO_CREATE);//绑定服务
  58.         //从歌曲列表传过来的歌曲名
  59.         String name = intent1.getStringExtra("songname");
  60.         //设置歌曲名显示
  61.         name_song.setText(name);
  62.         //定义歌曲列表传过来的下标position
  63.         String position = intent1.getStringExtra("position");
  64.         //将字符串转化为整型i
  65.         int i = parseInt(position);
  66.         //图像框设置为frag1里面的图标数组,下标为i
  67.         iv_music.setImageResource(SongPage.icons[i]);
  68.         //为滑动条添加事件监听
  69.         sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
  70.             @RequiresApi(api = Build.VERSION_CODES.KITKAT)
  71.             @Override
  72.             public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
  73.                 //当滑动条到末端时,将message对象发送出去
  74.                 if (progress == sb.getMax()){
  75.                 }
  76.             }
  77.             @Override
  78.             public void onStartTrackingTouch(SeekBar seekBar) {//滑动条开始滑动时调用
  79.             }
  80.             @Override
  81.             public void onStopTrackingTouch(SeekBar seekBar) {//滑动条停止滑动时调用
  82.                 //根据拖动的进度改变音乐播放进度
  83.                 int progress = seekBar.getProgress();//获取seekBar的进度
  84.                 musicControl.seekTo(progress);//改变播放进度
  85.             }
  86.         });
  87.         animator= ObjectAnimator.ofFloat(iv_music,"rotation",0f,360.0f);
  88.         animator.setDuration(10000);//动画旋转一周的时间为10秒
  89.         animator.setInterpolator(new LinearInterpolator());//匀速
  90.         animator.setRepeatCount(-1);//-1表示设置动画无限循环
  91.     }
  92.     //歌曲进度条的消息机制
  93.     public static Handler handler = new Handler(){//创建消息处理器对象
  94.         //在主线程中处理从子线程发送过来的消息
  95.         @Override
  96.         public void handleMessage(Message msg){
  97.             Bundle bundle = msg.getData();//获取从子线程发送过来的音乐播放进度
  98.             int duration = bundle.getInt("duration");
  99.             int currentPosition = bundle.getInt("currentPosition");
  100.             sb.setMax(duration);
  101.             sb.setProgress(currentPosition);
  102.             //歌曲总时长,单位为毫秒
  103.             int minute = duration/1000/60;
  104.             int second = duration/1000%60;
  105.             String strMinute = null;
  106.             String strSecond = null;
  107.             if(minute < 10){//如果歌曲的时间中的分钟小于10
  108.                 strMinute = "0" + minute;//在分钟的前面加一个0
  109.             }else{
  110.                 strMinute = minute + "";
  111.             }
  112.             if (second < 10){//如果歌曲中的秒钟小于10
  113.                 strSecond = "0" + second;//在秒钟前面加一个0
  114.             }else{
  115.                 strSecond = second + "";
  116.             }
  117.             tv_total.setText(strMinute + ":" + strSecond);
  118.             //歌曲当前播放时长
  119.             minute = currentPosition/1000/60;
  120.             second = currentPosition/1000%60;
  121.             if(minute < 10){//如果歌曲的时间中的分钟小于10
  122.                 strMinute = "0" + minute;//在分钟的前面加一个0
  123.             }else{
  124.                 strMinute=minute + " ";
  125.             }
  126.             if (second < 10){//如果歌曲中的秒钟小于10
  127.                 strSecond = "0" + second;//在秒钟前面加一个0
  128.             }else{
  129.                 strSecond = second + " ";
  130.             }
  131.             tv_progress.setText(strMinute + ":" + strSecond);
  132.         }
  133.     };
  134.     //用于实现连接服务
  135.     class MyServiceConn implements ServiceConnection {
  136.         @Override
  137.         public void onServiceConnected(ComponentName name, IBinder service){
  138.             musicControl=(MusicService.MusicControl) service;
  139.         }
  140.         @Override
  141.         public void onServiceDisconnected(ComponentName name){
  142.         }
  143.     }
  144.     //未解绑则解绑
  145.     private void unbind(boolean isUnbind){
  146.         if(!isUnbind){//判断服务是否被解绑
  147.             musicControl.pausePlay();//暂停播放音乐
  148.             unbindService(conn);//解绑服务
  149.         }
  150.     }
  151.     @RequiresApi(api = Build.VERSION_CODES.KITKAT)
  152.     @Override
  153.     public void onClick(View v) {
  154.         //获取歌曲名的下标字符串
  155.         String index = intent1.getStringExtra("position");
  156.         //将字符串转为整数
  157.         int i = parseInt(index);
  158.         switch (v.getId()){
  159.             case R.id.btn_play://播放按钮点击事件
  160.                 play.setVisibility(View.INVISIBLE);
  161.                 musicControl.play(i);
  162.                 animator.start();
  163.                 break;
  164.             //这里musicName.length-1表示的最后一首歌的下标,即歌曲总数-1
  165.             case R.id.btn_pre://播放上一首
  166.                 if((i + change) < 1) {
  167.                     change = musicName.length - 1 - i;
  168.                     iv_music.setImageResource(SongPage.icons[i + change]);
  169.                     name_song.setText(musicName[i + change]);
  170.                     musicControl.play(i + change);
  171.                     pause.setVisibility(View.VISIBLE);
  172.                     animator.start();
  173.                     break;
  174.                 } else {
  175.                     change--;
  176.                     iv_music.setImageResource(SongPage.icons[i + change]);
  177.                     name_song.setText(musicName[i + change]);
  178.                     musicControl.play(i + change);
  179.                     pause.setVisibility(View.VISIBLE);
  180.                     animator.start();
  181.                     break;
  182.                 }
  183.             case R.id.btn_next://播放下一首
  184.                 if((i + change) == musicName.length - 1) {
  185.                     change = -i;
  186.                     iv_music.setImageResource(SongPage.icons[i + change]);
  187.                     name_song.setText(musicName[i + change]);
  188.                     musicControl.play(i + change);
  189.                     pause.setVisibility(View.VISIBLE);
  190.                     animator.start();
  191.                     break;
  192.                 } else {
  193.                     change++;
  194.                     iv_music.setImageResource(SongPage.icons[i + change]);
  195.                     name_song.setText(musicName[i + change]);
  196.                     musicControl.play(i + change);
  197.                     pause.setVisibility(View.VISIBLE);
  198.                     animator.start();
  199.                     break;
  200.                 }
  201.             case R.id.btn_pause://暂停按钮点击事件
  202.                 pause.setVisibility(View.INVISIBLE);
  203.                 con.setVisibility(View.VISIBLE);
  204.                 musicControl.pausePlay();
  205.                 animator.pause();
  206.                 break;
  207.             case R.id.btn_continue_play://继续播放按钮点击事件
  208.                 con.setVisibility(View.INVISIBLE);
  209.                 pause.setVisibility(View.VISIBLE);
  210.                 musicControl.continuePlay();
  211.                 animator.start();
  212.                 break;
  213.             case R.id.btn_exit://退出按钮点击事件
  214.                 unbind(isUnbind);
  215.                 isUnbind = true;
  216.                 finish();
  217.                 break;
  218.         }
  219.     }
  220.     @Override
  221.     protected void onDestroy(){
  222.         super.onDestroy();
  223.         unbind(isUnbind);//解绑服务
  224.     }
  225. }
复制代码
相干的xml文件代码:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout 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:background="#f9d7e7"
  8.     android:orientation="vertical"
  9.     tools:context=".Music.MusicActivity">
  10.     <ImageView
  11.         android:id="@+id/btn_exit"
  12.         android:layout_width="20dp"
  13.         android:layout_height="20dp"
  14.         android:layout_marginStart="16dp"
  15.         android:layout_marginTop="24dp"
  16.         app:layout_constraintStart_toStartOf="parent"
  17.         app:layout_constraintTop_toTopOf="parent"
  18.         app:srcCompat="@drawable/back" />
  19.     <TextView
  20.         android:id="@+id/song_name"
  21.         android:layout_width="wrap_content"
  22.         android:layout_height="wrap_content"
  23.         android:layout_gravity="center"
  24.         android:text="光年之外"
  25.         android:textColor="#000"
  26.         android:textSize="24sp"
  27.         app:layout_constraintBottom_toBottomOf="@+id/btn_exit"
  28.         app:layout_constraintEnd_toEndOf="parent"
  29.         app:layout_constraintStart_toStartOf="parent"
  30.         app:layout_constraintTop_toTopOf="@+id/btn_exit" />
  31.     <ImageView
  32.         android:id="@+id/iv_music"
  33.         android:layout_width="250dp"
  34.         android:layout_height="250dp"
  35.         android:layout_marginTop="80dp"
  36.         android:src="@drawable/img_01"
  37.         app:layout_constraintEnd_toEndOf="parent"
  38.         app:layout_constraintStart_toStartOf="parent"
  39.         app:layout_constraintTop_toBottomOf="@+id/btn_exit" />
  40.     <SeekBar
  41.         android:id="@+id/sb"
  42.         android:layout_width="250dp"
  43.         android:layout_height="20dp"
  44.         android:layout_marginTop="80dp"
  45.         app:layout_constraintEnd_toEndOf="parent"
  46.         app:layout_constraintStart_toStartOf="parent"
  47.         app:layout_constraintTop_toBottomOf="@+id/iv_music" />
  48.     <TextView
  49.         android:id="@+id/tv_progress"
  50.         android:layout_width="wrap_content"
  51.         android:layout_height="wrap_content"
  52.         android:layout_marginEnd="5dp"
  53.         android:text="00:00"
  54.         app:layout_constraintBottom_toBottomOf="@+id/sb"
  55.         app:layout_constraintEnd_toStartOf="@+id/sb"
  56.         app:layout_constraintTop_toTopOf="@+id/sb" />
  57.     <TextView
  58.         android:id="@+id/tv_total"
  59.         android:layout_width="wrap_content"
  60.         android:layout_height="wrap_content"
  61.         android:layout_marginStart="5dp"
  62.         android:text="00:00"
  63.         app:layout_constraintBottom_toBottomOf="@+id/sb"
  64.         app:layout_constraintStart_toEndOf="@+id/sb"
  65.         app:layout_constraintTop_toTopOf="@+id/sb" />
  66.     <Button
  67.         android:id="@+id/btn_continue_play"
  68.         android:layout_width="60dp"
  69.         android:layout_height="60dp"
  70.         android:background="@drawable/play"
  71.         app:layout_constraintBottom_toBottomOf="@+id/btn_pre"
  72.         app:layout_constraintEnd_toStartOf="@+id/btn_next"
  73.         app:layout_constraintStart_toEndOf="@+id/btn_pre"
  74.         app:layout_constraintTop_toTopOf="@+id/btn_pre" />
  75.     <Button
  76.         android:id="@+id/btn_pause"
  77.         android:layout_width="60dp"
  78.         android:layout_height="60dp"
  79.         android:background="@drawable/pause"
  80.         app:layout_constraintBottom_toBottomOf="@+id/btn_next"
  81.         app:layout_constraintEnd_toStartOf="@+id/btn_next"
  82.         app:layout_constraintStart_toEndOf="@+id/btn_pre"
  83.         app:layout_constraintTop_toTopOf="@+id/btn_next" />
  84.     <Button
  85.         android:id="@+id/btn_pre"
  86.         android:layout_width="40dp"
  87.         android:layout_height="40dp"
  88.         android:layout_marginStart="24dp"
  89.         android:background="@drawable/pre"
  90.         app:layout_constraintBottom_toBottomOf="@+id/btn_next"
  91.         app:layout_constraintStart_toStartOf="@+id/tv_progress"
  92.         app:layout_constraintTop_toTopOf="@+id/btn_next" />
  93.     <Button
  94.         android:id="@+id/btn_next"
  95.         android:layout_width="40dp"
  96.         android:layout_height="40dp"
  97.         android:layout_marginTop="100dp"
  98.         android:layout_marginEnd="24dp"
  99.         android:background="@drawable/next"
  100.         app:layout_constraintEnd_toEndOf="@+id/tv_total"
  101.         app:layout_constraintTop_toBottomOf="@+id/tv_total" />
  102.     <Button
  103.         android:id="@+id/btn_play"
  104.         android:layout_width="60dp"
  105.         android:layout_height="60dp"
  106.         android:background="@drawable/play"
  107.         app:layout_constraintBottom_toBottomOf="@+id/btn_pre"
  108.         app:layout_constraintEnd_toStartOf="@+id/btn_next"
  109.         app:layout_constraintStart_toEndOf="@+id/btn_pre"
  110.         app:layout_constraintTop_toTopOf="@+id/btn_pre" />
  111. </androidx.constraintlayout.widget.ConstraintLayout>
复制代码
三、获取源码

   关注公众号《编程乐学》,后台复兴:23031701
  
  

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

郭卫东

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表