热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

Android仿UC浏览器左右上下滚动功能

这篇文章主要介绍了Android仿UC浏览器左右上下滚动功能,左右滑动显示菜单,上下滑动滚动内容,需要的朋友可以参考下

本文要解决在侧滑菜单右边加个文本框,并能实现文本的上下滑动和菜单的左右滚动。这里推荐可以好好看看android的触摸事件的分发机制,这里我就不详细讲了,我只讲讲这个应用。要实现的功能就像UC浏览器(或其它手机浏览器)的左右滚动,切换网页,上下滚动,拖动内容。
本文的效果:

 

一、功能要求与实现
1、功能要求:
(1)手指一开始按着屏幕左右移动时,只能左右滚动菜单,如果这时手指一直按着,而且上下移动了,那么菜单显示部分保持不变,但文本框也不上下移动!                      
(2)手指一开始按着屏幕上下移动时,只能上下滚动文本框,如果这时手指一直按着,而且左右移动了,那么文本框显示部分保持不变,但菜单也不左右移动!
2、初步实现:
      左边的菜单项增加一个listview,为右边的内容项添加一个textview,并且为了能让它实现上下滚动的功能,给textview加了个scrollview。
       这种效果肯定是不对的,你看,我们手指上下禾移动文本时,如果还左右移动了,菜单也显示出来了。

 

3、修改实现   
     这时我就想从触摸事件的分发入手,这里因为我是把ScrollView的触摸事件注册到LinearLayout。(LinearLayout中包含了ScrollView,不懂看下面的布局)中去,所以触摸事件会先传递给LinearLayout。
分以下两种情况:
(1)如果是手指左右移动,则把触摸事件传给LinearLayout。函数onTouch返回true,表示触摸事件不再传递下去,那么ScrollView就动不了了
(2)如果是手指上下移动,触摸事件先传给LinearLayout,但LinearLayout不做任何处理,直接传递给ScrollView,ScrollView来处理触摸事件。
这是修改后的效果:

                                             

二、布局与代码
1、布局

 
  
   
      
  
  
  
 
   
  
  
 
 

2、代码

package com.example.learningjava; 
import java.util.ArrayList; 
import java.util.HashMap; 
import java.util.Map; 
import com.example.learningjava.R.string; 
import android.R.integer; 
import android.R.menu; 
import android.os.AsyncTask; 
import android.os.Build; 
import android.os.Bundle; 
import android.annotation.SuppressLint; 
import android.annotation.TargetApi; 
import android.widget.AdapterView; 
import android.widget.AdapterView.OnItemClickListener; 
import android.widget.ArrayAdapter; 
import android.widget.LinearLayout.LayoutParams; 
import android.widget.ListView; 
import android.widget.ScrollView; 
import android.widget.Toast; 
import android.app.Activity; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.util.DisplayMetrics; 
import android.util.Log; 
import android.view.GestureDetector; 
import android.view.Menu; 
import android.view.MotionEvent; 
import android.view.VelocityTracker; 
import android.view.View; 
import android.view.View.OnTouchListener; 
import android.view.Window; 
import android.widget.LinearLayout; 
 
public class MainActivity extends Activity implements OnTouchListener{ 
  
 private LinearLayout menuLayout;//菜单项 
 private LinearLayout contentLayout;//内容项 
 private LayoutParams menuParams;//菜单项目的参数 
 private LayoutParams contentParams;//内容项目的参数contentLayout的宽度值 
  
 private int disPlayWidth;//手机屏幕分辨率 
 private float xDown;//手指点下去的横坐标 
 private float xMove;//手指移动的横坐标 
 private float xUp;//记录手指上抬后的横坐标 
 private float yDown;//手指点下去的纵坐标 
 private float yMove;//手指移动的纵坐标 
  
 private VelocityTracker mVelocityTracker; // 用于计算手指滑动的速度。 
 private float velocityX;//手指左右移动的速度 
 public static final int SNAP_VELOCITY = 400; //滚动显示和隐藏menu时,手指滑动需要达到的速度。 
 
 private boolean menuIsShow = false;//初始化菜单项不可翙 
 private static final int menuPadding=160;//menu完成显示,留给content的宽度 
  
 private ListView menuListView;//菜单列表的内容 
 private ScrollView scrollView;// 文本框的滚动条 
 private boolean wantToScrollText=false;//想要下下滚动文本内容 
 private boolean wantToScrollTextMenu=false; 
 private boolean OneFucction=false;//确保函数只被调用一次 
  
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  requestWindowFeature(Window.FEATURE_NO_TITLE); 
  setContentView(R.layout.activity_main); 
  initLayoutParams(); 
  initMenuList(); 
  initScrollView(); 
 } 
 /** 
 *初始化Layout并设置其相应的参数 
 */ 
 private void initLayoutParams() 
 { 
 //得到屏幕的大小 
  DisplayMetrics dm = new DisplayMetrics(); 
  getWindowManager().getDefaultDisplay().getMetrics(dm); 
  disPlayWidth =dm.widthPixels; 
  
  //获得控件 
  menuLayout = (LinearLayout) findViewById(R.id.menu); 
  cOntentLayout= (LinearLayout) findViewById(R.id.content); 
  findViewById(R.id.layout).setOnTouchListener(this); 
  
  //获得控件参数 
  menuParams=(LinearLayout.LayoutParams)menuLayout.getLayoutParams(); 
  cOntentParams= (LinearLayout.LayoutParams) contentLayout.getLayoutParams(); 
  
  //初始化菜单和内容的宽和边距 
  menuParams.width = disPlayWidth - menuPadding; 
  menuParams.leftMargin = 0 - menuParams.width; 
  contentParams.width = disPlayWidth; 
  contentParams.leftMargin=0; 
  
  //设置参数 
  menuLayout.setLayoutParams(menuParams); 
  contentLayout.setLayoutParams(contentParams); 
  
 } 
 /** 
 * 初始化菜单列表内容 
 */ 
 private void initMenuList() 
 { 
 final String[] strs = new String[] { "第1章 Java概述 ", "第2章 理解面向对象", "第3章 数据类型和运算符", "第4章 流程控制和数组", "第5章 面向对象(上)"}; 
  menuListView = (ListView) findViewById(R.id.menuList); 
  menuListView.setAdapter(new ArrayAdapter(this,android.R.layout.simple_list_item_1, strs));//为ListView绑定适配器 
  //启动列表点击监听事件 
  menuListView.setOnItemClickListener(new OnItemClickListener() { 
   @Override 
   public void onItemClick(AdapterView<&#63;> arg0, View arg1, int arg2,long arg3) { 
     Toast.makeText(getApplicationContext(),"您选择了" + strs[arg2], Toast.LENGTH_SHORT).show(); 
     
   } 
  }); 
   
 } 
 /** 
 * 初始化scrollView 
 */ 
 public void initScrollView(){ 
  scrollView = (ScrollView)this.findViewById(R.id.scrollview); 
  scrollView.setOnTouchListener(this);//绑定监听侧滑事件的View,即在绑定的View进行滑动才可以显示和隐藏左侧布局。 这句非常重要,不要设置它的触摸事件 了,要不会吞掉布局的触摸事件 
 } 
 
 @Override 
 public boolean onTouch(View v, MotionEvent event) 
 { 
  acquireVelocityTracker(event); 
  if (event.getAction()==MotionEvent.ACTION_DOWN) 
  { 
   xDown=event.getRawX(); 
   yDown=event.getRawY(); 
   return false; 
  } 
  else if(event.getAction()==MotionEvent.ACTION_MOVE) 
  { 
   if(wantToScrollText)//当前想滚动显示文本 
    return false; 
   xMove=event.getRawX(); 
   yMove=event.getRawY(); 
   if(menuIsShow){ 
    isScrollToShowMenu(); 
    return true; 
   } 
   if(!oneFucction) 
   { 
   OneFucction=true; 
   //这个if只能被调用一次 
   if(Math.abs(xDown-xMove)0; 
 } 
 /** 
 *想要隐藏菜单,当向左移动距离大于0并且菜单可见 
 */ 
 private boolean wantToHideMenu(){ 
  return menuIsShow&&xDown-xUp>0; 
 } 
 /** 
 *判断应该显示菜单,当向右移动的距离超过菜单的一半或者速度超过给定值 
 */ 
 private boolean shouldShowMenu(){ 
  return xUp-xDown>menuParams.width/2||velocityX>SNAP_VELOCITY; 
 } 
 /** 
 *判断应该隐藏菜单,当向左移动的距离超过菜单的一半或者速度超过给定值 
 */ 
 private boolean shouldHideMenu(){ 
  return xDown-xUp>menuParams.width/2||velocityX>SNAP_VELOCITY; 
 } 
 /** 
 * 显示菜单栏 
 */ 
 private void showMenu() 
 { 
  new showMenuAsyncTask().execute(50); 
  menuIsShow=true; 
 } 
 /** 
 * 隐藏菜单栏 
 */ 
 private void hideMenu() 
 { 
  new showMenuAsyncTask().execute(-50); 
  menuIsShow=false; 
 } 
 /** 
 *指针按着时,滚动将菜单慢慢显示出来 
 *@param scrollX 每次滚动移动的距离 
 */ 
 private void scrollToShowMenu(int scrollX) 
 { 
  if(scrollX>0&&scrollX<= menuParams.width) 
  menuParams.leftMargin =-menuParams.width+scrollX; 
  menuLayout.setLayoutParams(menuParams); 
 } 
 /** 
 *指针按着时,滚动将菜单慢慢隐藏出来 
 *@param scrollX 每次滚动移动的距离 
 */ 
 private void scrollToHideMenu(int scrollX) 
 { 
  if(scrollX>=-menuParams.width&&scrollX<0) 
  menuParams.leftMargin=scrollX; 
  menuLayout.setLayoutParams(menuParams); 
 } 
  
 
 /** 
 * 创建VelocityTracker对象,并将触摸content界面的滑动事件加入到VelocityTracker当中。 
 * @param event 向VelocityTracker添加MotionEvent 
 */ 
 private void acquireVelocityTracker(final MotionEvent event) { 
  if(null == mVelocityTracker) { 
   mVelocityTracker = VelocityTracker.obtain(); 
  } 
  mVelocityTracker.addMovement(event); 
 } 
 /** 
 * 获取手指在content界面滑动的速度。 
 * @return 滑动速度,以每秒钟移动了多少像素值为单位。 
 */ 
 private int getScrollVelocity() { 
  mVelocityTracker.computeCurrentVelocity(1000); 
  int velocity = (int) mVelocityTracker.getXVelocity(); 
  
  return Math.abs(velocity); 
 } 
 /** 
 * 释放VelocityTracker 
 */ 
 private void releaseVelocityTracker() { 
  if(null != mVelocityTracker) { 
   mVelocityTracker.clear(); 
   mVelocityTracker.recycle(); 
   mVelocityTracker = null; 
  } 
 } 
 /** 
 * 
 *:模拟动画过程,让肉眼能看到滚动的效果 
 * 
 */ 
 class showMenuAsyncTask extends AsyncTask 
 { 
 
  @Override 
  protected Integer doInBackground(Integer... params) 
  { 
   int leftMargin = menuParams.leftMargin; 
   while (true) 
   {// 根据传入的速度来滚动界面,当滚动到达左边界或右边界时,跳出循环。 
    leftMargin += params[0]; 
    if (params[0] > 0 && leftMargin > 0) 
    { 
     leftMargin= 0; 
     break; 
    } else if (params[0] <0 && leftMargin <-menuParams.width) 
    { 
     leftMargin=-menuParams.width; 
     break; 
    } 
    publishProgress(leftMargin); 
    try 
    { 
     Thread.sleep(40);//休眠一下,肉眼才能看到滚动效果 
    } catch (InterruptedException e) 
    { 
     e.printStackTrace(); 
    } 
   } 
   return leftMargin; 
  } 
  @Override 
  protected void onProgressUpdate(Integer... value) 
  { 
   menuParams.leftMargin = value[0]; 
   menuLayout.setLayoutParams(menuParams); 
  } 
 
  @Override 
  protected void onPostExecute(Integer result) 
  { 
   menuParams.leftMargin = result; 
   menuLayout.setLayoutParams(menuParams); 
  } 
 
 } 
} 

三、原理与说明
原理 :
1、将ScrollView的触摸事件注册到LinearLayout中去。(LinearLayout中包含了ScrollView,不懂看布局)
2、首先判断手势是想要左右运动还是上下运动,如果是左右运动,那么LinearLayout得到触摸事件,即函数OnTouch返回true;如果想上下运动,即函数OnTouch返回false;
这里要注意的是,手势判断只一次,什么意思呢?就是说你第1次按下,到你一直按着,这中间只判断一次你的手势想要做的运动。
3、手指离开屏幕后,再来恢复所有的参数。

这是为大家分享的源码,请下载:Android仿UC浏览器左右上下滚动功能,希望本文所述对大家学习Android软件编程有所帮助。


推荐阅读
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • eclipse学习(第三章:ssh中的Hibernate)——11.Hibernate的缓存(2级缓存,get和load)
    本文介绍了eclipse学习中的第三章内容,主要讲解了ssh中的Hibernate的缓存,包括2级缓存和get方法、load方法的区别。文章还涉及了项目实践和相关知识点的讲解。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • HDFS2.x新特性
    一、集群间数据拷贝scp实现两个远程主机之间的文件复制scp-rhello.txtroothadoop103:useratguiguhello.txt推pushscp-rr ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • Android开发实现的计时器功能示例
    本文分享了Android开发实现的计时器功能示例,包括效果图、布局和按钮的使用。通过使用Chronometer控件,可以实现计时器功能。该示例适用于Android平台,供开发者参考。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • Android Studio Bumblebee | 2021.1.1(大黄蜂版本使用介绍)
    本文介绍了Android Studio Bumblebee | 2021.1.1(大黄蜂版本)的使用方法和相关知识,包括Gradle的介绍、设备管理器的配置、无线调试、新版本问题等内容。同时还提供了更新版本的下载地址和启动页面截图。 ... [详细]
author-avatar
纤妍内衣天旺店
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有