首页 > 代码库 > Android 音乐播放器--界面的实现(一)
Android 音乐播放器--界面的实现(一)
暑假学了十几天安卓还是感觉很陌生,感觉是时候写个小项目巩固下了,于是就有了这个简单的音乐播放器,
界面是模仿的网易云音乐,图标的资源也是从网易云音乐取的,效果如图:
已实现功能:
- 选择播放模式:循环 顺序 随机
- 音乐控制:播放 暂停 下一曲 上一曲 专辑图片的显示
未实现功能:
- 歌词的显示
- 歌曲搜索
- 网络歌曲: 因为开始以为qq音乐之类的提供了api..后来发现是我想多了,所以这个功能多半实现不了了
标题栏
标题栏我把它单独写了个文件,在需要使用它的地方只需要写<include layout="@layout/title"/>就可以复用了
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="55dp" 5 android:background="#d5050504"> 6 <LinearLayout 7 android:layout_width="0dp" 8 android:layout_height="match_parent" 9 android:layout_weight="1"> 10 11 <RelativeLayout 12 android:layout_width="0dp" 13 android:layout_height="match_parent" 14 android:layout_weight="1" 15 android:id="@+id/list_layout"> 16 <LinearLayout 17 android:layout_width="match_parent" 18 android:layout_height="wrap_content" 19 android:orientation="vertical"> 20 <ImageView 21 android:src="@drawable/songlist" 22 android:id="@+id/list_image" 23 android:layout_width="40dp" 24 android:layout_height="40dp" 25 android:layout_gravity="center_horizontal"/> 26 <TextView 27 android:id="@+id/list_text" 28 android:layout_width="wrap_content" 29 android:layout_height="wrap_content" 30 android:layout_gravity="center_horizontal" 31 android:textSize="12dp" 32 android:text="本地歌曲" 33 android:textColor="#84f8f9ef" /> 34 </LinearLayout> 35 </RelativeLayout> 36 37 <RelativeLayout 38 android:layout_width="0dp" 39 android:layout_height="match_parent" 40 android:layout_weight="1" 41 android:id="@+id/play_layout"> 42 <LinearLayout 43 android:layout_width="match_parent" 44 android:layout_height="wrap_content" 45 android:orientation="vertical"> 46 <ImageView 47 android:src="@drawable/netlist" 48 android:id="@+id/play_image" 49 android:layout_width="40dp" 50 android:layout_height="40dp" 51 android:layout_gravity="center_horizontal"/> 52 <TextView 53 android:id="@+id/play_text" 54 android:layout_width="wrap_content" 55 android:layout_height="wrap_content" 56 android:layout_gravity="center_horizontal" 57 android:textSize="12dp" 58 android:text="网络歌曲" 59 android:textColor="#84f8f9ef" /> 60 </LinearLayout> 61 </RelativeLayout> 62 <RelativeLayout 63 android:layout_width="0dp" 64 android:layout_height="match_parent" 65 android:layout_weight="1" 66 android:id="@+id/about_layout"> 67 <LinearLayout 68 android:layout_width="match_parent" 69 android:layout_height="wrap_content" 70 android:orientation="vertical"> 71 <ImageView 72 android:src="@drawable/about" 73 android:id="@+id/about_image" 74 android:layout_width="40dp" 75 android:layout_height="40dp" 76 android:layout_gravity="center_horizontal"/> 77 <TextView 78 android:id="@+id/about_text" 79 android:layout_width="wrap_content" 80 android:layout_height="wrap_content" 81 android:layout_gravity="center_horizontal" 82 android:textSize="12dp" 83 android:text="哦哦哦" 84 android:textColor="#84f8f9ef" /> 85 </LinearLayout> 86 </RelativeLayout> 87 </LinearLayout> 88 89 <LinearLayout 90 android:layout_width="0dp" 91 android:layout_height="match_parent" 92 android:layout_weight="1"> 93 <RelativeLayout 94 android:layout_width="match_parent" 95 android:layout_height="match_parent"> 96 <ImageView 97 android:layout_alignParentRight="true" 98 android:layout_centerVertical="true" 99 android:id="@+id/setting_image"100 android:src="@drawable/music_icn_more_prs"101 android:scaleType="center"102 android:layout_width="40dp"103 android:layout_height="40dp" />104 <ImageView105 android:layout_toLeftOf="@id/setting_image"106 android:layout_centerVertical="true"107 android:id="@+id/search_image"108 android:src="@drawable/search"109 android:layout_width="40dp"110 android:layout_height="40dp" />111 </RelativeLayout>112 </LinearLayout>113 114 115 </LinearLayout>
activity_Main
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" 3 android:layout_height="match_parent" 4 android:orientation="vertical" 5 tools:context=".MainActivity"> 6 7 <include layout="@layout/title"/> 8 <!--使用碎片来实现标签切换--> 9 <FrameLayout10 android:id="@+id/content"11 android:layout_width="match_parent"12 android:layout_height="0dp"13 android:layout_weight="1">14 15 </FrameLayout>16 17 <!--分割条-->18 <ImageView19 android:layout_width="match_parent"20 android:layout_height="1dp"21 android:background="#CFCFCF"/>22 <!--底部播放界面-->23 <LinearLayout24 android:layout_width="match_parent"25 android:layout_height="45dp"26 android:orientation="horizontal"27 android:background="#EEEEEE">28 <LinearLayout29 android:id="@+id/botton_playing_board"30 android:layout_width="0dp"31 android:layout_height="match_parent"32 android:layout_weight="1">33 <ImageView34 android:id="@+id/botton_song_image"35 36 android:layout_width="45dp"37 android:layout_height="45dp"38 android:src="@drawable/default_album"/>39 <LinearLayout40 android:layout_marginLeft="8dp"41 android:layout_weight="1"42 android:orientation="vertical"43 android:layout_width="wrap_content"44 android:layout_height="match_parent">45 <TextView46 android:id="@+id/main_title"47 android:layout_width="match_parent"48 android:layout_height="27dp"49 android:textSize="21dp"50 android:gravity="center_vertical"51 android:maxLines="1"52 android:layout_gravity="center_vertical"/>53 <TextView54 android:id="@+id/main_artist"55 android:layout_width="match_parent"56 android:layout_height="18dp"57 android:textSize="13dp"58 android:maxLines="1"59 android:layout_gravity="center_vertical"60 android:gravity="center_vertical"/>61 </LinearLayout>62 </LinearLayout>63 64 <ImageView65 android:id="@+id/mainPlayPause"66 android:layout_width="45dp"67 android:layout_height="match_parent"68 android:src="@drawable/note_btn_play_white"/>69 <ImageView70 android:id="@+id/mainLastSong"71 android:layout_marginLeft="8dp"72 android:layout_width="45dp"73 android:layout_height="match_parent"74 android:src="@drawable/note_btn_next_white"/>75 </LinearLayout>76 77 </LinearLayout>
播放界面activity_playing
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.agmcs.musicplayer.PlayingActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="55dp" android:background="#d5050504"> <LinearLayout android:id="@+id/playing_title_board" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/playing_back" android:layout_width="40dp" android:layout_height="40dp" android:layout_gravity="center" android:src="@drawable/back"/> <LinearLayout android:layout_marginLeft="8dp" android:layout_weight="1" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="match_parent"> <TextView android:id="@+id/playing_title" android:layout_width="match_parent" android:layout_height="30dp" android:textSize="25dp" android:gravity="center_vertical" android:maxLines="1" android:layout_gravity="center_vertical" android:textColor="#84f8f9ef" /> <TextView android:id="@+id/playing_artist" android:layout_width="match_parent" android:layout_height="24dp" android:textSize="18dp" android:maxLines="1" android:layout_gravity="center_vertical" android:gravity="center_vertical" android:textColor="#84f8f9ef" /> </LinearLayout> </LinearLayout> <ImageView android:layout_gravity="center" android:layout_width="40dp" android:layout_height="40dp"/> </LinearLayout> <FrameLayout android:layout_weight="1" android:layout_width="match_parent" android:background="#333333" android:layout_height="0dp"> <ImageView android:id="@+id/playing_image" android:layout_width="match_parent" android:alpha="0.8" android:layout_height="match_parent" /> <LinearLayout android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent"> <ScrollView android:layout_weight="1" android:overScrollMode="never" android:scrollbars="none" android:layout_margin="5dp" android:layout_width="match_parent" android:layout_height="0dp"> <TextView android:id="@+id/playing_lyrics" android:overScrollMode="always" android:gravity="center_horizontal" android:layout_width="match_parent" android:layout_height="match_parent" android:textSize="25dp" android:textColor="#b1b1b1"/> </ScrollView> <LinearLayout android:layout_width="match_parent" android:orientation="vertical" android:layout_height="120dp"> <SeekBar android:id="@+id/seek_bar" android:layout_marginTop="10dp" android:layout_marginBottom="10dp" android:layout_width="match_parent" android:layout_height="30dp" /> <LinearLayout android:orientation="horizontal" android:layout_weight="1" android:layout_marginBottom="10dp" android:layout_width="match_parent" android:layout_height="0dp"> <ImageView android:id="@+id/playing_mode" android:layout_weight="1" android:src="@drawable/play_btn_loop" android:layout_width="0dp" android:layout_height="match_parent" /> <ImageView android:id="@+id/playing_prev" android:layout_weight="1" android:src="@drawable/play_btn_prew" android:layout_width="0dp" android:layout_height="match_parent" /> <ImageView android:id="@+id/playing_play_pause" android:layout_weight="1" android:src="@drawable/play_btn_play" android:layout_width="0dp" android:layout_height="match_parent" /> <ImageView android:id="@+id/playing_next" android:layout_weight="1" android:src="@drawable/play_btn_next" android:layout_width="0dp" android:layout_height="match_parent" /> <ImageView android:id="@+id/playing_audio" android:layout_weight="1" android:src="@drawable/music_icn_more_prs" android:layout_width="0dp" android:scaleType="center" android:layout_height="match_parent" /> </LinearLayout> </LinearLayout> </LinearLayout> </FrameLayout></LinearLayout>
fragment_music_list 碎片
listview用来显示播放列表
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.agmcs.musicplayer.MusicListFrag"> <ListView android:id="@+id/music_listview" android:layout_width="match_parent" android:layout_height="match_parent"> </ListView></FrameLayout>
fragment_about碎片
什么都没有...
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.agmcs.musicplayer.AboutFrag"> <!-- TODO: Update blank fragment layout --> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/hello_blank_fragment" /></FrameLayout>
fragment_net_list碎片
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.agmcs.musicplayer.NetListFrag"> <!-- TODO: Update blank fragment layout --> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="NetList" /></FrameLayout>
Android 音乐播放器--界面的实现(一)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。