Android實(shí)現(xiàn)帶磁性的懸浮窗體效果
本文實(shí)例講述了Android實(shí)現(xiàn)帶磁性的懸浮窗體效果。分享給大家供大家參考,具體如下:
帶磁性的懸浮窗體,類似于360綠色小人
主要實(shí)現(xiàn)的是:
1.懸浮所有窗體之上
2.有吸引力,吸附于屏幕邊上
3.有點(diǎn)擊效果
下面我就實(shí)現(xiàn)上面三點(diǎn),簡(jiǎn)單封裝了個(gè)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)整坐標(biāo) windowManagerParams.gravity = Gravity.LEFT | Gravity.TOP; // 以屏幕左上角為原點(diǎn),設(shè)置x、y初始值 windowManagerParams.x = 0; windowManagerParams.y = 200; // 設(shè)置懸浮窗口長(zhǎng)寬數(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() { // 更新浮動(dòng)窗口位置參數(shù) windowManagerParams.x = (int) (x - mTouchX); windowManagerParams.y = (int) (y - mTouchY); windowManager.updateViewLayout(this, windowManagerParams); // 刷新顯示 } }
完整實(shí)例代碼點(diǎn)擊此處本站下載。
如果需要用上面的類可以這樣做
floatView = new FloatView(this); // 創(chuàng)建窗體 floatView.setOnClickListener(this); // 設(shè)置事件,你需要實(shí)現(xiàn)FloatView里的onclick接口 floatView.show(); // 顯示該窗體 floatView.hide(); // 隱藏窗體
PS 不要忘記在manifest里加上權(quán)限(更多manifest功能與權(quán)限可參考本站:Android Manifest功能與權(quán)限描述大全:http://tools.jb51.net/table/AndroidManifest)
上面有個(gè)bug 就是點(diǎn)擊的時(shí)候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; }
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android資源操作技巧匯總》、《Android文件操作技巧匯總》、《Android操作SQLite數(shù)據(jù)庫(kù)技巧總結(jié)》、《Android操作json格式數(shù)據(jù)技巧總結(jié)》、《Android數(shù)據(jù)庫(kù)操作技巧總結(jié)》、《Android編程開發(fā)之SD卡操作方法匯總》、《Android開發(fā)入門與進(jìn)階教程》、《Android視圖View技巧總結(jié)》及《Android控件用法總結(jié)》
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。
相關(guān)文章
Android CalendarView,DatePicker,TimePicker,以及NumberPicker的使
這篇文章主要介紹了Android CalendarView,DatePicker,TimePicker,以及NumberPicker的使用的相關(guān)資料,需要的朋友可以參考下2016-12-12設(shè)置Android系統(tǒng)永不鎖屏永不休眠的方法
在進(jìn)行Android系統(tǒng)開發(fā)的時(shí)候,有些特定的情況需要設(shè)置系統(tǒng)永不鎖屏,永不休眠。本篇文章給大家介紹Android 永不鎖屏,開機(jī)不鎖屏,刪除設(shè)置中休眠時(shí)間選項(xiàng),需要的朋友一起學(xué)習(xí)吧2016-03-03Android 實(shí)現(xiàn)局部圖片滑動(dòng)指引效果
這篇文章主要介紹了Android 實(shí)現(xiàn)局部圖片滑動(dòng)指引效果的相關(guān)資料,需要的朋友可以參考下2017-01-01Android自定義ViewGroup實(shí)現(xiàn)受邊界限制的滾動(dòng)操作(3)
這篇文章主要為大家詳細(xì)介紹了Android自定義ViewGroup實(shí)現(xiàn)受邊界限制的滾動(dòng)操作,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12Android Flutter圖片處理之高斯模糊的實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了如何利用Android Flutter實(shí)現(xiàn)高斯模糊效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08Android實(shí)現(xiàn)截屏與截長(zhǎng)圖功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)截屏,以及Android實(shí)現(xiàn)截長(zhǎng)圖功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-05-05Android開發(fā)Jetpack組件DataBinding用例詳解
這篇文章主要為大家介紹了Android開發(fā)Jetpack組件DataBinding的使案用例詳解說明,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2022-02-02Android編程判斷手機(jī)上是否安裝了某個(gè)程序的方法
這篇文章主要介紹了Android編程判斷手機(jī)上是否安裝了某個(gè)程序的方法,涉及Android針對(duì)程序包的操作及進(jìn)程判斷的相關(guān)技巧,需要的朋友可以參考下2015-11-11Android中監(jiān)聽系統(tǒng)網(wǎng)絡(luò)連接打開或者關(guān)閉的實(shí)現(xiàn)代碼
本篇文章對(duì)Android中監(jiān)聽系統(tǒng)網(wǎng)絡(luò)連接打開或者關(guān)閉的實(shí)現(xiàn)用實(shí)例進(jìn)行了介紹。需要的朋友參考下2013-05-05