3.1 view的基礎(chǔ)知識(shí)

1. View的位置參數(shù)

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="60px"
    android:background="#aaccccee"
    tools:context="qingfengmy.developmentofart._3view.BaseViewActivity">

    <Button
        android:id="@+id/view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="30px"
        android:text="view" />
</RelativeLayout>
Log.e("aaa", "left=" + view.getLeft() + ",right=" + view.getRight() 
    + ",top=" + view.getTop() + ",bottom=" + view.getBottom());
Log.e("aaa", "x=" + view.getX() + ",y=" + view.getY() + ",translationX=" 
    + view.getTranslationX() + ",translationY=" + view.getTranslationY());
Log.e("aaa","width="+view.getWidth()+",height="+view.getHeight());
 left=30,right=294,top=30,bottom=174
 x=30.0,y=30.0,translationX=0.0,translationY=0.0
 width=264,height=144

換算關(guān)系如下:

width=right-left=294-30=264
height=bottom-top=174-30=144
x=left+translationX=30+0=30
y=top+translationY=30+0=30

left,right,top,bottom,x,y都是相對(duì)父View的位置。

2. MotionEvent

@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()){
        case MotionEvent.ACTION_DOWN:
            float x = event.getX();
            float y = event.getY();
            float rawX = event.getRawX();
            float rawY = event.getRawY();
            Log.e("aaa","x="+x+",y="+y+",rawX="+rawX+",rawY="+rawY);
            break;
        case MotionEvent.ACTION_MOVE:
            break;
        case MotionEvent.ACTION_UP:
            break;
        case MotionEvent.ACTION_CANCEL:
            break;
    }
    return super.onTouchEvent(event);
}
x=645.0,y=668.0,rawX=705.0,rawY=968.0

該ViewGroup的margin是60px,可見(jiàn)x,y是相對(duì)當(dāng)前View左上角的x和y坐標(biāo),而rawX和rawY返回的是相對(duì)于手機(jī)屏幕左上角x和y坐標(biāo)。

x=rawX-60=705-60=645
y方向上除了有60的距離外,還有Toolbar高度和狀態(tài)欄高度。

nexus5的ppi是445,和像素的換算關(guān)系是1dp=3px.狀態(tài)欄高度72px.獲得如下:

Rect frame = new Rect();
getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);
int statusBarHeight = frame.top;

Toolbar高度168,獲得如下:

TypedValue tv = new TypedValue();
if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.HONEYCOMB){
    if (getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true))
        actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data,getResources().getDisplayMetrics());
}else if(getTheme().resolveAttribute(R.attr.actionBarSize, tv, true)){
    actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data,getResources().getDisplayMetrics());
}

那么

y=rawY-actionBarHeight-stateBarHeight-60
    =968-168-72-60=668

3. TouchSlop

TouchSlop是系統(tǒng)所能識(shí)別出的被認(rèn)為是滑動(dòng)最小距離,小于這個(gè)距離的滑動(dòng)系統(tǒng)不認(rèn)為是滑動(dòng)。這是個(gè)常量,和設(shè)備有關(guān),在不同設(shè)備上這個(gè)值可能不同,通過(guò)如下方式獲得這個(gè)常量

int touchSlop = ViewConfiguration.get(this).getScaledTouchSlop();
Log.e("aaa","touchSlop="+touchSlop);

nexus5上這個(gè)值是24
看ViewConfiguration的源碼

private static final int TOUCH_SLOP = 8;

這里定義的常量是8,nexus5和px的換算是3倍關(guān)系,所以這里是24.

4. VelocityTracker

速度追蹤,用于追蹤手指在滑動(dòng)過(guò)程中的速度,包括水平和豎直速度。速度計(jì)算如下:

速度=(終點(diǎn)位置-起點(diǎn)位置)/時(shí)間段

使用方式如下:

public class BaseViewLayout extends RelativeLayout {
    private VelocityTracker mVelocityTracker;//速度追蹤者

    public BaseViewLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 使用VelocityTracker.obtain獲到速度追蹤器
        initVelocityTrackerIfNotExists();
        // 添加追蹤的event
        mVelocityTracker.addMovement(event);
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 返回true,否則后續(xù)的動(dòng)作接受不到
                return true;
            case MotionEvent.ACTION_MOVE:
                break;
            case MotionEvent.ACTION_UP:
                //1秒內(nèi)的速度
                mVelocityTracker.computeCurrentVelocity(1000);
                // 獲得速度前要先計(jì)算
                int velocityY = (int) mVelocityTracker.getYVelocity();
                int velocityX = (int) mVelocityTracker.getXVelocity();
                Log.e("aaa", "velocityX=" + velocityX + ",velocityY=" + velocityY);
                // 釋放資源
                recycleVelocityTracker();
                break;
            case MotionEvent.ACTION_CANCEL:
                break;
        }
        return super.onTouchEvent(event);
    }

    private void recycleVelocityTracker() {
        if (mVelocityTracker != null) {
            mVelocityTracker.recycle();
            mVelocityTracker = null;
        }
    }

    private void initVelocityTrackerIfNotExists() {
        if (mVelocityTracker == null) {
            mVelocityTracker = VelocityTracker.obtain();
        }
    }
}

5. GestureDetector

手勢(shì)檢測(cè)器,用于輔助檢測(cè)用戶的單擊,滑動(dòng),長(zhǎng)按,雙擊等行為。
使用方式如下:

public class GestureViewLayout extends RelativeLayout implements GestureDetector.OnGestureListener {
    GestureDetector gestureDetector = new GestureDetector(getContext(), this);

    public GestureViewLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 解決長(zhǎng)按屏幕無(wú)法拖動(dòng)的現(xiàn)象
        gestureDetector.setIsLongpressEnabled(false);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return gestureDetector.onTouchEvent(event);
    }

    // 手指輕輕觸摸屏幕的一瞬間
    @Override
    public boolean onDown(MotionEvent e) {
        return false;
    }

    // 手指輕輕觸摸屏幕,尚未松開(kāi)或拖動(dòng),和onDown相比,他強(qiáng)調(diào)的是沒(méi)有松開(kāi)或者拖動(dòng)
    @Override
    public void onShowPress(MotionEvent e) {

    }

    // 單擊
    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        return false;
    }

    // 滾動(dòng)
    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
        return false;
    }

    // 長(zhǎng)按
    @Override
    public void onLongPress(MotionEvent e) {

    }

    // 快速滑動(dòng)
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        return false;
    }
    
}

6. Scroller

彈性滑動(dòng)對(duì)象,用于實(shí)現(xiàn)View的彈性滑動(dòng)。用Veiw的scrollTo/scrollBy方法來(lái)進(jìn)行滑動(dòng)時(shí),其過(guò)程是瞬間完成的,沒(méi)有過(guò)度動(dòng)畫效果。Scroller的過(guò)程不是瞬間完成的,是有動(dòng)畫效果的。Scroller本身是無(wú)法讓View彈性滑動(dòng)的,它需要和View的computeScroll方法配合才能共同完成這個(gè)功能。

public class GestureViewLayout extends RelativeLayout implements GestureDetector.OnGestureListener {
    GestureDetector gestureDetector = new GestureDetector(getContext(), this);

    public GestureViewLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 解決長(zhǎng)按屏幕無(wú)法拖動(dòng)的現(xiàn)象
        gestureDetector.setIsLongpressEnabled(false);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return gestureDetector.onTouchEvent(event);
    }

    // 手指輕輕觸摸屏幕的一瞬間,這里fanhuitrue,下面方法才可以收到
    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }
    
    // 單擊
    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        int destX = (int) e.getX();
        int destY = (int) e.getY();
        smoothScrollTo(destX, destY);
        return true;
    }

    ...

    Scroller scroller = new Scroller(getContext());

    // 緩慢滾動(dòng)到指定位置
    private void smoothScrollTo(int destX, int destY) {
        int startX = (int) getX();
        int deltaX = startX - destX;
        int startY = (int) getY();
        int deltaY = startY - destY;
        // 2000ms內(nèi)滑向目標(biāo)位置,效果就是慢慢滑動(dòng)
        // dx,dy的計(jì)算是:起始坐標(biāo)-目標(biāo)坐標(biāo),否則會(huì)反向跑
        scroller.startScroll(startX, startY, deltaX, deltaY, 2000);
        invalidate();
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if (scroller.computeScrollOffset()) {
            scrollTo(scroller.getCurrX(), scroller.getCurrY());
            postInvalidate();
        }
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容