Android音乐播放器制作 加入控制台(三)
作者:段炼Android 时间:2022-04-15 05:09:30
Android音乐播放器的运行效果
这篇博客还是接着上一篇Android音乐播放器制作写的,没看过的可以去看看。
其中这个效果(圆形ImageView和控件匀速旋转):
我前面的博客中写到过我就不一一细说了:
图片变成圆形:android图片处理,让图片变成圆形
旋转:android图片处理:让图片一直匀速旋转
文字跑马灯:TextView的跑马灯效果以及TextView的一些属性
具体实现
首先是布局文件中添加了如下代码,这些代码就是实现控制台的,给整体设置了一个invisible,为了让他点击有音乐播放的时候控制台才显示出来:
<RelativeLayout
android:id="@+id/main_control_rl"
android:layout_width="match_parent"
android:layout_height="90dp"
android:layout_alignParentBottom="true"
android:background="@drawable/bottom_control_shape"
android:visibility="invisible">
<com.duanlian.mymusicplayerdemo.view.CircleImageView
android:id="@+id/control_imageview"
android:layout_width="65dp"
android:layout_height="65dp"
android:layout_centerVertical="true"
android:layout_marginLeft="10dp"
android:src="@mipmap/duanlian" />
<TextView
android:id="@+id/control_singer"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="40dp"
android:layout_marginTop="5dp"
android:layout_toRightOf="@+id/control_imageview"
android:text="歌手名"
android:textSize="15sp" />
/>
<TextView
android:id="@+id/control_song"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:layout_marginTop="5dp"
android:singleLine="true"
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
android:layout_toRightOf="@+id/control_singer"
android:text="歌曲的名字是不是很长"
android:textSize="16sp" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:layout_marginBottom="10dp"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@+id/control_imageview">
<Button
android:id="@+id/playing_btn_previous"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginLeft="30dp"
android:background="@drawable/last_select"
android:onClick="control" />
<Button
android:id="@+id/playing_btn_pause"
android:layout_width="55dp"
android:layout_height="55dp"
android:layout_centerHorizontal="true"
android:background="@drawable/play_press"
android:onClick="control" />
<Button
android:id="@+id/playing_btn_next"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentRight="true"
android:layout_marginRight="30dp"
android:background="@drawable/next_select"
android:onClick="control" />
</RelativeLayout>
</RelativeLayout>
其中的
<com.duanlian.mymusicplayerdemo.view.CircleImageView
android:id="@+id/control_imageview"
android:layout_width="65dp"
android:layout_height="65dp"
android:layout_centerVertical="true"
android:layout_marginLeft="10dp"
android:src="@mipmap/duanlian" />
这个是自定义圆形图片,之前的博客已经说过了,具体可以去看,然后控制的这种效果是背景添加了一个shap
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="200.0dip" />
<solid android:color="#84C3D1" />
<stroke android:width="1.0dip" android:color="#ffff6000" />
</shape>
点击上一曲下一期的变化效果:
添加了一个点击的selector:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false" android:drawable="@drawable/last_normal" />
<item android:state_focused="true" android:drawable="@drawable/last_normal" />
<item android:state_pressed="true" android:drawable="@drawable/last_press" />
</selector>
布局文件搞定,下面是代码中的实现
首先就是声明的控件和一些变量增加了 这几个:
private int playPosition;//当前播放歌曲的序号
private boolean IsPlay = false;//是否有歌曲在播放
private Button playPause;//暂停和播放按钮
private TextView song;//歌曲名
private TextView singer;//歌手名
private ImageView imageView;//控制台的图片
private Animation animation;//动画
点击ListView的一下改变:
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
//创建一个播放音频的方法,把点击到的地址传过去
//list.get(i).path这个就是歌曲的地址
play(list.get(i).path);
////播放暂停按钮图片变成播放状态
playPause.setBackgroundResource(R.drawable.pause_press);
//把当前点击的item的position拿到,知道当前播放歌曲的序号
playPosition = i;
//播放音乐的时候把是否在播放赋值为true
IsPlay = true;
//点击item让控制台显示出来
findViewById(R.id.main_control_rl).setVisibility(View.VISIBLE);
}
});
然后就是几个button的点击事件了:
/**
* 底部控制栏的点击事件
*
* @param view
*/
public void control(View view) {
switch (view.getId()) {
case R.id.playing_btn_previous://上一曲
//如果播放歌曲的序号小于或者等于0的话点击上一曲就提示已经是第一首了
if (playPosition <= 0) {
Toast.makeText(MainActivity.this, "已经是第一首歌了", Toast.LENGTH_SHORT).show();
} else {
//让歌曲的序号减一
playPosition--;
//播放
play(list.get(playPosition).path);
playPause.setBackgroundResource(R.drawable.pause_press);
}
break;
case R.id.playing_btn_pause://暂停和播放
if (IsPlay == false) {
//播放暂停按钮图片变成播放状态
playPause.setBackgroundResource(R.drawable.pause_press);
//继续播放
mediaPlayer.start();
imageView.startAnimation(animation);
IsPlay = true;//是否在播放赋值为true
animation.start();
Toast.makeText(MainActivity.this, "播放" + list.get(playPosition).song, Toast.LENGTH_SHORT).show();
} else {
//播放暂停按钮图片变成暂停状态
playPause.setBackgroundResource(R.drawable.play_press);
//暂停歌曲
mediaPlayer.pause();
imageView.clearAnimation();//停止动画
IsPlay = false;//是否在播放赋值为false
Toast.makeText(MainActivity.this, "暂停" + list.get(playPosition).song, Toast.LENGTH_SHORT).show();
}
break;
case R.id.playing_btn_next://下一曲
//歌曲序号大于或者等于歌曲列表的大小-1时,让歌曲序号为第一首
if (playPosition >= list.size() - 1) {
playPosition = 0;
} else {
//点击下一曲让歌曲的序号加一
playPosition++;
}
//播放
play(list.get(playPosition).path);
//播放暂停按钮图片变成播放状态
playPause.setBackgroundResource(R.drawable.pause_press);
break;
}
}
最后还有设置歌曲名和歌手名的:
/**
* 控制歌曲和歌手TextView的方法
*/
private void setText() {
song.setText(list.get(playPosition).song);
song.setSelected(true);//当歌曲名字太长是让其滚动
singer.setText(list.get(playPosition).singer);
}
就是这个简单
demo下载地址:音乐播放器
标签:Android,音乐播放器
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
c# 死锁和活锁的发生及避免
2023-05-28 00:45:49
![](https://img.aspxhome.com/file/2023/7/76427_0s.png)
关于C#委托三种调用的分享使用
2022-10-29 03:24:35
![](https://img.aspxhome.com/file/2023/5/80075_0s.png)
详解Java多线程编程中线程的启动、中断或终止操作
2023-07-04 20:32:40
MyBatis基础支持DataSource实现源码解析
2023-01-16 09:58:07
Spring Boot集成MyBatis的方法
2021-11-03 23:11:05
![](https://img.aspxhome.com/file/2023/6/64486_0s.png)
java实现列表、集合与数组之间转化的方法
2023-11-29 10:17:38
SpringBoot项目中使用Mockito的示例代码
2023-09-25 22:31:14
![](https://img.aspxhome.com/file/2023/3/62373_0s.png)
java通过Idea远程一键部署springboot到Docker详解
2022-03-26 09:31:27
![](https://img.aspxhome.com/file/2023/9/81369_0s.jpg)
详解IntelliJ IDEA 自带的 HTTP Client 接口调用插件吊打 Postman
2023-08-06 07:56:08
![](https://img.aspxhome.com/file/2023/7/84327_0s.jpg)
springboot项目以jar包运行的操作方法
2023-11-10 07:47:43
![](https://img.aspxhome.com/file/2023/8/59328_0s.png)
关于Mybatis的@param注解及多个传参
2021-09-10 21:17:21
Seata AT模式TM处理流程图文示例详解
2022-05-03 02:28:39
![](https://img.aspxhome.com/file/2023/4/71864_0s.png)
图文精讲java常见分布式事务理论与解决方案
2023-05-22 19:50:10
![](https://img.aspxhome.com/file/2023/3/75453_0s.png)
详解idea从git上拉取maven项目详细步骤
2023-04-23 08:51:56
![](https://img.aspxhome.com/file/2023/5/83115_0s.png)
IntelliJ IDEA 的使用界面图文教程
2022-10-01 17:24:59
![](https://img.aspxhome.com/file/2023/1/85511_0s.jpg)
详解Java ScheduledThreadPoolExecutor的踩坑与解决方法
2022-11-25 17:34:17
![](https://img.aspxhome.com/file/2023/8/69668_0s.png)
Java中的AQS同步队列问题详解
2021-08-16 19:50:23
![](https://img.aspxhome.com/file/2023/3/82003_0s.jpg)
Java编写实现坦克大战小游戏
2023-11-24 09:15:34
![](https://img.aspxhome.com/file/2023/7/59777_0s.jpg)
浅谈SpringBoot在使用测试的时候是否需要@RunWith
2022-12-19 04:14:14
![](https://img.aspxhome.com/file/2023/1/64061_0s.jpg)
C#的3DES加密解密算法实例代码
2023-09-23 01:10:19