谷歌眼镜Mirror app简单MP3播放器界面

虽然我知道,Mirror是不可以播放音视频的 = =!,不过只是做个UI而已,有用的可以参考下~(背景:歌手|标题:歌名|中间:歌词[蓝色显示目前]|底部:时间[黄色显示播放时间])

效果图:

代码:

 1 <article>
 2   <img src="http://img2.imgtn.bdimg.com/it/u=394713825,2736623939&fm=23&gp=0.jpg" width="100%">
 3   <div class="overlay-gradient-tall"></div>
 4   <section>
 5     <h1 class="text-x-large">后来 - 刘若英</h1>
 6     <hr>
 7     <div class="align-center">
 8       <p>如果当时我们能</p>
 9       <p class="green">不那么倔强</p>
10       <p>现在也不那么遗憾</p>
11     </div>
12   </section>
13   <footer>
14     <p><span class="yellow">0:12</span> / 4:22</p>
15   </footer>
16 </article>

谷歌眼镜Mirror app简单MP3播放器界面

时间: 2024-08-25 19:33:11

谷歌眼镜Mirror app简单MP3播放器界面的相关文章

iOS 简单音乐播放器 界面搭建

如图搭建一个音乐播放器界面,具备以下几个简单功能: 1,界面协调,整洁. 2,点击播放,控制进度条. 3.三收藏歌曲,点击收藏,心形收藏标志颜色加深. 4,左右按钮,切换歌曲图片和标题. 5,点击中间图片,隐藏所有按钮,仅显示蓝色背景. 设计的整体思路: 1.在搭建界面的时候,为了整洁和方便后续的功能的添加,需要将整个的界面划分为几个部分: ①:最上面的一行包括:一个返回按钮.一个歌曲名称.一个收藏按钮: ②:第二行:一个slider控件.两侧是当前的歌曲播放进度和歌曲的总时长--两个lable

安卓MP3播放器开发实例(1)之音乐列表界面

学习安卓开发有一年了,想想这一年的努力,确实也收获了不少.也找到了比較如意的工作. 今天准备分享一个以前在初学阶段练习的一个项目.通过这个项目我真正的找到了开发安卓软件的感觉,从此逐渐步入安卓开发的正规.这个项目是当时借鉴Mars老师的初学视频做的安州手机的MP3播放器.自己又进行了改进,特别在歌词的优化和加入进度条方面的.因为是8个月前做的,水平非常0基础,bug应该非常多,如今自己又懒得再一次改进,仅仅希望可以给初学的朋友们提供一些帮助.或者起到抛砖引玉的效果.那我就心惬意足了. 先整体介绍

【Android】利用安卓的数据接口、多媒体处理编写内存卡Mp3播放器app

通过调用安卓的MediaPlayer可以直接完成Mp3等主流音频的播放,同时利用ContentResolver与Cursor可以直接读取安卓内在数据库的信息,直接获取当前sdcard中所有音频的列表,无须像<[Android]内存卡图片读取器,图库app>(点击打开链接)一样利用原始的Java代码去遍历整个sdcard卡,直接调用安卓固有的类既便捷又快速.最后,读取出来的Mp3可以通过适配器直接加载到ListView列表,做出如下所示的内存卡Mp3播放器app效果.本app在自己的真实的16G

x宝23大洋包邮的老式MP3播放器简单评测

(纯兴趣测评,非广告) 最近逛X宝,看到了这个古董级MP3播放器居然还在售,于是脑抽+情怀泛滥买了一个. 然后呢,从遥远的深圳跨越好几千公里邮过来了这个玩意: 那节南孚5号电池是我自己的,是为了对比一下大小,注意是5号大电池,不是它使用的7号小电池.第一眼看外观还行吧,卡扣固定的外壳,没有螺丝,颜色是十年前经典的地摊银(十五年前买过一个五块钱的FM收音机也是这个颜色):但是仔细一看做工感人,塑料外壳缝隙"巨大",连储存卡槽有有点外露,但是该卡住的卡扣没有没卡住的,谢天谢地不会散架.不过

谷歌眼镜Mirror app开发之简单新闻浏览页面

Mirror app和Google glass其他APP一样,UI简洁很重要,所以我们需要设计一下怎么布局. 本人的布局如下: 有个绿色的标题,白色的简介还有蓝色的来源,布局很简单,代码如下 1 <article> 2 <img src="http://static.freebuf.com/2014/07/weixing-220x150.jpg" width="100%" height="100%"> 3 <div

Android开发6:Service的使用(简单音乐播放器的实现)

前言 啦啦啦~各位好久不见啦~博主最近比较忙,而且最近一次实验也是刚刚结束~ 好了不废话了,直接进入我们这次的内容~ 在这篇博文里我们将学习Service(服务)的相关知识,学会使用 Service 进行后台工作, 学会使用 Service 与 Activity 进行通信,并在此知识基础上学会使用 MediaPlayer和简单的多线程编程.使用 Handle 更新 UI,并设计成功一个简单的音乐播放器. 是不是很高大上呢~一起来学习~ 基础知识 Service作为Android四大组件之一,在每

Android练习项目 Mp3播放器实现(二)

在经过几天的折腾之后,迎来了Mp3播放器的第二篇博客,这篇文章主要将如何实现播放器的播放,下一首,上一首,顺序播放,循环播放,随机播放,单曲循环等操作. 其实操作的过程中主要是通过参数的传递来实现功能的. 在activity里面互相传参有很多中方法,但对于activity和service进行交互有些方法并不适合,通过对Broadcast和BroadcastReceiver等操作,来控制播放的实现. 我们先设定好广播,然后通过发送信号来进行传递数据. 主要在activity里面动态注册广播,通过传

android开发之MediaPlayer+Service MP3播放器

http://blog.csdn.net/zzy916853616/article/details/6450753 [java] view plaincopy import java.io.File; import java.io.FilenameFilter; import java.util.ArrayList; import java.util.List; import android.app.ListActivity; import android.apps.service.Player

android实现MP3播放器

前一段时间考试,这个做好的项目一直没有时间总结.虽然在做项目的期间,把用到的各种技术都记录下来写成blog了,但还是应该有一个总体上的概括与总结. 这是自己做的第一个比较大型的项目,这个项目也就是mars大大视频第一季里最后介绍的那个项目.但自己坚持做下来,还是收货颇多.自己完完整整的做一个项目,与在视频了看mars大大啪啪啪的键盘打过去是完全不一样的感觉,过程中遇见了无数的困难,自己克服了无数的困难,只有自己做一遍,才真正能够有所体会. 好啦,下面来介绍一下这个简单的MP3播放器. 首先,是画