网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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

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

专注于为中小企业提供网站设计制作、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业武进免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

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

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

XML布局

<?xml version="1.0" encoding="utf-8"?>

  

    

      

        
                  
        

      



      

        
                  
        

      
 

        
                  
        

      


      

        
                  
        

      
      

        
                  
        

      

      

        
                  
        

      

      

        
                  
        

      

    

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 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实现上下左右滑动界面布局
链接URL:http://bjjierui.cn/article/iheghd.html

其他资讯