脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → android滑动界面布局

android实现上下左右滑动界面布局

 更新时间：2019年12月18日 09:49:28   作者：zhaohan___  
这篇文章主要为大家详细介绍了android实现上下左右滑动的界面布局，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了android实现滑动界面布局的具体代码，供大家参考，具体内容如下

1.我使用的是ScrollView嵌套HorizontalScrollView让ScrollView负责上下滑动HorizontalScrollView负责左右滑动

2.以下代码提供了思路和完成手段，请根据具体业务去进行修改，我试过使用recyclerview进行自定义，发现一旦有了复杂业务之后会掉帧卡顿所以使用了这种方法

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;//滑动距离
                if((Math.abs(mCurPosX - mPosX))>50){
                  speed = (int) Math.abs(mCurPosX - mPosX)/friction;
                  distance = (int) Math.abs(mCurPosX - mPosX)/3;//滑动距离
                }
                //向右滑動
                Log.w(TAG,"向右滑动了！");
                while(distance>0) {
                  distance = distance - speed;
                  for(HorizontalScrollView horizontalScrollView:list){
                    horizontalScrollView.smoothScrollBy(distance, 0);
                  }
                }
                return true;//true为屏蔽范围内的其他滑动监听
              } else if (mCurPosX - mPosX < 0 && (Math.abs(mCurPosX - mPosX) > offset)) {
                int speed = 10;//速度
                int distance = 20;//滑动距离
                if((Math.abs(mCurPosX - mPosX))>50){
                  speed = (int) Math.abs(mCurPosX - mPosX)/friction;
                  distance = (int) Math.abs(mCurPosX - mPosX)/3;//滑动距离
                }
                //向左滑动
                Log.w(TAG,"向左滑动了！");
                //改为滑动
                while(distance>0){
                  distance=distance-speed;
                  for(HorizontalScrollView horizontalScrollView:list){
                    horizontalScrollView.smoothScrollBy(-distance,0 );
                  }
                }
                return true;//true为屏蔽范围内的其他滑动监听
              }
              break;
          }
          return true;//true为屏蔽范围内的其他滑动监听
        }
      });
    }
  }
}

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轴滑动距离大于Y轴滑动距离，也就是用户横向滑动时，返回false，ScrollView不处理这次事件，
         * 让子控件中的TouchEvent去处理，所以横向滑动的事件交由ViewPager处理，
         * ScrollView只处理纵向滑动事件
         */
        if (xDistance > yDistance) {
          return false;
        }
    }

    return super.onInterceptTouchEvent(ev);
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Android实现九格智能拼图算法

    Android实现九格智能拼图算法

    这篇文章主要为大家详细介绍了Android实现九格智能拼图算法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Android中的Adapter简单介绍

    Android中的Adapter简单介绍

    Android中的Adapter简单介绍，需要的朋友可以参考一下
    2013-06-06
  • RxJava两步打造华丽的Android引导页

    RxJava两步打造华丽的Android引导页

    如今，移动应用对首次使用的用户呈现欢迎页已经越来越普遍了。这样做的目的就是向用户介绍并展示我们的应用。本文给Android开发的引导页面提供了很多参考，非常值得一读。
    2016-07-07
  • Android使用Item Swipemenulistview实现仿QQ侧滑删除功能

    Android使用Item Swipemenulistview实现仿QQ侧滑删除功能

    大家都用过QQ，肯定有人好奇QQ滑动删除Item的效果是怎样实现的，其实我们使用Swipemenulistview就可以简单的实现。这篇文章主要介绍了Android使用ItemSwipemenulistview实现仿QQ侧滑删除功能,需要的朋友可以参考下
    2017-02-02
  • Android Studio连接SQLite数据库的登录注册实现

    Android Studio连接SQLite数据库的登录注册实现

    这篇文章主要介绍了Android Studio连接SQLite数据库的登录注册实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • AndroidStudio：手势识别

    AndroidStudio：手势识别

    这篇文章主要介绍了AndroidStudio手势识别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • Android 调用系统相册选择照片

    Android 调用系统相册选择照片

    这篇文章主要介绍了Android 调用系统相册选择照片的方法，帮助大家更好的进行Android开发，感兴趣的朋友可以了解下
    2020-12-12
  • Android ListView适配器（Adapter）优化方法详解

    Android ListView适配器（Adapter）优化方法详解

    这篇文章主要介绍了Android ListView优化方法详解的相关资料,这里举例说明该如何对ListView 进行优化，具有一定的参考价值，需要的朋友可以参考下
    2016-11-11
  • Android实现捕获TextView超链接的方法

    Android实现捕获TextView超链接的方法

    这篇文章主要介绍了Android实现捕获TextView超链接的方法,涉及Android查找TextView中超链接的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android 多种dialog的实现方法(推荐)

    Android 多种dialog的实现方法(推荐)

    下面小编就为大家分享一篇Android 多种dialog的实现方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01

最新评论