触摸事件、侧滑菜单

触摸事件

 

侧滑菜单---

github-SlidingMenu

1.在ViewGroup中，让自己内容移动有以下三个方法个方法：

• layout(l,t,r,b);
• offsetTopAndBottom(offset)和offsetLeftAndRight(offset);
• scrollTo和scrollBy方法;

注意：滚动的并不是viewgroup内容本身，而是它的矩形边框

 它是瞬间移动的

 

2.在自定义ViewGroup中一般不需要去实现onMeasure,

 我们去实现系统已有的ViewGroup,比如FrameLayout,

 它会帮我们区实现onMeasure方法

 

 

3.让view在一段时间内移动到某个位置

a.使用自定义动画(让view在一段时间内做某件事)

  

b.使用Scroller(模拟一个执行流程，)

 

layout会影响measure过的宽高

 

scrollTo理解

布局：

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. tools:context=".MainActivity">
7. <com.ly.slidemenu.view.SlideMenu
8. android:id="@+id/slideMenu"
9. android:layout_width="match_parent"
10. android:layout_height="match_parent">
12. <!--菜单界面的布局-->
13. <include layout="@layout/layout_menu"/>
15. <!--主界面的布局-->
16. <include layout="@layout/layout_main"/>
18. </com.ly.slidemenu.view.SlideMenu>
20. </RelativeLayout>

SlideMenu

1. publicclassSlideMenuextendsFrameLayout{
2. privateView menuView,mainView;
3. privateint menuWidth =0;
4. privateScroller scroller;
5. publicSlideMenu(Context context,AttributeSet attrs){
6. super(context, attrs);
7. init();
8. }
10. publicSlideMenu(Context context){
11. super(context);
12. init();
13. }
15. privatevoid init(){
16. scroller =newScroller(getContext());
17. }
19. /**
20. * 当1级的子view全部加载完调用，可以用初始化子view的引用，view.inflate完后
21. * 注意，这里无法获取子view的宽高
22. */
23. @Override
24. protectedvoid onFinishInflate(){
25. super.onFinishInflate();
26. menuView = getChildAt(0);
27. mainView = getChildAt(1);
28. menuWidth = menuView.getLayoutParams().width;//可以通过这样获得
29. }
31. /**
32. * widthMeasureSpec和heightMeasureSpec是系统测量SlideMenu时传入的参数，
33. * 这2个参数测量出的宽高能让SlideMenu充满窗体，其实是正好等于屏幕宽高
34. */
35. //继承已有viewgroup就不需要这些了，相对布局也行，但是桢布局更快
36. // @Override
37. // protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
38. // super.onMeasure(widthMeasureSpec, heightMeasureSpec);
39. //
40. // int measureSpec = MeasureSpec.makeMeasureSpec(menuWidth, MeasureSpec.EXACTLY);
41. //
42. // //测量所有子view的宽高
43. // //通过getLayoutParams方法可以获取到布局文件中指定宽高
44. // menuView.measure(measureSpec, heightMeasureSpec);
45. // //直接使用SlideMenu的测量参数，因为它的宽高都是充满父窗体
46. // mainView.measure(widthMeasureSpec, heightMeasureSpec);
47. //
48. // }
49. //为了侧边栏可以上下滑动菜单，可以根据移动的值处理掉事件，其他情况下不处理，交给主页面
50. @Override
51. publicboolean onInterceptTouchEvent(MotionEvent ev){
52. switch(ev.getAction()){
53. caseMotionEvent.ACTION_DOWN:
54. downX =(int) ev.getX();
55. break;
56. caseMotionEvent.ACTION_MOVE:
57. int deltaX =(int)( ev.getX()- downX);
59. if(Math.abs(deltaX)>8){
60. returntrue;
61. }
62. break;
63. }
64. returnsuper.onInterceptTouchEvent(ev);
65. // return super.onInterceptTouchEvent(ev);
66. }
68. /**
69. * l: 当前子view的左边在父view的坐标系中的x坐标
70. * t: 当前子view的顶边在父view的坐标系中的y坐标
71. */
72. @Override
73. protectedvoid onLayout(boolean changed,int l,int t,int r,int b){
74. // Log.e("MAIN", "L: "+l+" t: "+t +" r: "+r + " b: "+b);
75. menuView.layout(-menuWidth,0,0, menuView.getMeasuredHeight());
76. mainView.layout(0,0, r, b);
77. }
79. privateint downX;
80. @Override
81. publicboolean onTouchEvent(MotionEvent event){
82. switch(event.getAction()){
83. caseMotionEvent.ACTION_DOWN:
84. downX =(int) event.getX();
85. break;
86. caseMotionEvent.ACTION_MOVE:
87. int moveX =(int) event.getX();
88. int deltaX =(int)( moveX- downX);
90. int newScrollX = getScrollX()- deltaX;//移动的距离，每次移动都不一样，所以需要计算下新的
92. if(newScrollX<-menuWidth)newScrollX =-menuWidth;
93. if(newScrollX>0)newScrollX =0;
95. Log.e("Main","scrollX: "+getScrollX());
96. scrollTo(newScrollX,0);
97. downX = moveX;
98. break;
99. caseMotionEvent.ACTION_UP:
100. //1.使用自定义动画
101. // ScrollAnimation scrollAnimation;
102. // if(getScrollX()>-menuWidth/2){
103. // //关闭菜单
104. //// scrollTo(0, 0);
105. // scrollAnimation = new ScrollAnimation(this, 0);
106. // }else {
107. // //打开菜单
108. //// scrollTo(-menuWidth, 0);
109. // scrollAnimation = new ScrollAnimation(this, -menuWidth);
110. // }
111. // startAnimation(scrollAnimation);
112. //2.使用Scroller
113. if(getScrollX()>-menuWidth/2){
114. // //关闭菜单
115. closeMenu();
116. }else{
117. //打开菜单
118. openMenu();
119. }
120. break;
121. }
122. returntrue;
123. }
125. privatevoid closeMenu(){
126. scroller.startScroll(getScrollX(),0,0-getScrollX(),0,400);//持续的时间
127. invalidate();
128. }
130. privatevoid openMenu(){
131. scroller.startScroll(getScrollX(),0,-menuWidth-getScrollX(),0,400);
132. invalidate();
133. }
135. /**
136. * Scroller不主动去调用这个方法
137. * 而invalidate()可以掉这个方法
138. * invalidate->draw->computeScroll
139. */
140. @Override
141. publicvoid computeScroll(){
142. super.computeScroll();
143. if(scroller.computeScrollOffset()){//返回true,表示动画没结束
144. scrollTo(scroller.getCurrX(),0);
145. invalidate();
146. }
147. }
149. /**
150. * 切换菜单的开和关
151. */
152. publicvoid switchMenu(){
153. if(getScrollX()==0){
154. //需要打开
155. openMenu();
156. }else{
157. //需要关闭
158. closeMenu();
159. }
160. }
163. }

ScrollAnimation

1. /**
2. * 让指定view在一段时间内scrollTo到指定位置
3. * @author Administrator
4. *
5. */
6. publicclassScrollAnimationextendsAnimation{
8. privateView view;
9. privateint targetScrollX;
10. privateint startScrollX;
11. privateint totalValue;
13. publicScrollAnimation(View view,int targetScrollX){
14. super();
15. this.view = view;
16. this.targetScrollX = targetScrollX;
18. startScrollX = view.getScrollX();
19. totalValue =this.targetScrollX - startScrollX;
21. int time =Math.abs(totalValue);
22. setDuration(time);
23. }
27. /**
28. * 在指定的时间内一直执行该方法，直到动画结束
29. * interpolatedTime：0-1 标识动画执行的进度或者百分比
30. * time : 0 - 0.5 - 0.7 - 1
31. * value: 10 - 60 - 80 - 110
32. * 当前的值 = 起始值 + 总的差值*interpolatedTime
33. */
34. @Override
35. protectedvoid applyTransformation(float interpolatedTime,
36. Transformation t){
37. super.applyTransformation(interpolatedTime, t);
38. int currentScrollX =(int)(startScrollX + totalValue*interpolatedTime);
39. view.scrollTo(currentScrollX,0);
40. }
41. }

MainActivity

1. publicclassMainActivityextendsActivity{
3. privateImageView btn_back;
4. privateSlideMenu slideMenu;
5. @Override
6. protectedvoid onCreate(Bundle savedInstanceState){
7. super.onCreate(savedInstanceState);
8. requestWindowFeature(Window.FEATURE_NO_TITLE);
9. setContentView(R.layout.activity_main);
10. btn_back =(ImageView) findViewById(R.id.btn_back);
11. slideMenu =(SlideMenu) findViewById(R.id.slideMenu);
13. btn_back.setOnClickListener(newOnClickListener(){
14. @Override
15. publicvoid onClick(View v){
16. slideMenu.switchMenu();
17. }
18. });
19. }
22. }

 

来自为知笔记(Wiz)