Android實現(xiàn)懸浮可拖拽的Button
本文實例為大家分享了Android實現(xiàn)懸浮可拖拽Button的具體代碼,供大家參考,具體內(nèi)容如下
1、簡介
最近,因為項目需要,需要制作一個界面上可拖拽的按鈕,網(wǎng)上也有多實例,看了下大部分都是示例不全或講解不清晰,效果圖也不明顯,借此自己記錄一番自己的實現(xiàn)方案,以備不時之需,同時也為廣大學者可以直接通過拷貝方式完成項目所需。
2、效果圖
在開始代碼之前,首先看看效果圖,如下:

3、核心代碼實現(xiàn)
3.1 DraggingButton 實現(xiàn)
public class DraggingButton extends android.support.v7.widget.AppCompatButton {
private int lastX = 0;
private int lastY = 0;
private int beginX = 0;
private int beginY = 0;
private int screenWidth = 720;
private int screenHeight = 1280;
public DraggingButton(Context context) {
this(context, null);
}
public DraggingButton(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public DraggingButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initData(context);
}
private void initData(Context context){
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics dm = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(dm);
screenWidth = dm.widthPixels;
screenHeight = dm.heightPixels;
}
@Override
public boolean onTouchEvent(MotionEvent event)
{
switch (event.getAction())
{
case MotionEvent.ACTION_DOWN:
lastX = (int) event.getRawX(); // 觸摸點與屏幕左邊的距離
lastY = (int) event.getRawY(); // 觸摸點與屏幕上邊的距離
beginX = lastX;
beginY = lastY;
break;
case MotionEvent.ACTION_MOVE:
int dx =(int)event.getRawX() - lastX; // x軸拖動的絕對距離
int dy =(int)event.getRawY() - lastY; // y軸拖動的絕對距離
// getLeft(): 子View的左邊界到父View的左邊界的距離, getRight():子View的右邊界到父View的左邊界的距離
// 如下幾個數(shù)據(jù)表示view應該在布局中的位置
int left = getLeft() + dx;
int top = getTop() + dy;
int right = getRight() + dx;
int bottom = getBottom() + dy;
if(left < 0){
left = 0;
right = left + getWidth();
}
if(right > screenWidth){
right = screenWidth;
left = right - getWidth();
}
if(top < 0){
top = 0;
bottom = top + getHeight();
}
if(bottom>screenHeight){
bottom = screenHeight;
top = bottom - getHeight();
}
layout(left, top, right, bottom);
lastX = (int) event.getRawX();
lastY = (int) event.getRawY();
break;
case MotionEvent.ACTION_UP:
// 解決拖拽的時候松手點擊事件觸發(fā)
if (Math.abs(lastX - beginX) < 10 && Math.abs(lastY - beginY) < 10){
return super.onTouchEvent(event);
}else{
setPressed(false);
return true;
}
default:
break;
}
return super.onTouchEvent(event);
}
}
核心代碼已經(jīng)奉獻,通過自定義的DraggingButton即可實現(xiàn)可拖拽功能,具體原理主要在于onTouchEvent和layout兩個函數(shù)的使用,具體細節(jié)不在講述,代碼注釋比較清晰。
4、舉個栗子
4.1 activity中的布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.android.study.example.uidemo.dragging.DraggingButton
android:id="@+id/tv_dragging"
android:layout_width="80dp"
android:layout_height="80dp"
android:gravity="center"
android:background="@drawable/drag_button_bg"
android:layout_margin="20dp"
android:padding="10dp"
android:text="懸浮\n按鈕1"
android:textSize="15sp"
android:layout_gravity="right"
android:textColor="#ffffff"/>
</LinearLayout>
4.2 樣式 drag_button_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape android:shape="oval">
<!--填充顏色-->
<solid android:color="#bf39b500" />
<!--描邊-->
<stroke android:width="2dp" android:color="#bf39b500" />
</shape>
</item>
<item>
<shape android:shape="oval">
<!--填充顏色-->
<solid android:color="#ff8bc34a" />
<!--描邊-->
<stroke android:width="2dp" android:color="#bf39b500"/>
</shape>
</item>
</selector>
4.3 activity 中的代碼
private DraggingButton mDraggintView;
mDraggintView = (DraggingButton) findViewById(R.id.tv_dragging);
mDraggintView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(FloatingActionBtnTestActivity.this, "click", Toast.LENGTH_SHORT).show();
}
});
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android開發(fā)之FloatingActionButton懸浮按鈕基本使用、字體、顏色用法示例
- Android自定義可拖拽的懸浮按鈕DragFloatingActionButton
- Android 中FloatingActionButton(懸浮按鈕)實例詳解
- Android中FloatingActionButton實現(xiàn)懸浮按鈕實例
- Android仿知乎懸浮功能按鈕FloatingActionButton效果
- Android懸浮按鈕點擊返回頂部FloatingActionButton
- Android開發(fā)懸浮按鈕 Floating ActionButton的實現(xiàn)方法
相關文章
Android Studio 中的Gradle構建系統(tǒng)示例
這篇文章主要介紹了Android Studio 中的Gradle構建系統(tǒng)示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
Android通過SeekBar調(diào)節(jié)布局背景顏色
這篇文章主要為大家詳細介紹了Android通過SeekBar調(diào)節(jié)布局背景顏色,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-04-04
Android創(chuàng)建外部lib庫及自定義View的圖文教程
這篇文章主要給大家介紹了關于Android創(chuàng)建外部lib庫及自定義View的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
Android 中okhttp自定義Interceptor(緩存攔截器)
這篇文章主要介紹了Android 中okhttp自定義Interceptor(緩存攔截器)的相關資料,需要的朋友可以參考下2017-03-03

