android实现上下左右滑动界面布局
时间:2022-07-27
本文章向大家介绍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);
}
}以上就是本文的全部内容，希望对大家的学习有所帮助。
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- TypeScript 4.0正式发布！现在是开始使用它的最佳时机
- 微服务开源框架TARS 之 基础组件
- Gitlab-ci:从零开始的前端自动化部署
- 从 1 到 0 构建博客项目(导读)
- 应该在JavaScript中使用Class吗
- Go语言小书 | 关于编译和语法
- Go语言小书 | 小试牛刀，从hello world开始
- 3分钟短文 | Laravel 中间件传递数据到控制器
- 3分钟短文 | Laravel 表单验证数组的数据
- 3分钟短文：Laravel 编程中优雅地添加定义常量
- 极客算法训练笔记(四)，栈和队列，从实际应用看数据结构
- 微博爬虫出错居然还和网络运营商有关
- 8.深入k8s：资源控制Qos和eviction及其源码分析
- 1. 不吹不擂，第一篇就能提升你对Bean Validation数据校验的认知
- CNN不用乘法? AdderNet和DeepShift论文理解