欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android自定義View實現(xiàn)跟隨手指移動

 更新時間:2022年08月17日 15:42:09   作者:這個殺手不太累  
這篇文章主要為大家詳細介紹了Android自定義View實現(xiàn)跟隨手指移動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

對View的移動,實現(xiàn)的方法有好幾種,原理是通過改變View的位置來移動View,下面來實現(xiàn)這樣的效果

  • 動畫的方法

通過改變View的tranlationX和tranlationY的值來實現(xiàn)移動,首先來寫一個自定義View類,重寫onTouchEvent方法,實現(xiàn)構(gòu)造方法

public class MyView extends View {
? ? public MyView(Context context) {
? ? ? ? super(context);
? ? }

? ? public MyView(Context context, @Nullable AttributeSet attrs) {
? ? ? ? super(context, attrs);
? ? }

? ? public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
? ? ? ? super(context, attrs, defStyleAttr);
? ? }

? ? @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
? ? public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
? ? ? ? super(context, attrs, defStyleAttr, defStyleRes);
? ? }

? ? @Override
? ? public boolean onTouchEvent(MotionEvent event) {
? ? ? ? return true;//這里我們要消費這個事件,所以返回了true
? ? }
}

關(guān)于移動的處理邏輯都在onTouchEvent方法中,下面的代碼主要針對onTouchEvent方法修改,其它代碼不再貼上了

首先要獲取手指點擊移動在屏幕上的坐標(biāo),使用

int x = (int)event.getRawX();//獲取x軸上的位置?
int y = (int)event.getRawY();//獲取y軸上的位置

處理事件的模板代碼

switch(event.getAction()){
?? ?case MotionEvent.ACTION_DOWN://點擊事件
?? ??? ?break;
?? ?case MotionEvent.ACTION_MOVE://移動事件
?? ??? ?break;
?? ?case MotionEvent.ACTION_UP://離開事件
?? ??? ?break;
?? ?default:
?? ??? ?break;
}

通過判斷事件的類型,將在ACTION_MOVE事件中計算移動前后的差值來設(shè)置View的translationX和translationY值來改變View的位置,這里需要記錄上次的位置,所以需要2個變量,代碼如下

private int mLaxtX;
private int mLaxtY;

? @Override
? ? public boolean onTouchEvent(MotionEvent event) {
? ? ? ? int x = (int) event.getRawX();
? ? ? ? int y = (int) event.getRawY();
? ? ? ? switch (event.getAction()) {
? ? ? ? ? ? case MotionEvent.ACTION_DOWN:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_MOVE:
? ? ? ? ? ? ? ? int deltaX = x - mLastX;//計算x坐標(biāo)上的差值
? ? ? ? ? ? ? ? int deltaY = y - mLastY;//計算y坐標(biāo)上的差值
? ? ? ? ? ? ? ? float tranX = getTranslationX() + deltaX ;//要平移的x值
? ? ? ? ? ? ? ? float tranY = getTranslationY() + deltaY;//要平移的y值
? ? ? ? ? ? ? ? setTranslationX(tranX);//設(shè)置值
? ? ? ? ? ? ? ? setTranslationY(tranY);
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_UP:

? ? ? ? ? ? ? ? break;
? ? ? ? ? ? default:
? ? ? ? ? ? ? ? break;
? ? ? ? }
? ? ? ? mLastX = x;//記錄上次的坐標(biāo)
? ? ? ? mLastY = y;
? ? ? ? return true;
? ? }
  • layout方法

View在繪制的時候,會調(diào)用onLayout方法來設(shè)置顯示的位置,可以通過這個方法來實現(xiàn)移動

//layout方法實現(xiàn)
switch (event.getAction()) {
? ?case MotionEvent.ACTION_DOWN:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_MOVE:
? ? ? ? ? ? ? ? //計算偏移量
? ? ? ? ? ? ? ? int offsetX = x - mLastX;
? ? ? ? ? ? ? ? int offsetY = y - mLastY;
? ? ? ? ? ? ? ? //重新布局
? ? ? ? ? ? ? ? layout(getLeft() + offsetX, getTop() + offsetY,
? ? ? ? ? ? ? ? ? ? ? ? getRight() + offsetX, getBottom() + offsetY);
? ? ? ? ? ? ? ? //也可以使用下面這種方法
// ? ? ? ? ? ? ? ?offsetLeftAndRight(offsetX);
// ? ? ? ? ? ? ? ?offsetTopAndBottom(offsetY);
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_UP:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? default:
? ? ? ? ? ? ? ? break;
? ? ? ? }
? ? ? ? mLastX = x;
? ? ? ? mLastY = y;
  • LayoutParams

LayoutParams保存了一個View的布局參數(shù),通過改變這個參數(shù),重繪View也可以實現(xiàn)移動

//LayoutParams方法
?switch (event.getAction()) {
? ? ? ? ? ? case MotionEvent.ACTION_DOWN:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_MOVE:
? ? ? ? ? ? ? ? int offsetX = x - mLastX;
? ? ? ? ? ? ? ? int offsetY = y - mLastY;
? ? ? ? ? ? ? ? //示例代碼的父View是LinearLayout
? ? ? ? ? ? ? ? LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
? ? ? ? ? ? ? ? layoutParams.leftMargin = getLeft() + offsetX;
? ? ? ? ? ? ? ? layoutParams.topMargin = getTop() + offsetY;
? ? ? ? ? ? ? ? //下面這兩句都可以使用,setLayoutParams也會調(diào)用requestLayout
? ? ? ? ? ? ? ? // ? ? ? ? ? ? ? ?setLayoutParams(layoutParams);
? ? ? ? ? ? ? ? requestLayout();
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_UP:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? default:
? ? ? ? ? ? ? ? break;
? ? ? ? }

這里先介紹這幾種方法

完整代碼如下:

public class MyView extends View {
? ? public MyView(Context context) {
? ? ? ? super(context);
? ? }

? ? public MyView(Context context, @Nullable AttributeSet attrs) {
? ? ? ? super(context, attrs);
? ? }

? ? public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
? ? ? ? super(context, attrs, defStyleAttr);
? ? }

? ? @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
? ? public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
? ? ? ? super(context, attrs, defStyleAttr, defStyleRes);
? ? }

? ? private int mLastX;
? ? private int mLastY;

? ? @Override
? ? public boolean onTouchEvent(MotionEvent event) {
? ? ? ? int x = (int) event.getRawX();
? ? ? ? int y = (int) event.getRawY();
? ? ? ? //動畫實現(xiàn)移動代碼
? ? ? ? //--------------------------------------------------
// ? ? ? ?switch (event.getAction()) {
// ? ? ? ? ? ?case MotionEvent.ACTION_DOWN:
//
// ? ? ? ? ? ? ? ?break;
// ? ? ? ? ? ?case MotionEvent.ACTION_MOVE:
// ? ? ? ? ? ? ? ?int delaltax = x - mLastX;
// ? ? ? ? ? ? ? ?int delaltaY = y - mLastY;
// ? ? ? ? ? ? ? ?float tranX = getTranslationX() + delaltax;
// ? ? ? ? ? ? ? ?float tranY = getTranslationY() + delaltaY;
// ? ? ? ? ? ? ? ?setTranslationX(tranX);
// ? ? ? ? ? ? ? ?setTranslationY(tranY);
// ? ? ? ? ? ? ? ?break;
// ? ? ? ? ? ?case MotionEvent.ACTION_UP:
//
// ? ? ? ? ? ? ? ?break;
// ? ? ? ? ? ?default:
// ? ? ? ? ? ? ? ?break;
// ? ? ? ?}
? ? ? ? //-----------------------------------------------

? ? ? ? //layout方法實現(xiàn)
// ? ? ? ?switch (event.getAction()) {
// ? ? ? ? ? ?case MotionEvent.ACTION_DOWN:
// ? ? ? ? ? ? ? ?break;
// ? ? ? ? ? ?case MotionEvent.ACTION_MOVE:
// ? ? ? ? ? ? ? ?//計算偏移量
// ? ? ? ? ? ? ? ?int offsetX = x - mLastX;
// ? ? ? ? ? ? ? ?int offsetY = y - mLastY;
// ? ? ? ? ? ? ? ?//重新布局
// ? ? ? ? ? ? ? ?layout(getLeft() + offsetX, getTop() + offsetY,
// ? ? ? ? ? ? ? ? ? ? ? ?getRight() + offsetX, getBottom() + offsetY);
// ? ? ? ? ? ? ? ?//也可以使用下面這種方法
? ? ? ? ? ? ? ? offsetLeftAndRight(offsetX);
? ? ? ? ? ? ? ? offsetTopAndBottom(offsetY);
// ? ? ? ? ? ? ? ?break;
// ? ? ? ? ? ?case MotionEvent.ACTION_UP:
// ? ? ? ? ? ? ? ?break;
// ? ? ? ? ? ?default:
// ? ? ? ? ? ? ? ?break;
// ? ? ? ?}
? ? ? ? //---------------------------------------------

? ? ? ? //LayoutParams方法
? ? ? ? switch (event.getAction()) {
? ? ? ? ? ? case MotionEvent.ACTION_DOWN:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_MOVE:
? ? ? ? ? ? ? ? int offsetX = x - mLastX;
? ? ? ? ? ? ? ? int offsetY = y - mLastY;
? ? ? ? ? ? ? ? //示例代碼的父View是LinearLayout
? ? ? ? ? ? ? ? LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
? ? ? ? ? ? ? ? layoutParams.leftMargin = getLeft() + offsetX;
? ? ? ? ? ? ? ? layoutParams.topMargin = getTop() + offsetY;
? ? ? ? ? ? ? ? //下面這兩句都可以使用,setLayoutParams也會調(diào)用requestLayout
? ? ? ? ? ? ? ? // ? ? ? ? ? ? ? ?setLayoutParams(layoutParams);
? ? ? ? ? ? ? ? requestLayout();
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_UP:
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? default:
? ? ? ? ? ? ? ? break;
? ? ? ? }

? ? ? ? mLastX = x;
? ? ? ? mLastY = y;
? ? ? ? return true;
? ? }
}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論