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

Android实现3种侧滑效果(仿qq侧滑、抽屉侧滑、普通侧滑)

这篇文章主要为大家详细介绍了Android实现多种侧滑效果,包括仿qq侧滑,抽屉侧滑,普通侧滑三种效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

自己实现了一下侧滑的三种方式(注释都写代码里了)

本文Demo下载地址:Andriod侧滑

本文实现所需框架:nineoldandroids下载地址:nineoldandroids

1.普通侧滑:

主要是基于HorizontalScrollView做的:示例代码如下

主要布局:

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

 

 

 
 
 

 

菜单的布局

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 



定义view类

public class SlidingMenu_qq extends HorizontalScrollView {

 private LinearLayout mWapper;
 private ViewGroup mMenu;
 private ViewGroup mContent;
 //menu的宽度
 private int mMenuWidth;
 //屏幕的宽度(内容区的宽度就是屏幕宽度)
 private int mScreenWdith;
 //菜单与右边的距离50dp
 private int mMenuRightPidding = 50;
 //调用一次
 private boolean once;
 //标识状态
 private boolean isOPen;

 /**
 * 未使用自定义属性时调用
 * 由于设置了attr所以...
 *
 * @param context
 * @param attrs
 */
 public SlidingMenu_qq(Context context, AttributeSet attrs) {
 //调用三个参数的构造方法
 this(context, attrs, 0);
 //获取屏幕宽度(窗口管理器)
 /*WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
 //展示度量
 DisplayMetrics outMetrics = new DisplayMetrics();
 wm.getDefaultDisplay().getMetrics(outMetrics);
 mScreenWdith = outMetrics.widthPixels;
 //把dp转换成px
 mMenuRightPidding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 50, context.getResources().getDisplayMetrics());
*/
 }

 /**
 * 当实现自定义属性时会执行三个参数的方法
 *
 * @param context
 * @param attrs
 * @param defStyleAttr
 */
 public SlidingMenu_qq(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);

 //获取自定义的属性

 TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.SlidingMenu_qq, defStyleAttr, 0);
 //自定义属性个数
 int n = a.getIndexCount();
 for (int i = 0; i = mMenuWidth / 2) {
 //scrollTo也行但是动画效果不好 (隐藏)
 this.smoothScrollTo(mMenuWidth, 0);
 //代表菜单隐藏
 isOPen = false;
 } else {
 this.smoothScrollTo(0, 0);
 //表菜单打开
 isOPen = true;
 }
 return true;
 }
 return super.onTouchEvent(ev);
 }

 /**
 * 打开菜单
 */
 public void openMenu() {
 //已经打开
 if (isOPen) return;
 this.smoothScrollTo(0, 0);
 isOPen = true;
 }

 /**
 * 关闭菜单
 */
 public void closeMenu() {
 //正在打开
 if (!isOPen) return;
 this.smoothScrollTo(mMenuWidth, 0);
 isOPen = false;
 }

 /**
 * 切换菜单
 */
 public void toggle(){
 if (isOPen){
 closeMenu();
 }else {
 openMenu();
 }
 }
}

2.抽屉侧滑(添加此方法)

/**
 * 实现抽屉滑动
 * l隐藏在左边的宽度
 * 后边是变化梯度
 */

 @Override
 protected void onScrollChanged(int l, int t, int oldl, int oldt) {
 super.onScrollChanged(l, t, oldl, oldt);
 float scale = l*1.0f/mMenuWidth;//1~0梯度的值
 //调用属性动画
 ViewHelper.setTranslationX(mMenu,mMenuWidth*scale);
 }


3.qq5.0侧滑,实现这个方法

 /**
 * 实现仿qq5.0
 * l等于隐藏在左边的宽度(越来越小)
 * 后边是变化梯度
 */

 @Override
 protected void onScrollChanged(int l, int t, int oldl, int oldt) {
 super.onScrollChanged(l, t, oldl, oldt);
 float scale = l * 1.0f / mMenuWidth;//1~0梯度的值

 //调用属性动画

 //菜单的缩放操作
 float leftScale = 1.0f-scale*0.3f;
 //透明度
 float leftAlpha = 0.6f + 0.4f*(1-scale);
 ViewHelper.setTranslationX(mMenu, mMenuWidth * scale*0.8f);
 ViewHelper.setScaleX(mMenu,leftScale);
 ViewHelper.setScaleY(mMenu,leftScale);
 ViewHelper.setAlpha(mMenu,leftAlpha);

 //内容区域不断缩小
 float rightScale = 0.7f+0.3f*scale;
 //横向纵向缩放(不更改缩放中心点就全隐藏了)
 ViewHelper.setPivotX(mContent,0);
 ViewHelper.setPivotY(mContent,mContent.getHeight()/2);
 ViewHelper.setScaleX(mContent,rightScale);
 ViewHelper.setScaleY(mContent,rightScale);

 }

更多学习内容,可以点击《Android侧滑效果汇总》学习。

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


推荐阅读
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社区 版权所有