android實(shí)現(xiàn)上下左右滑動(dòng)界面布局
更新時(shí)間：2019年12月18日 09:49:28 作者：zhaohan___
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)上下左右滑動(dòng)的界面布局，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了android實(shí)現(xiàn)滑動(dòng)界面布局的具體代碼，供大家參考，具體內(nèi)容如下
1.我使用的是ScrollView嵌套HorizontalScrollView讓ScrollView負(fù)責(zé)上下滑動(dòng)HorizontalScrollView負(fù)責(zé)左右滑動(dòng)
2.以下代碼提供了思路和完成手段，請(qǐng)根據(jù)具體業(yè)務(wù)去進(jìn)行修改，我試過(guò)使用recyclerview進(jìn)行自定義，發(fā)現(xiàn)一旦有了復(fù)雜業(yè)務(wù)之后會(huì)掉幀卡頓所以使用了這種方法
XML布局
<?xml version="1.0" encoding="utf-8"?>
<test.smartonet.com.myapplication.PagerScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<HorizontalScrollView
android:id="@+id/hor"
android:layout_width="match_parent"
android:background="#e1f1f1"
android:layout_height="160dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center|left"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/>
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
android:id="@+id/hor1"
android:layout_width="match_parent"
android:scrollbars="none"
android:background="#a2f2f2"
android:layout_height="160dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center|left"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/>
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
android:id="@+id/hor2"
android:layout_width="match_parent"
android:scrollbars="none"
android:background="#a2a2f2"
android:layout_height="160dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center|left"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/>
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
android:id="@+id/hor3"
android:layout_width="match_parent"
android:scrollbars="none"
android:background="#f3f3f3"
android:layout_height="160dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center|left"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/>
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
android:id="@+id/hor4"
android:layout_width="match_parent"
android:scrollbars="none"
android:background="#a4f4f4"
android:layout_height="200dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center|left"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/>
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
android:id="@+id/hor5"
android:layout_width="match_parent"
android:scrollbars="none"
android:background="#f5f5f5"
android:layout_height="200dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center|left"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/>
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
android:id="@+id/hor6"
android:layout_width="match_parent"
android:scrollbars="none"
android:background="#a5f5f5"
android:layout_height="200dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center|left"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A1"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A2"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A3"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A4"/> <TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A5"/><TextView
android:layout_width="160dp"
android:layout_height="60dp"
android:gravity="center"
android:text="A6"/>
</LinearLayout>
</HorizontalScrollView>
</LinearLayout>
</test.smartonet.com.myapplication.PagerScrollView>
mainAvtivity的代碼
package test.smartonet.com.myapplication;
import android.annotation.SuppressLint;
import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.TextView;
import android.widget.Toast;
import org.w3c.dom.Text;
import java.lang.reflect.Array;
import java.util.ArrayList;
import java.util.List;
/**
* zhaohan creat 2019/3/6
*/
public class MainActivity extends AppCompatActivity {
String TAG = "主程序";
float mPosX;
float mPosY;
float mCurPosX;
float mCurPosY;
int offset=10;//偏移量
int friction = 10;//摩擦力
final List<HorizontalScrollView> list = new ArrayList();
@SuppressLint("ClickableViewAccessibility")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final PagerScrollView scrollView = findViewById(R.id.main);
list.add((HorizontalScrollView) findViewById(R.id.hor));
list.add((HorizontalScrollView) findViewById(R.id.hor1));
list.add((HorizontalScrollView) findViewById(R.id.hor2));
list.add((HorizontalScrollView) findViewById(R.id.hor3));
list.add((HorizontalScrollView) findViewById(R.id.hor4));
list.add((HorizontalScrollView) findViewById(R.id.hor5));
list.add((HorizontalScrollView) findViewById(R.id.hor6));
for(HorizontalScrollView horizontalScrollView:list){
horizontalScrollView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mPosX = event.getX();
mPosY = event.getY();
Log.w(TAG,mPosY+"");
break;
case MotionEvent.ACTION_MOVE:
mCurPosX = event.getX();
mCurPosY = event.getY();
case MotionEvent.ACTION_UP:
if (mCurPosX - mPosX > 0 && (Math.abs(mCurPosX - mPosX) > offset)) {
int speed = 10;//速度
int distance = 20;//滑動(dòng)距離
if((Math.abs(mCurPosX - mPosX))>50){
speed = (int) Math.abs(mCurPosX - mPosX)/friction;
distance = (int) Math.abs(mCurPosX - mPosX)/3;//滑動(dòng)距離
}
//向右滑動(dòng)
Log.w(TAG,"向右滑動(dòng)了！");
while(distance>0) {
distance = distance - speed;
for(HorizontalScrollView horizontalScrollView:list){
horizontalScrollView.smoothScrollBy(distance, 0);
}
}
return true;//true為屏蔽范圍內(nèi)的其他滑動(dòng)監(jiān)聽(tīng)
} else if (mCurPosX - mPosX < 0 && (Math.abs(mCurPosX - mPosX) > offset)) {
int speed = 10;//速度
int distance = 20;//滑動(dòng)距離
if((Math.abs(mCurPosX - mPosX))>50){
speed = (int) Math.abs(mCurPosX - mPosX)/friction;
distance = (int) Math.abs(mCurPosX - mPosX)/3;//滑動(dòng)距離
}
//向左滑動(dòng)
Log.w(TAG,"向左滑動(dòng)了！");
//改為滑動(dòng)
while(distance>0){
distance=distance-speed;
for(HorizontalScrollView horizontalScrollView:list){
horizontalScrollView.smoothScrollBy(-distance,0 );
}
}
return true;//true為屏蔽范圍內(nèi)的其他滑動(dòng)監(jiān)聽(tīng)
}
break;
}
return true;//true為屏蔽范圍內(nèi)的其他滑動(dòng)監(jiān)聽(tīng)
}
});
}
}
}
class PagerScrollView extends ScrollView {
private float xDistance, yDistance, xLast, yLast;
public PagerScrollView(Context context) {
super(context);
}
public PagerScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public PagerScrollView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
xDistance = yDistance = 0f;
xLast = ev.getX();
yLast = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
final float curX = ev.getX();
final float curY = ev.getY();
xDistance += Math.abs(curX - xLast);
yDistance += Math.abs(curY - yLast);
xLast = curX;
yLast = curY;
/**
* X軸滑動(dòng)距離大于Y軸滑動(dòng)距離，也就是用戶(hù)橫向滑動(dòng)時(shí)，返回false，ScrollView不處理這次事件，
* 讓子控件中的TouchEvent去處理，所以橫向滑動(dòng)的事件交由ViewPager處理，
* ScrollView只處理縱向滑動(dòng)事件
*/
if (xDistance > yDistance) {
return false;
}
}
return super.onInterceptTouchEvent(ev);
}
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)九格智能拼圖算法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
Android中的Adapter簡(jiǎn)單介紹，需要的朋友可以參考一下2013-06-06
RxJava兩步打造華麗的Android引導(dǎo)頁(yè)
如今，移動(dòng)應(yīng)用對(duì)首次使用的用戶(hù)呈現(xiàn)歡迎頁(yè)已經(jīng)越來(lái)越普遍了。這樣做的目的就是向用戶(hù)介紹并展示我們的應(yīng)用。本文給Android開(kāi)發(fā)的引導(dǎo)頁(yè)面提供了很多參考，非常值得一讀。2016-07-07
Android使用Item Swipemenulistview實(shí)現(xiàn)仿QQ側(cè)滑刪除功能
大家都用過(guò)QQ，肯定有人好奇QQ滑動(dòng)刪除Item的效果是怎樣實(shí)現(xiàn)的，其實(shí)我們使用Swipemenulistview就可以簡(jiǎn)單的實(shí)現(xiàn)。這篇文章主要介紹了Android使用ItemSwipemenulistview實(shí)現(xiàn)仿QQ側(cè)滑刪除功能,需要的朋友可以參考下2017-02-02
Android Studio連接SQLite數(shù)據(jù)庫(kù)的登錄注冊(cè)實(shí)現(xiàn)
這篇文章主要介紹了Android Studio連接SQLite數(shù)據(jù)庫(kù)的登錄注冊(cè)實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了AndroidStudio手勢(shì)識(shí)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Android 調(diào)用系統(tǒng)相冊(cè)選擇照片
這篇文章主要介紹了Android 調(diào)用系統(tǒng)相冊(cè)選擇照片的方法，幫助大家更好的進(jìn)行Android開(kāi)發(fā)，感興趣的朋友可以了解下2020-12-12
Android ListView適配器（Adapter）優(yōu)化方法詳解
這篇文章主要介紹了Android ListView優(yōu)化方法詳解的相關(guān)資料,這里舉例說(shuō)明該如何對(duì)ListView 進(jìn)行優(yōu)化，具有一定的參考價(jià)值，需要的朋友可以參考下2016-11-11
Android實(shí)現(xiàn)捕獲TextView超鏈接的方法
這篇文章主要介紹了Android實(shí)現(xiàn)捕獲TextView超鏈接的方法,涉及Android查找TextView中超鏈接的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
Android 多種dialog的實(shí)現(xiàn)方法(推薦)
下面小編就為大家分享一篇Android 多種dialog的實(shí)現(xiàn)方法(推薦)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01