Android實現(xiàn)帶磁性的懸浮窗體效果
本文實例講述了Android實現(xiàn)帶磁性的懸浮窗體效果。分享給大家供大家參考,具體如下:
帶磁性的懸浮窗體,類似于360綠色小人
主要實現(xiàn)的是:
1.懸浮所有窗體之上
2.有吸引力,吸附于屏幕邊上
3.有點擊效果
下面我就實現(xiàn)上面三點,簡單封裝了個FloatView
先看下本次Demo的效果圖,然后再看代碼,
效果圖:

FloatView代碼如下
package com.manymore13.flowwindowdemo;
import android.content.Context;
import android.graphics.PixelFormat;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.WindowManager;
import android.view.WindowManager.LayoutParams;
import android.widget.ImageView;
/**
* @author manymore13
* @version 1.0
*/
public class FloatView extends ImageView{
private float mTouchX;
private float mTouchY;
private float x;
private float y;
private int startX;
private int startY;
private Context c;
private int imgId = R.drawable.ic_launcher;
private int controlledSpace = 20;
private int screenWidth;
boolean isShow = false;
private OnClickListener mClickListener;
private WindowManager windowManager ;
private WindowManager.LayoutParams windowManagerParams = new WindowManager.LayoutParams();
public FloatView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public FloatView(Context c)
{
super(c);
initView(c);
}
// 初始化窗體
public void initView(Context c)
{
windowManager = (WindowManager) c.getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
screenWidth = windowManager.getDefaultDisplay().getWidth();
this.setImageResource(imgId);
windowManagerParams.type = LayoutParams.TYPE_PHONE;
windowManagerParams.format = PixelFormat.RGBA_8888; // 背景透明
windowManagerParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL
| LayoutParams.FLAG_NOT_FOCUSABLE;
// 調(diào)整懸浮窗口至左上角,便于調(diào)整坐標
windowManagerParams.gravity = Gravity.LEFT | Gravity.TOP;
// 以屏幕左上角為原點,設置x、y初始值
windowManagerParams.x = 0;
windowManagerParams.y = 200;
// 設置懸浮窗口長寬數(shù)據(jù)
windowManagerParams.width = LayoutParams.WRAP_CONTENT;
windowManagerParams.height = LayoutParams.WRAP_CONTENT;
}
public void setImgResource(int id)
{
imgId = id;
}
@Override
public boolean onTouchEvent(MotionEvent event) {
x = event.getRawX();
y = event.getRawY();
switch(event.getAction())
{
case MotionEvent.ACTION_DOWN:
{
mTouchX = event.getX();
mTouchY = event.getY();
startX = (int) event.getRawX();
startY = (int) event.getRawY();
break;
}
case MotionEvent.ACTION_MOVE:
{
updateViewPosition();
break;
}
case MotionEvent.ACTION_UP:
{
if(Math.abs(x - startX) < controlledSpace && Math.abs(y - startY) < controlledSpace)
{
if(mClickListener != null)
{
mClickListener.onClick(this);
}
}
Log.i("tag", "x="+x+" startX+"+startX+" y="+y+" startY="+startY);
if(x <= screenWidth/2)
{
x = 0;
}else{
x = screenWidth;
}
updateViewPosition();
break;
}
}
return super.onTouchEvent(event);
}
// 隱藏該窗體
public void hide()
{
if(isShow)
{
windowManager.removeView(this);
isShow = false;
}
}
// 顯示該窗體
public void show()
{
if(isShow == false)
{
windowManager.addView(this, windowManagerParams);
isShow = true;
}
}
@Override
public void setOnClickListener(OnClickListener l) {
this.mClickListener = l;
}
private void updateViewPosition() {
// 更新浮動窗口位置參數(shù)
windowManagerParams.x = (int) (x - mTouchX);
windowManagerParams.y = (int) (y - mTouchY);
windowManager.updateViewLayout(this, windowManagerParams); // 刷新顯示
}
}
完整實例代碼點擊此處本站下載。
如果需要用上面的類可以這樣做
floatView = new FloatView(this); // 創(chuàng)建窗體 floatView.setOnClickListener(this); // 設置事件,你需要實現(xiàn)FloatView里的onclick接口 floatView.show(); // 顯示該窗體 floatView.hide(); // 隱藏窗體
PS 不要忘記在manifest里加上權限(更多manifest功能與權限可參考本站:Android Manifest功能與權限描述大全:http://tools.jb51.net/table/AndroidManifest)
上面有個bug 就是點擊的時候view下移
public int getStatusBarHeight() {
int titleBarHeight = 0;
Rect frame = new Rect();
mAct.getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);
titleBarHeight = frame.top;
if (titleBarHeight == 0) {
int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0) {
titleBarHeight = getResources().getDimensionPixelSize(resourceId);
}
}
return titleBarHeight;
}
更多關于Android相關內(nèi)容感興趣的讀者可查看本站專題:《Android編程之a(chǎn)ctivity操作技巧總結》、《Android資源操作技巧匯總》、《Android文件操作技巧匯總》、《Android操作SQLite數(shù)據(jù)庫技巧總結》、《Android操作json格式數(shù)據(jù)技巧總結》、《Android數(shù)據(jù)庫操作技巧總結》、《Android編程開發(fā)之SD卡操作方法匯總》、《Android開發(fā)入門與進階教程》、《Android視圖View技巧總結》及《Android控件用法總結》
希望本文所述對大家Android程序設計有所幫助。
相關文章
Android CalendarView,DatePicker,TimePicker,以及NumberPicker的使
這篇文章主要介紹了Android CalendarView,DatePicker,TimePicker,以及NumberPicker的使用的相關資料,需要的朋友可以參考下2016-12-12
Android自定義ViewGroup實現(xiàn)受邊界限制的滾動操作(3)
這篇文章主要為大家詳細介紹了Android自定義ViewGroup實現(xiàn)受邊界限制的滾動操作,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
Android Flutter圖片處理之高斯模糊的實現(xiàn)
這篇文章主要為大家詳細介紹了如何利用Android Flutter實現(xiàn)高斯模糊效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-08-08
Android開發(fā)Jetpack組件DataBinding用例詳解
這篇文章主要為大家介紹了Android開發(fā)Jetpack組件DataBinding的使案用例詳解說明,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步2022-02-02
Android中監(jiān)聽系統(tǒng)網(wǎng)絡連接打開或者關閉的實現(xiàn)代碼
本篇文章對Android中監(jiān)聽系統(tǒng)網(wǎng)絡連接打開或者關閉的實現(xiàn)用實例進行了介紹。需要的朋友參考下2013-05-05

