简单仿写Android控件SlidingMenu的实例代码

SlidingMenu (侧滑菜单形式)在android开发过程中,经常用到,这次我们通过一个简单案例来仿写SlidingMenu 的大体功能,下面 是主要实现的代码:

java代码:(重写onTouchEvent方法 处理侧滑菜单处的事件分发机制)

public class SlidingMenu extends ViewGroup implements OnClickListener {
 private View menu;
 private View main;
 private int menuWidth;
 private int downX;
 private Scroller mScroller;
 private ImageView iv_back;
 // 加载阶段,先加载自身,然后再加载孩子
 public SlidingMenu(Context context, AttributeSet attrs) {
  super(context, attrs);
  mScroller=new Scroller(context);//声明Scroller进行滚动
 }
 // 结束加载的回调
 @Override
 protected void onFinishInflate() {
  super.onFinishInflate();
  menu = getChildAt(0);
  main = getChildAt(1);
  menuWidth = menu.getLayoutParams().width;
  Log.i("test", "menuWidth:" + menuWidth);
  iv_back = (ImageView) findViewById(R.id.iv_back);
  iv_back.setOnClickListener(this);
 }
 // 默认ViewGroup只测量自身,并不测量自身的孩子
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  // 将onMeasure中的两个参数直接传给两个孩子
  menu.measure(widthMeasureSpec, heightMeasureSpec);
  main.measure(widthMeasureSpec, heightMeasureSpec);
 }
 // 布局
 // 参数1,2,3,4:左上右下
 @Override
 protected void onLayout(boolean changed, int l, int t, int r, int b) {
  menu.layout(-menuWidth, t, 0, b);
  main.layout(l, t, r, b);
 }
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
   downX = (int) event.getX();
   break;
  case MotionEvent.ACTION_MOVE:
   int moveX = (int) event.getX();
   int dX = moveX - downX;
   // scrollTo(x, y);//绝对移动
   // scrollBy(x, y);//相对移动
   // 获取滚动的坐标
   int scrollX = getScrollX();
   Log.i("test", "scrollX:" + scrollX);
   if (scrollX - dX >= -200 && scrollX - dX <= 0) {
    scrollBy(-dX, 0);
   }
   downX = moveX;
   break;
  case MotionEvent.ACTION_UP:
   int upScrollX = getScrollX();
   Log.i("test", "upScrollX:"+upScrollX);
   int dScrollX;
   if(upScrollX>-menuWidth/2){
    //收回去
    dScrollX=-upScrollX;
    isOpen=false;
   }else{
    //展开
    dScrollX=-menuWidth-upScrollX;
    isOpen=true;
   }
   Log.i("test", "dScrollX:"+dScrollX);
   mScroller.startScroll(upScrollX, 0, dScrollX, 0,20*dScrollX);
   //滚动后,要让界面重绘
   invalidate();
   break;
  default:
   break;
  }
  return true;
 }
 @Override
 public void computeScroll() {
  super.computeScroll();
  //调用这个方法来获取期望的滚动点,如果返回true,表示动画还没有执行完成
  if(mScroller.computeScrollOffset()){
   //用Scroller滚动,获取下一个期望的滚动点,滚动过去
   //获取期望点的滚动坐标
   int currX = mScroller.getCurrX();
   scrollTo(currX, 0);
   invalidate();
  }
 }
 private boolean isOpen;
 @Override
 public void onClick(View v) {
  switch (v.getId()) {
  case R.id.iv_back:
   int startX;
   int dx;
   if(!isOpen){
    startX=0;
    dx=-menuWidth;
   }else{
    startX=-menuWidth;
    dx=menuWidth;
   }
   isOpen=!isOpen;
   mScroller.startScroll(startX, 0, dx, 0, 2000);
   invalidate();
   break;
  default:
   break;
  }
 }
}

activity布局文件:

<mgzxc.myslidmenu.MySlidMenu
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <include layout="@layout/menu_layout" />
  <include layout="@layout/main_layout" />
 </mgzxc.myslidmenu.MySlidMenu>

主界面的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:gravity="center"
 android:background="@android:color/holo_blue_bright"
 android:layout_width="match_parent" android:layout_height="match_parent">
  <Button
   android:id="@+id/open"
   android:text="打开"
   android:textSize="30sp"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content" />
</RelativeLayout>

最终效果如下:

以上这篇简单仿写Android控件SlidingMenu的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • Android开源组件SlidingMenu侧滑菜单使用介绍

    现在很多android应用都有侧滑菜单,效果很不错. GitHub上有SlidingMenu的开源库,使用起来很方便. SlidingMenu GitHub地址:https://github.com/jfeinstein10/SlidingMenu.GitHub上说,Sliding结合ActionBarSherlock使用功能可以更丰富,ActionBarSherlock GitHub地址:https://github.com/JakeWharton/ActionBarSherlock 附csd

  • Android UI实现SlidingMenu侧滑菜单效果

    本篇博客给大家分享一个效果比较好的侧滑菜单的Demo,实现点击左边菜单切换Fragment. 效果如下: 主Activity代码: package com.infzm.slidingmenu.demo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.View; import android.view.View.OnClickListener; import android

  • Android SlidingMenu使用和示例详解

    很多APP都有侧滑菜单的功能,部分APP左右都是侧滑菜单~SlidingMenu 这个开源项目可以很好帮助我们实现侧滑功能,如果对SlidingMenu 还不是很了解的童鞋,可以参考下本篇博客.将侧滑菜单引入项目的方式很多中,本博客先通过例子介绍各种引入方式,然后给大家展示个实例:主布局ViewPager,左右各一个侧滑菜单的用法,差不多已经能满足大部分应用的需求了.关于常用属性,在文章末尾介绍. 1.在Activity中通过SlidingMenu构造方法,直接设置侧滑菜单 package co

  • 简单仿写Android控件SlidingMenu的实例代码

    SlidingMenu (侧滑菜单形式)在android开发过程中,经常用到,这次我们通过一个简单案例来仿写SlidingMenu 的大体功能,下面 是主要实现的代码: java代码:(重写onTouchEvent方法 处理侧滑菜单处的事件分发机制) public class SlidingMenu extends ViewGroup implements OnClickListener { private View menu; private View main; private int me

  • Android控件Gallery3D效果实例代码

    贴上代码: 1.扩展Gallery: 复制代码 代码如下: public class GalleryFlow extends Gallery { private Camera mCamera = new Camera();//相机类 private int mMaxRotationAngle = 60;//最大转动角度 private int mMaxZoom = -300;////最大缩放值 private int mCoveflowCenter;//半径值 public GalleryFlo

  • Android开发之拖动条/滑动条控件、星级评分控件功能的实例代码

    ProgressBar有2个子控件: SeekBar   拖动条控件 RatingBar   星级评分控件 1.拖动条控件 <SeekBar android:layout_width="300dp" android:layout_height="wrap_content" android:id="@+id/seekBar" android:min="0" android:max="100" andro

  • Android 倒计时控件 CountDownView的实例代码详解

    一个精简可自定义的倒计时控件,使用 Canvas.drawArc() 绘制.实现了应用开屏页的圆环扫过的进度条效果. 代码见https://github.com/hanjx-dut/CountDownView 使用 allprojects { repositories { ... maven { url 'https://jitpack.io' } } } dependencies { implementation 'com.github.hanjx-dut:CountDownView:1.1'

  • Android控件动态用法实例分析

    本文实例讲述了Android控件动态用法.分享给大家供大家参考.具体如下: 通常android里的界面布局都是在XML里设定好的 也就是说 在程序中,不能更改界面上的元素数量等, 比如聊天会话界面 当有人发言就要增加一个TextView,这就是动态增加控件,这就不能在XML里事先布局了! 不过还好,ANDROID使用控件也不是只有XML这一种方式 以下代码就是动态生产控件的JAVA程序 package com.fetion.android; import android.app.Activity

  • Android 实现控件悬浮效果实例代码

    随着移动互联网的快速发展,它已经和我们的生活息息相关了,在公交地铁里面都能看到很多人的人低头看着自己的手机屏幕,从此"低头族"一词就产生了,作为一名移动行业的开发人员,我自己也是一名"低头族",上下班时间在公交地铁上看看新闻来打发下时间,有时候也会看看那些受欢迎的App的一些界面效果,为什么人家的app那么受欢迎?跟用户体验跟UI设计也有直接的关系,最近在美团和大众点评的App看到如下效果,我感觉用户好,很人性化,所以自己也尝试着实现了下,接下来就讲解下实现思路!

  • 使用PlatformView将 Android 控件view制作成Flutter插件

    目录 引言 1. FlutterPlugin 创建 2. 创建 Android 控件 3. 注册 Android 控件 4. 封装 Android 层通信交互 ‘CustomViewController’ 代码说明 5. 在 flutter 中如何使用已注册的 Android 控件(view) 代码说明 如何使用这个View 6. 附上 example 完整代码 引言 小编最近在项目中实现相机识别人脸的功能,将 Android 封装的控件 view 进行中转,制作成 FlutterPlugin

  • Android控件RadioButton的使用方法

    本文实例为大家分享了Android控件RadioButton的使用代码,供大家参考,具体内容如下 内容 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res

  • Android拆轮子系列之写验证码控件的方法

    前言 先看看效果 怎么样不错吧?别急下面我就一步一步的教你实现. 用到的知识点总结: 1.Canvas和pint的使用,我们用它画点,线,字 2.View的基本用法 其实做这个东西还是很简单的,总体思路步骤如下: 1.准备一个Canvas. 2.向Canvas里面画几条斜杠. 3.向canvas里面画100个小点. 4.随机生成4个数字,然后画在canvas里面. 其实就是这么简单,没什么深奥的. 开始写编码 1.首先我们要重写View 既然我们要画验证码,那么我们就需要准备画笔(paint)和

  • android仿iphone滚轮控件显示效果

    android仿iphone滚轮控件显示效果,供大家参考,具体内容如下 在论坛里看到的,自己弄个效果: 这个滚动的WheelView /* * Android Wheel Control. * https://code.google.com/p/android-wheel/ * * Copyright 2010 Yuri Kanivets * * Licensed under the Apache License, Version 2.0 (the "License"); * you

随机推荐