zoukankan      html  css  js  c++  java

  • 触摸事件、侧滑菜单

    触摸事件

     
    侧滑菜单---
    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. }
     
  • 相关阅读:
    docker 安装mysql
    Java web项目搭建系列之二 Jetty下运行项目
    Java web项目搭建系列之一 Eclipse中新建Maven项目
    Maven 添加其他Maven组件配置问题
    C# 中定义扩展方法
    Oracle 函数
    【Webservice】2 counts of IllegalAnnotationExceptions Two classes have the same XML type name
    Linux精简版系统安装网络配置问题解决
    Rsync 故障排查整理
    Failed to set session cookie. Maybe you are using HTTP instead of HTTPS to access phpMyAdmin.
  • 原文地址：https://www.cnblogs.com/sixrain/p/5041931.html
Copyright © 2011-2022 走看看