在好例子网,分享、交流、成长!
您当前所在位置:首页Java 开发实例Android平台开发 → android 高仿 QQ5.0侧滑菜单 源码下载

android 高仿 QQ5.0侧滑菜单 源码下载

Android平台开发

下载此实例
  • 开发语言:Java
  • 实例大小:2.72M
  • 下载次数:29
  • 浏览次数:280
  • 发布时间:2016-12-19
  • 实例类别:Android平台开发
  • 发 布 人:1laoban
  • 文件格式:.zip
  • 所需积分:2
 相关标签: QQ 菜单 侧滑 5

实例介绍

【实例简介】本课程将带领大家通过自定义控件实现QQ5.0侧滑菜单,课程将循序渐进,首先实现最普通的侧滑菜单,然后引入属性动画与拖动菜单效果相结合,最终实现QQ5.0侧滑菜单效果。通过本课程大家会对侧滑菜单有更深层次的了解,通过自定义控件和属性动画打造千变万化的侧滑菜单效果

【实例截图】

【核心代码】

package com.imooc.slidingmenu.view;
/**
 * 5.0 QQ侧滑总结
 * 一.自定义ViewGroup
 * 1构造方法的选择获得一些需要的值
 * 2onMeasure计算子View的宽和高,以及设置自己的宽和高
 * 3onLayout决定子View的布局位置
 * 【4onTouchEvent】
 * 二.构造方法
 * 1.Context new CustomViewGroup (context)
 * this(context ,null);
 * 2.Context context, AttributeSet attrs 布局文件的申明   ----没有自定义属性
 * this(context, attrs ,0);
 * 3.Context context, AttributeSet attrs, int defStyle----有自定义属性
 * 三.自定义属性
 * 1.attr。xml
 * 2.布局文件中 xmlns = 
 * 3.在3个参数的构造方法中,获得我们自定义属性值
 * 四.属性动画
 * Android3.0以上
 * 兼容低版本(nineoldandroids-2.4.0.jar)添加
 */

import com.imooc.slidingmenu.R;
import com.nineoldandroids.view.ViewHelper;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;

public class SlidingMenu extends HorizontalScrollView{
private LinearLayout mWapper;
private ViewGroup mMenu;
private ViewGroup mContent;

private int mScreenWidth;
private int mMenuWidth;

private int mMenuRightPadding = 50;
private boolean once;

private boolean isOpen;


/**
* 未使用自定义属性时调用
*/
public SlidingMenu(Context context, AttributeSet attrs) {
this(context, attrs ,0);
// TODO Auto-generated constructor stub

}
/**
* 当使用了自定义样式调用次构造方法
*/
//定义样式
public SlidingMenu(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);

// 获取我们定义的属性
TypedArray a = context.getTheme().obtainStyledAttributes(attrs,
R.styleable.SlidingMenu, defStyle, 0);

int n = a.getIndexCount();
for (int i = 0; i < n; i )
{
int attr = a.getIndex(i);
switch (attr)
{
case R.styleable.SlidingMenu_rightPadding:
mMenuRightPadding = a.getDimensionPixelSize(attr,
(int) TypedValue.applyDimension(
TypedValue.COMPLEX_UNIT_DIP, 50, context
.getResources().getDisplayMetrics()));
break;
}
}
a.recycle();

WindowManager wm = (WindowManager) context
.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(outMetrics);
mScreenWidth = outMetrics.widthPixels;

}



public SlidingMenu(Context context) {
this(context ,null);
// TODO Auto-generated constructor stub
}


/**
* 设置子View的宽和高设置自己的宽和高
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
if (!once)
{
mWapper = (LinearLayout) getChildAt(0);
mMenu = (ViewGroup) mWapper.getChildAt(0);
mContent = (ViewGroup) mWapper.getChildAt(1);
mMenuWidth = mMenu.getLayoutParams().width = mScreenWidth
- mMenuRightPadding;
mContent.getLayoutParams().width = mScreenWidth;
once = true;
}
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
/**
* 通过设置偏移量,将menu隐藏
*/
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b)
{
super.onLayout(changed, l, t, r, b);
if (changed)
{
this.scrollTo(mMenuWidth, 0);
}
}
@Override
public boolean onTouchEvent(MotionEvent ev)
{
int action = ev.getAction();
switch (action)
{
case MotionEvent.ACTION_UP:
// 隐藏在左边的宽度
int scrollX = getScrollX();
if (scrollX >= mMenuWidth / 2)
{
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();
}
}
/**
* 滚动发生时
*/
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
// TODO Auto-generated method stub
super.onScrollChanged(l, t, oldl, oldt);
float scale = l * 1.0f / mMenuWidth;//1~0
float rightScale = 0.7f 0.3f * scale;
// 菜单的缩放比例
float leftScale = 1.0f - scale * 0.3f;
// 透明度的变化比例
float leftAlpha = 0.6f 0.4f * (1-scale);
// 调用属性动画,设置TranslationX
ViewHelper.setTranslationX(mMenu, mMenuWidth*scale * 0.7f);
// 菜单的缩放动画
ViewHelper.setScaleX(mMenu, leftScale);
ViewHelper.setScaleY(mMenu, leftScale);
ViewHelper.setAlpha(mMenu, leftAlpha);
//// 缩放动画
//// 设置缩放的中心点
ViewHelper.setPivotX(mContent, 0);
ViewHelper.setPivotY(mContent, mContent.getHeight()/2);
ViewHelper.setScaleX(mContent, rightScale);
ViewHelper.setScaleY(mContent, rightScale);

}
}



标签: QQ 菜单 侧滑 5

实例下载地址

android 高仿 QQ5.0侧滑菜单 源码下载

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警