Android 音乐播放器 (1)界面篇
来源:互联网 发布:魅力中国网络电视台 编辑:程序博客网 时间:2024/05/25 08:15
**先分享一下界面成品
大概就是这样的界面格式参了苹果手机自带的音乐播放器 配色参考了QQ音乐 总体来说还有很多不完善的地方 之后还会进行界面的优化**
我先把代码贴出来 会加很详细的注释来讲解布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/beijing3" >// <LinearLayout android:id="@+id/p_lan" android:layout_width="fill_parent" android:layout_height="80dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginTop="10dp" > <Button android:id="@+id/p_artist" android:layout_width="80dp" android:layout_height="fill_parent" android:layout_marginLeft="10dp" android:background="@drawable/artist" /> <Button android:id="@+id/p_like" android:layout_width="80dp" android:layout_height="fill_parent" android:layout_marginLeft="30dp" android:background="@drawable/like" /> <Button android:id="@+id/p_recent" android:layout_width="80dp" android:layout_height="fill_parent" android:layout_marginLeft="30dp" android:background="@drawable/recent" /> </LinearLayout> <LinearLayout android:id="@+id/w_lan" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/p_lan" android:layout_marginTop="20dp" > <TextView android:id="@+id/w_artist" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:text="艺术家" android:textColor="#FFFFFF" android:textSize="20dp" /> <TextView android:id="@+id/w_like" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="35dp" android:text="我的喜爱" android:textColor="#FFFFFF" android:textSize="20dp" /> <TextView android:id="@+id/w_recent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="40dp" android:text="最近播放" android:textColor="#FFFFFF" android:textSize="20dp" /> </LinearLayout> <LinearLayout android:id="@+id/d_lan" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/w_lan" android:layout_marginTop="10dp" android:orientation="horizontal" > <TextView android:id="@+id/xian1" android:layout_marginLeft="5dp" android:layout_width="90dp" android:layout_height="2dp" android:background="#FFFFFF"/> <TextView android:id="@+id/d_all" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="所有歌曲" android:textColor="#49CB66" android:textSize="25dp" /> <TextView android:id="@+id/xian2" android:layout_width="90dp" android:layout_height="2dp" android:layout_marginLeft="10dp" android:background="#FFFFFF" /> </LinearLayout> <ListView android:id="@+id/list" android:layout_width="fill_parent" android:layout_height="200dp" android:layout_below="@+id/d_lan" android:layout_above="@+id/b_lan" > </ListView> <LinearLayout android:id="@+id/b_lan" android:layout_width="fill_parent" android:layout_height="70dp" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" > <TextView android:id="@+id/b_name" android:layout_width="110dp" android:layout_height="40dp" android:text="歌名" /> <Button android:id="@+id/b_previous" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginLeft="10dp" android:background="@drawable/previous" /> <Button android:id="@+id/b_bofang" android:layout_width="60dp" android:layout_height="60dp" android:layout_marginLeft="10dp" android:background="@drawable/bofang" /> <Button android:id="@+id/b_next" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginLeft="10dp" android:background="@drawable/next" /> </LinearLayout></RelativeLayout>
大布局使用的相对布局 本来使用线性布局也可以
从上到下用了四个linearlayout 一个listview
分别是图片布局 文字布局 所有歌曲标题布局
歌曲清单列表
播放栏布局
为了保证图标的原型 不扁 基本我的控件的高度和宽度都是具体值
还有间距 都设置了 具体的数值
所有就有可能手机的分辨率问题出现 但是只要细心调就可以弄得很美观
背景图
图标
0 0
- Android 音乐播放器 (1)界面篇
- Android音乐播放器(1)--主界面
- Android Fragment应用实战(音乐播放器界面)
- Android音乐播放器(一)基础界面
- Android Fragment应用实战(音乐播放器界面)
- Android开发界面设计---音乐播放器界面
- Android实战 - 音心播放器 (MusicActivity-音乐播放页面界面实现)
- Android本地及网络音乐播放器-播放界面显示(二)
- 基于android的网络音乐播放器-播放控制界面(九)
- android 音乐播放器(播放,停止)
- Android开发本地及网络Mp3音乐播放器(六)实现独立音乐播放界面
- android 小型音乐播放器(实现播放、下一首、上一首、自动播放、随机播放按钮、当前播放歌曲界面)
- android原生音乐播放器界面字体显示不全
- android音乐播放器播放音乐卡
- Android 音乐播放 类似音乐播放器
- Android 音乐播放器的实现(二)界面的实现
- Android简易音乐播放器之界面实现(第一篇)
- Android 超简单音乐播放器(五) 发送歌曲信息到详情界面
- openstack 管理 vmware 小记
- 仿支付宝的密码均分输入框
- 遗传算法java代码
- 动态规划之01背包问题(最易理解的讲解)
- JavaScript之 ------ JavaScript与html的结合方式
- Android 音乐播放器 (1)界面篇
- IP地址的分配
- Roman to Integer - Leetcode
- pdb文件
- animate.css 动画制作
- 八大排序,各显神通
- Linux 献给初学者:谈谈如何学习Linux操作系统
- cordova-plugin-local-notifications本地通知推送在cordova 5.0.0以上版本编译报错解决办法
- 实现一个简单的滚动条