Android view隨觸碰滑動(dòng)效果
主要思路是通過父布局的onTouch(),
方法,獲取滑動(dòng)到的位置和點(diǎn)擊下的位置,再去設(shè)置子view的位置。我的代碼中考慮了在邊緣情況。需要注意的是,使用RelativeLayout,以imageView為例。從測試結(jié)果來看,bottomMargin 和rightMargin 性能非常差,最好還是用leftMargin與topMargin定位。
下面是運(yùn)行效果:
布局文件里面就是一個(gè)Relativelayout中有一個(gè)ImageView。如下
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/relativeLayout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.xingyi.moveviewwithtouch.MainActivity"> <ImageView android:id="@+id/imageView" android:layout_width="40dp" android:layout_height="40dp" android:background="@android:color/black"/> </RelativeLayout>
Java代碼如下,這里考慮了邊緣位置滑動(dòng)的效果。如果考慮,在最左邊緣imageView會(huì)有一半在屏幕之外,在最右邊緣會(huì)縮小,直到看不見。
package com.xingyi.moveviewwithtouch; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.MotionEvent; import android.view.View; import android.widget.ImageView; import android.widget.RelativeLayout; public class MainActivity extends AppCompatActivity { ImageView imageView; RelativeLayout relativeLayout; int heightRL,widthRL; int halfHeight,halfWidth; boolean first=true; private int widthImg; private int heightImg; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } //初始化視圖 private void initView() { imageView = (ImageView) findViewById(R.id.imageView); relativeLayout = (RelativeLayout) findViewById(R.id.relativeLayout); //獲取滑動(dòng)瞬間位置和點(diǎn)擊瞬間位置,并移動(dòng)imageview relativeLayout.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent motionEvent) { switch (motionEvent.getAction()) { case MotionEvent.ACTION_MOVE: moveView(imageView, motionEvent.getX(), motionEvent.getY()); break; case MotionEvent.ACTION_DOWN: getWidthAndHeight(); moveView(imageView, motionEvent.getX(), motionEvent.getY()); break; default: break; } return true; } }); } //因?yàn)椴荒茉诔跏蓟晥D時(shí)獲得長寬,而每次計(jì)算一次長寬又影響性能 private void getWidthAndHeight(){ if(first){ widthRL=relativeLayout.getWidth(); heightRL=relativeLayout.getHeight(); widthImg=imageView.getWidth(); heightImg=imageView.getHeight(); halfWidth = imageView.getWidth() / 2;//imageView寬度的一半 halfHeight = imageView.getHeight() / 2;//imageView高度的一半 first=false; } } //滑動(dòng)瞬間,將x和y分別作imageView的中心點(diǎn)到relativeLayout最左和頂端距離 private void moveView(View view, float x, float y) { RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) view.getLayoutParams(); //設(shè)置水平位置 if (x < halfWidth) {//左邊緣 params.leftMargin = 0;//設(shè)置imageview到左端距離為0 } else if (x > widthRL- halfWidth) { params.leftMargin = widthRL-widthImg;//設(shè)置imageview左端到左端端距離(params.rightMargin的性能非常糟糕) } else { params.leftMargin = (int) (x - halfWidth);//imageview左端到relativelayout左端距離 } //設(shè)置豎直位置 if (y < halfHeight) { params.topMargin = 0; } else if (y > heightRL - halfHeight) { params.topMargin = heightRL-widthImg;//params.bottomMargin的性能非常糟糕 } else { params.topMargin = (int) (y - halfHeight); } view.setLayoutParams(params); } }
總結(jié)
以上所述是小編給大家介紹的Android view隨觸碰滑動(dòng)效果,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Android實(shí)現(xiàn)文字垂直滾動(dòng)、縱向走馬燈效果的實(shí)現(xiàn)方式匯總
本文給大家分享了三種方式實(shí)現(xiàn)Android文字垂直滾動(dòng)、縱向走馬燈效果,文中給大家介紹了相關(guān)屬性及注意事項(xiàng),需要的朋友參考下吧2017-12-12Android如何創(chuàng)建可拖動(dòng)的圖片控件
這篇文章主要為大家詳細(xì)介紹了Android如何創(chuàng)建可拖動(dòng)的圖片控件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03android studio2.3如何編譯動(dòng)態(tài)庫的過程詳解
這篇文章主要給大家介紹了關(guān)于android studio 2.3如何編譯動(dòng)態(tài)庫的過程,文中通過示例代碼介紹的非常詳細(xì),對(duì)各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08Android BottomNavigationBar底部導(dǎo)航控制器使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Android BottomNavigationBar底部導(dǎo)航控制器使用方法,感興趣的小伙伴們可以參考一下2016-03-03Android實(shí)現(xiàn)相冊(cè)中圖片上傳或下載
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)相冊(cè)中圖片上傳或下載,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-05-05淺析Android手機(jī)衛(wèi)士讀取聯(lián)系人
這篇文章主要介紹了淺析Android手機(jī)衛(wèi)士讀取聯(lián)系人的相關(guān)內(nèi)容,通過getContentResolver()方法獲取獲取ContentResolver內(nèi)容解析器對(duì)象,對(duì)android手機(jī)衛(wèi)士讀取聯(lián)系人相關(guān)知識(shí)感興趣的朋友參考下吧2016-04-04ScrollView與SeekBar綁定實(shí)現(xiàn)滑動(dòng)時(shí)出現(xiàn)小滑塊效果
這篇文章主要為大家詳細(xì)介紹了ScrollView與SeekBar綁定實(shí)現(xiàn)滑動(dòng)時(shí)出現(xiàn)小滑塊效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10