文章详情

登录

短信预约-IT技能 免费直播动态提醒

选择考试省份

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2022-06-06 11:53

关注

本文实例为大家分享了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;

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;
        
        if (xDistance > yDistance) {
          return false;
        }
    }
    return super.onInterceptTouchEvent(ev);
  }
}
您可能感兴趣的文章:Android仿抖音上下滑动布局Android运用onTouchEvent自定义滑动布局Android开发中RecyclerView模仿探探左右滑动布局功能


阅读原文内容投诉

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题

  • 2024年上半年信息系统项目管理师第二批次真题及答案解析（完整版）

    难度     813人已做
    查看

  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看

  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看

  • 2024年上半年软考高项第一、二批次真题考点汇总（完整版）

    难度     435人已做
    查看

  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机

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

移动开发2022-06-06

Android实现界面左右滑动切换功能

移动开发2022-06-06

ViewPager+RadioGroup实现左右滑动卡片布局

移动开发2024-04-02

android中使用Activity实现监听手指上下左右滑动

移动开发2022-06-06

如何使用ViewPager+RadioGroup实现左右滑动卡片布局

移动开发2023-06-29

Android实现左右滑动切换图片

移动开发2024-04-02

Android怎么实现菜单左右滑动

移动开发2023-09-28

Android实现图片左右滑动效果

移动开发2022-06-06

iOSObjective-c实现左右滑动切换页面

移动开发2022-11-13

Android开发中RecyclerView模仿探探左右滑动布局功能

移动开发2022-06-06

Android仿抖音上下滑动布局

移动开发2022-06-06

Android实现评论栏随Recyclerview滑动左右移动

移动开发2022-06-06

Android获取触摸手势实现左右滑动

移动开发2022-06-07

android左右滑动切换效果怎么实现

移动开发2023-10-23

CSS 实现从上到下从左到右的列表布局

移动开发CSSgrid布局2024-11-29

Android实现ListView左右滑动删除和编辑

移动开发2022-06-06

Android怎么实现左右滑动切换图片

移动开发2023-06-30

Android中怎么实现右滑返回上一个界面

移动开发2023-05-30

Android巧用ViewPager实现左右循环滑动图片

移动开发2022-06-06

Android实现左右滑动效果的方法详解

移动开发2022-06-06
位置：首页-资讯-移动开发
咦！没有更多了？去看看其它编程学习网 内容吧
首页课程
资料下载问答资讯