- 浏览: 332113 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
xuanyuanxiaoxue:
...
Android - LayoutInflater -
柴兴博:
不错 多谢
Android 悬浮Activity并可拖动(访悬浮歌词) -
di1984HIT:
写的很好,我收藏一下。
java之动态代理模式(JDK和cglib) -
chinacssnj:
待测试,明天测,测试的结果发给大家
网络开发上传文件到服务器 -
fx_199182:
...
Android之MediaPlayer
天天动听, 这款Android手机上的音乐播放器,相信不少朋友都曾用过。 不知大家是否注意到,天天动听有一个迷你歌词的特效。
什么效果呢? 就是不管你切到什么画面, 歌词永远显示,并且可以拖动。 类型QQ音乐,在电脑上播放时显示的歌词效果。
下面先来看一下效果。
这个歌词是在所有界面之上的。
下面我们将这个效果解剖一下, 我认为主要有三个难点:
1. 歌词悬浮在所有页面之上
2. 歌词可以拖动位置
3. 歌词的播放效果 (颜色覆盖)
对于第一点,首先想到的就是 WindowManager , 这个类可能不少人都用过, 一般用于获取屏幕宽度、高度,那么这次就要利用这个类来让我们的歌词永远置顶。
通过查看API,我们看到,在WindowManager.LayoutParams类中,有好几个属性可以设置View置顶。
引用
TYPE_SYSTEM_OVERLAYWindow type: system overlay windows, which need to be displayed on top of everything else. TYPE_SYSTEM_ALERTWindow type: system window, such as low power alert. TYPE_PHONEThese windows are normally placed above all applications, but behind the status bar.
下面我们来测试一下, 通过下面几句代码,就可以让一个View凌驾在所有View之上。
WindowManager wm = (WindowManager)getApplicationContext().getSystemService(WINDOW_SERVICE); WindowManager.LayoutParams params = new WindowManager.LayoutParams(); params.type = WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY; params.width = WindowManager.LayoutParams.WRAP_CONTENT; params.height = WindowManager.LayoutParams.WRAP_CONTENT; TextView tv = new TextView(this); wm.addView(tv, params);
这边需要注意的是, WindowManager也是通过 getSystemService 来获取,但必须先 getApplicationContext, 否则就无效了。
直接WindowManager wm = (WindowManager)getSystemService(WINDOW_SERVICE); 这样是无效的 !! 还有一点就是,别忘了在Manifest.xml中添加权限:
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
现在我们这样做,我们已经可以让歌词永远置顶了。 但是不要得意,现在这样,结果是我们TextView在最顶层了, 然后你就会发现,页面上什么操作都不能做了, 在TextView下面的任何东西,你都点不了。
为了解决这个,我们必须加上flags参数,让当前的View失去焦点,从而让后面的页面获得焦点。代码如下:
params.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL | LayoutParams.FLAG_NOT_FOCUSABLE;
加上这一句就可以了。
好了,下面要处理的,就是让歌词可以移动。应该如何做呢? 我们知道,想要让一个View对象在页面上可以移动,只要实现其onTouchEvent事件即可。
下面开始实现第二步: 歌词移动!
首先我们自定义一个TextView类:MyTextView, 该类继承自TextView, 并实现其中的onTouchEvent方法,来看一下代码:
@Override public boolean onTouchEvent(MotionEvent event) { //触摸点相对于屏幕左上角坐标 x = event.getRawX(); y = event.getRawY() - TOOL_BAR_HIGH; Log.d(TAG, "------X: "+ x +"------Y:" + y); switch(event.getAction()) { case MotionEvent.ACTION_DOWN: startX = event.getX(); startY = event.getY(); break; case MotionEvent.ACTION_MOVE: updatePosition(); break; case MotionEvent.ACTION_UP: updatePosition(); startX = startY = 0; break; } return true; } //更新浮动窗口位置参数 private void updatePosition(){ // View的当前位置 params.x = (int)( x - startX); params.y = (int) (y - startY); wm.updateViewLayout(this, params); }
其中getRawX、getRawY用于获取触摸点离屏幕左上角的距离。 而getX、getY用于获取触摸点离textView左上角的距离.两者相减,就是View左上角的坐标了。另外需要注意的是,在显示View这个 View的时候,需要正确指定View的x,y坐标,否则拖动时会错位。
WindowManager wm = (WindowManager)getApplicationContext().getSystemService(WINDOW_SERVICE); WindowManager.LayoutParams params = MyTextView.params; params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT | WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY; params.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL | LayoutParams.FLAG_NOT_FOCUSABLE; params.width = WindowManager.LayoutParams.FILL_PARENT; params.height = WindowManager.LayoutParams.WRAP_CONTENT; params.alpha = 80; params.gravity=Gravity.LEFT|Gravity.TOP; //以屏幕左上角为原点,设置x、y初始值 params.x = 0; params.y = 0; tv = new MyTextView(TopFrame.this); wm.addView(tv, params);
其中下面三句是关键:
params.gravity=Gravity.LEFT|Gravity.TOP; //以屏幕左上角为原点,设置x、y初始值 params.x = 0; params.y = 0;
现在这样的话,就可以实现View的移动了。
下面实现第三步: 歌词的播放效果。那么本例仅仅做一个循环, 实际音乐播放器要复杂些,需要根据歌剧的长度及时间间隔,来计算歌词的覆盖速度,
再根据这个速度来覆盖歌词,呈现给用户。要实现歌词播放的效果,需要用到画笔Paint, 还要用到Shader,
还有一个就是UI刷新的问题。一起来看下代码:
@Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); float1 += 0.001f; float2 += 0.001f; if(float2 > 1.0){ float1 = 0.0f; float2 = 0.01f; } this.setText(""); float len = this.getTextSize() * text.length(); Shader shader = new LinearGradient(0, 0, len, 0, new int[] { Color.YELLOW, Color.RED }, new float[]{float1, float2}, TileMode.CLAMP); Paint p = new Paint(); p.setShader(shader); // 下面这句才控制歌词大小 p.setTextSize(20f); p.setTypeface(Typeface.DEFAULT_BOLD); //此处x,y坐标也要注意,尤其是y坐标,要与字体大小协调 canvas.drawText(text, 0, 20, p); }
再加上handler, 让他每隔3毫秒画一次, 就有了这个歌词播放的效果。
private Runnable update = new Runnable() { public void run() { MyTextView.this.update(); handler.postDelayed(update, 3); } }; private void update(){ postInvalidate(); }
转自:http://www.iteye.com/topic/1116001
- test2.rar (63.4 KB)
- 下载次数: 35
发表评论
-
Android中AsyncTask的简单用法
2012-01-13 16:00 1168在开发Android移动客户端的时候往往要使用多线程来进行操 ... -
Android应用的自动升级、更新模块的实现 .
2011-11-16 14:01 679http://www.eoeandroid.com/threa ... -
一个APK反编译利器Apktool
2011-11-16 13:54 1590一个APK反编译利器Apktool APK 本地化 ... -
自定义Android标题栏TitleBar布局
2011-11-14 14:13 1260很多网友发现自己Android程序的标题栏TitleBar区域 ... -
Android GPS获取地理位置 .
2011-11-14 14:11 862import android.app.Activity; i ... -
android ListView详解
2011-11-14 13:48 1063在android开发中ListView是比较常用的组件,它以列 ... -
Android之Content provider 详解
2011-11-14 13:35 2480Android是如何实现应用程序之间数据共享的?一个应用程序可 ... -
Android源码地址
2011-11-12 19:14 1054http://blog.csdn.net/ilittleone ... -
android之File
2011-11-11 22:39 20111:Fileservice package cn.itcas ... -
Android知识补漏
2011-11-09 22:33 01:AndroidManifiest.xml < ... -
深入剖析Android消息机制
2011-11-09 14:13 969在Android中,线程内部或者线程之间进行信息交互时经常会使 ... -
Android之Handler详解(四)
2011-11-09 14:00 1292d、自己创建新的线程,然后在新线程中创建Looper,主线程调 ... -
Android之Handler详解(三)
2011-11-09 13:58 1370c、将消息队列绑定到子线程上,主线程只管通过Handl ... -
Android之Handler详解(二)
2011-11-09 13:54 1669二:sendMessage版本的Handl ... -
Android之Handler详解(一)
2011-11-09 13:22 2295一个Handler允许你发送和处理消息(Message)以及 ... -
关于StartActivityForResult方法的使用
2011-10-31 17:11 1108根据方法名可知 这个方法是要得到启动后的Activity返回的 ... -
Android GWES
2011-10-24 16:13 1204第八章 Android GWES 8.1 View Syst ... -
Android系统服务-WindowManager
2011-10-24 16:10 1452WindowManager是Android中一个重要的服务 ... -
http通信
2011-10-15 17:31 1102HTTP(HyperText Transfer Proto ... -
android网络与通信(三种网络接口简述 )
2011-10-15 17:27 1440标准Java接口 java.net.*提供与联网有关的类 ...
相关推荐
一个java源码实现的Android悬浮框特效,用来模仿有些音乐播放器中的悬浮歌词功能,使用Android Activity并可拖动悬浮框,@author 丸子。触摸点相对于屏幕左上角坐标,这个悬浮歌词框支持更新界面,源代码内支持定义...
这个源码示例“安卓Android源码——悬浮Activity并可拖动(访悬浮歌词).zip”应该包含了实现以上步骤的代码。通过学习和分析这个示例,你可以了解到创建浮动窗口和实现拖动效果的具体技术细节,这对于开发类似功能的...
这个“Android参考源码-悬浮Activity并可拖动(访悬浮歌词).zip”文件应该包含了实现此类功能的示例代码。下面我们将详细探讨如何在Android中创建一个浮动且可拖动的Activity。 首先,我们要理解Android中的浮动...
Android应用源码之悬浮Activity并可拖动(访悬浮歌词.zip项目安卓应用源码下载Android应用源码之悬浮Activity并可拖动(访悬浮歌词.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习研究参考 3....
这个源码包"Android应用源码之悬浮Activity并可拖动(访悬浮歌词.zip"提供了这样的实现示例,我们可以从中学到以下几个关键知识点: 1. **悬浮窗口(Floating Window)**:在Android中,悬浮窗口通常通过实现`Service`...
在Android应用开发中,创建一个可以悬浮并且可拖动的Activity是一项常见的需求,例如实现类似悬浮歌词的效果。这个压缩包中的源码就是针对这一需求的一个示例。让我们深入探讨一下如何实现这样的功能。 首先,我们...
- `Android应用源码之悬浮Activity并可拖动(访悬浮歌词`这个项目可能包含一个主Activity,一个悬浮Activity(如`FloatingActivity`),一个自定义ViewGroup,以及一些必要的辅助类和资源文件。 - `MainActivity`...
本压缩包文件“安卓开发-悬浮Activity并可拖动(访悬浮歌词).zip”很可能包含了一个示例项目,用于演示如何在Android平台上创建这样一个功能。 首先,我们来理解悬浮Activity的核心概念。在Android中,悬浮窗口通常...
在Android开发中,实现一个悬浮Activity(通常称为悬浮窗或者悬浮小部件)并支持拖动功能,是一项常见的需求,尤其在音乐播放器、视频应用等需要显示浮动歌词或控制面板的场景下。这个源码项目提供了这样的实现方案...
在Android开发中,"悬浮Activity并可拖动悬浮歌词"是一种常见的增强用户体验的功能,它允许用户在使用其他应用的同时,可以有一个悬浮的窗口显示歌词,并且这个窗口可以自由地在屏幕上移动。这样的功能通常用于音乐...
免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,...
免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,...
在Android开发中,创建一个可拖动的悬浮窗和对话框悬浮窗是一项常见的需求,尤其在实现自定义功能或者增强用户体验时。这个压缩包文件很可能包含了一套完整的示例代码,帮助开发者理解并实现这样的功能。下面将详细...
在Android开发中,"android悬浮球实现"是一个常见的需求,主要目的是为了提供用户便捷的快捷操作入口或增强应用的功能交互性。悬浮球通常被称为Floating Action Button (FAB),它可以在屏幕的任何位置自由移动,类似...
在Android开发中,"悬浮Activity并可拖动"是一种常见的高级功能,通常用于实现类似悬浮歌词、浮动小部件或者浮动应用窗口的效果。这种技术可以让一个Activity像窗口一样漂浮在屏幕上方,用户可以自由地拖动它在屏幕...
这个 `(android实现可拖拽的悬浮框)使用示例` 提供了一个具体的实现方式,帮助开发者理解并应用到自己的项目中。下面将详细讲解如何在Android中创建这样一个功能。 首先,悬浮框通常通过`WindowManager`服务来添加...
在Android开发中,创建一个可伸缩式悬浮窗是一项实用且有趣的任务,它能为用户提供更灵活的操作体验。本文将详细讲解如何利用`WindowManager`实现这样的功能,并探讨相关技术要点。 首先,我们要理解`WindowManager...