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

Android实现网易新闻客户端侧滑菜单(2)

这篇文章主要为大家详细介绍了Android实现网易新闻客户端侧滑菜单第二篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

前面已经讲过通过三方开源库SlideMenu来实现这种效果,请参考Android实现网易新闻客户端侧滑菜单(一)

今天通过自定义View来实现这种功能。

代码如下:

SlideMenu.java

package com.jackie.slidemenu.view; 
 
import android.content.Context; 
import android.graphics.Canvas; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewConfiguration; 
import android.view.ViewGroup; 
import android.widget.Scroller; 
 
public class SlideMenu extends ViewGroup { 
 
 private int mMostRecentX;  // 最后一次x轴的偏移量 
  
 private final int MENU_SCREEN = 0;  // 菜单界面 
 private final int MAIN_SCREEN = 1;  // 主界面 
 private int mCurrentScreen = MAIN_SCREEN;  // 当前屏幕显示的是主界面 
 private Scroller mScroller; 
 
 private int touchSlop; 
 
 public SlideMenu(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  mScroller = new Scroller(context); 
   
  touchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); 
 } 
 
 /** 
  * 测量出所有子布局的宽和高 
  */ 
 @Override 
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
  super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
   
  measureView(widthMeasureSpec, heightMeasureSpec); 
 } 
  
 /** 
  * 测量所有子布局的宽和高 
  * @param widthMeasureSpec 父布局也就是ViewGroup的宽度测量规格 
  * @param heightMeasureSpec 父布局也就是ViewGroup的高度测量规格 
  */ 
 private void measureView(int widthMeasureSpec, int heightMeasureSpec) { 
  // 测量菜单的宽和高 
  View menuView = getChildAt(0); 
  menuView.measure(menuView.getLayoutParams().width, heightMeasureSpec); 
   
  // 测量主界面的宽和高 
  View mainView = getChildAt(1); 
  mainView.measure(widthMeasureSpec, heightMeasureSpec);  // 主界面的宽和高和父控件viewgroup的宽高一样 
 } 
 
 @Override 
 protected void onLayout(boolean changed, int l, int t, int r, int b) { 
  // 布置菜单的位置 
  View menuView = getChildAt(0); 
  menuView.layout(-menuView.getMeasuredWidth(), 0, 0, b); 
   
  // 布置主界面的位置 
  View mainView = getChildAt(1); 
  mainView.layout(0, 0, r, b); 
 } 
 
 @Override 
 public boolean onTouchEvent(MotionEvent event) { 
  switch (event.getAction()) { 
  case MotionEvent.ACTION_DOWN: 
   mMostRecentX = (int) event.getX(); 
   break; 
  case MotionEvent.ACTION_MOVE: 
   // 最新的x轴偏移量 
   int moveX = (int) event.getX(); 
    
   // 增量值 
   int deltaX = mMostRecentX - moveX; 
    
   // 把最新的x轴偏移量赋值给成员变量 
   mMostRecentX = moveX; 
    
   // 得到x轴移动后的偏移量 
   int newScrollX = getScrollX() + deltaX; 
    
   if(newScrollX <-getChildAt(0).getWidth()) {  // 当前屏幕x轴的偏移量超过了菜单的左边界 
    // 回到菜单的左边界位置 
    scrollTo(-getChildAt(0).getWidth(), 0); 
   } else if(newScrollX > 0) {  // 超过了主界面的右边界 
    // 回到主界面的右边界 
    scrollTo(0, 0); 
   } else { 
    scrollBy(deltaX, 0); 
   } 
   break; 
  case MotionEvent.ACTION_UP: 
   int scrollX = getScrollX();  // x轴最新的偏移量 
    
   int menuXCenter = -getChildAt(0).getWidth() / 2;  // 菜单x轴的中心点 
    
   if(scrollX > menuXCenter) { // 切换到主界面 
    mCurrentScreen = MAIN_SCREEN; 
   } else { // 切换到菜单界面 
    mCurrentScreen = MENU_SCREEN; 
   } 
   switchScreen(); 
   break; 
  default: 
   break; 
  } 
  return true; 
 } 
 
 /** 
  * 根据mCurrentScreen切换屏幕 
  */ 
 private void switchScreen() { 
  int scrollX = getScrollX(); // 当前x轴的偏移量 
  int dx = 0; 
   
  if(mCurrentScreen == MAIN_SCREEN) { // 切换到主界面 
//   scrollTo(0, 0); 
   dx = 0 - scrollX; 
  } else if(mCurrentScreen == MENU_SCREEN) { // 切换到菜单界面 
//   scrollTo(-getChildAt(0).getWidth(), 0); 
   dx = -getChildAt(0).getWidth() - scrollX; 
  } 
   
  mScroller.startScroll(scrollX, 0, dx, 0, Math.abs(dx) * 5); 
   
  invalidate();  // invalidate -> drawChild -> child.draw -> computeScroll 
 } 
 
 /** 
  * invalidate出发此方法, 更新屏幕的x轴的偏移量 
  */ 
 @Override 
 public void computeScroll() { 
  if(mScroller.computeScrollOffset()) {  // 判断是否正在模拟数据中, true 正在进行 false 数据模拟完毕 
   scrollTo(mScroller.getCurrX(), 0); 
    
   invalidate();  // 引起computeScroll的调用 
  } 
 } 
 
 /** 
  * 是否显示菜单 
  * @return 
  */ 
 public boolean isShowMenu() { 
  return mCurrentScreen == MENU_SCREEN; 
 } 
  
 /** 
  * 隐藏菜单 
  */ 
 public void hideMenu() { 
  mCurrentScreen = MAIN_SCREEN; 
  switchScreen(); 
 } 
  
 /** 
  * 显示菜单 
  */ 
 public void showMenu() { 
  mCurrentScreen = MENU_SCREEN; 
  switchScreen(); 
 } 
 
 /** 
  * 拦截事件的方法 
  */ 
 @Override 
 public boolean onInterceptTouchEvent(MotionEvent ev) { 
  switch (ev.getAction()) { 
  case MotionEvent.ACTION_DOWN: 
   mMostRecentX = (int) ev.getX(); 
   break; 
  case MotionEvent.ACTION_MOVE: 
    
   int diffX = (int) (ev.getX() - mMostRecentX); 
   if(Math.abs(diffX) > touchSlop) { 
    return true; 
   } 
   break; 
  default: 
   break; 
  } 
  return super.onInterceptTouchEvent(ev); 
 } 
  
} 

MainActivity.java

package com.jackie.slidemenu; 
 
import com.jackie.slidemenu.view.SlideMenu; 
 
import android.os.Bundle; 
import android.app.Activity; 
import android.view.Menu; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.Window; 
import android.widget.TextView; 
import android.widget.Toast; 
 
public class MainActivity extends Activity implements OnClickListener { 
 
 private SlideMenu mSlideMenu; 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  // 去除标题, 需要在setContentView之前调用 
  requestWindowFeature(Window.FEATURE_NO_TITLE); 
  setContentView(R.layout.activity_main); 
   
   
  mSlideMenu = (SlideMenu) findViewById(R.id.slidemenu); 
  findViewById(R.id.iv_slidemenu_main_back).setOnClickListener(this); 
   
   
 } 
 
 @Override 
 public boolean onCreateOptionsMenu(Menu menu) { 
  // Inflate the menu; this adds items to the action bar if it is present. 
  getMenuInflater().inflate(R.menu.main, menu); 
  return true; 
 } 
 
 @Override 
 public void onClick(View v) { 
  if(mSlideMenu.isShowMenu()) { 
   mSlideMenu.hideMenu(); 
  } else { 
   mSlideMenu.showMenu(); 
  } 
 } 
 
 public void click(View v) { 
  TextView tv = (TextView) v; 
  Toast.makeText(this, tv.getText(), 0).show(); 
 } 
}

系列文章:

Android实现网易新闻客户端效果

Android实现网易新闻客户端侧滑菜单(1)

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


推荐阅读
  • 优化局域网SSH连接延迟问题的解决方案
    本文介绍了解决局域网内SSH连接到服务器时出现长时间等待问题的方法。通过调整配置和优化网络设置,可以显著缩短SSH连接的时间。 ... [详细]
  • 本文介绍如何通过SSH协议使用Xshell远程连接到Ubuntu系统。为了实现这一目标,需要确保Ubuntu系统已安装并配置好SSH服务器,并保证网络连通性。 ... [详细]
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 本文详细介绍了如何在BackTrack 5中配置和启动SSH服务,确保其正常运行,并通过Windows系统成功连接。涵盖了必要的密钥生成步骤及常见问题解决方法。 ... [详细]
  • 掌握远程执行Linux脚本和命令的技巧
    本文将详细介绍如何利用Python的Paramiko库实现远程执行Linux脚本和命令,帮助读者快速掌握这一实用技能。通过具体的示例和详尽的解释,让初学者也能轻松上手。 ... [详细]
  • 在现代网络环境中,两台计算机之间的文件传输需求日益增长。传统的FTP和SSH方式虽然有效,但其配置复杂、步骤繁琐,难以满足快速且安全的传输需求。本文将介绍一种基于Go语言开发的新一代文件传输工具——Croc,它不仅简化了操作流程,还提供了强大的加密和跨平台支持。 ... [详细]
  • 网络运维工程师负责确保企业IT基础设施的稳定运行,保障业务连续性和数据安全。他们需要具备多种技能,包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • moment 国际化设置中文语言 (全局) 及使用示例 ... [详细]
  • 深入解析 Spring Security 用户认证机制
    本文将详细介绍 Spring Security 中用户登录认证的核心流程,重点分析 AbstractAuthenticationProcessingFilter 和 AuthenticationManager 的工作原理。通过理解这些组件的实现,读者可以更好地掌握 Spring Security 的认证机制。 ... [详细]
  • 本文介绍如何在现有网络中部署基于Linux系统的透明防火墙(网桥模式),以实现灵活的时间段控制、流量限制等功能。通过详细的步骤和配置说明,确保内部网络的安全性和稳定性。 ... [详细]
  • Git管理工具SourceTree安装与使用指南
    本文详细介绍了Git管理工具SourceTree的安装、配置及团队协作方案,旨在帮助开发者更高效地进行版本控制和项目管理。 ... [详细]
  • 本文详细介绍如何在Linux系统中配置SSH密钥对,以实现从一台主机到另一台主机的无密码登录。内容涵盖密钥对生成、公钥分发及权限设置等关键步骤。 ... [详细]
  • 对象自省自省在计算机编程领域里,是指在运行时判断一个对象的类型和能力。dir能够返回一个列表,列举了一个对象所拥有的属性和方法。my_list[ ... [详细]
  • Python 工具推荐 | PyHubWeekly 第二十一期:提升命令行体验的五大工具
    本期 PyHubWeekly 为大家精选了 GitHub 上五个优秀的 Python 工具,涵盖金融数据可视化、终端美化、国际化支持、图像增强和远程 Shell 环境配置。欢迎关注并参与项目。 ... [详细]
author-avatar
此人已死689
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有