android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu

时间：2021-12-25 19:57:01

示意图就不展示了，和上一节的一样,滑动菜单SlidingMenu效果如何大家都比较熟悉，在这里我简单说明一下用自定义ViewGroup来实现.

实现方法：我们自定义一个ViewGroup实现左右滑动，第一屏隐藏，第二屏显示.

代码如下：

  1. package com.jj.sliding_6;
  2. import android.content.Context;
  3. import android.util.AttributeSet;
  4. import android.util.Log;
  5. import android.view.View;
  6. import android.view.ViewGroup;
  7. import android.view.ViewTreeObserver;
  8. import android.view.View.MeasureSpec;
  9. import android.view.ViewTreeObserver.OnGlobalLayoutListener;
  10. import android.widget.AbsoluteLayout;
  11. import android.widget.LinearLayout;
  12. import android.widget.ListView;
  13. import android.widget.RelativeLayout;
  14. import android.widget.Scroller;
  15. /***
  16. * 自定义view
  17. *
  18. * @author zhangjia
  19. *
  20. */
  21. public class MyViewGroup extends ViewGroup {
  22. private Scroller scroller;// 滑动
  23. private int distance;// 滑动距离
  24. private View menu_view, content_view;
  25. private int duration = 500;
  26. private ViewTreeObserver viewTreeObserver;
  27. private Context context;
  28. private CloseAnimation closeAnimation;
  29. public static boolean isMenuOpned = false;// 菜单是否打开
  30. public MyViewGroup(Context context) {
  31. super(context, null);
  32. }
  33. public void setCloseAnimation(CloseAnimation closeAnimation) {
  34. this.closeAnimation = closeAnimation;
  35. }
  36. public MyViewGroup(Context context, AttributeSet attrs) {
  37. super(context, attrs);
  38. this.context = context;
  39. scroller = new Scroller(context);
  40. }
  41. public void setDistance(int distance) {
  42. this.distance = distance;
  43. }
  44. @Override
  45. protected void onLayout(boolean changed, int l, int t, int r, int b) {
  46. if (changed) {
  47. menu_view = getChildAt(0);// 获取滑动菜单的view
  48. content_view = getChildAt(1);// 获得主页view
  49. // 相当于fill_parent
  50. content_view.measure(0, 0);
  51. content_view.layout(0, 0, getWidth(), getHeight());
  52. }
  53. }
  54. @Override
  55. public void computeScroll() {
  56. Log.e("jj", "isMenuOpned=" + isMenuOpned);
  57. if (scroller.computeScrollOffset()) {
  58. scrollTo(scroller.getCurrX(), scroller.getCurrY());
  59. postInvalidate();// 刷新
  60. if (closeAnimation != null)
  61. closeAnimation.closeMenuAnimation();
  62. }else{
  63. MainActivity.isScrolling=false;
  64. }
  65. }
  66. void showMenu() {
  67. Log.e("jj", "shoeMenu");
  68. isMenuOpned = true;
  69. scroller.startScroll(getScrollX(), 0, -distance, 0, duration);
  70. invalidate();// 刷新
  71. }
  72. // 关闭菜单（执行自定义动画）
  73. void closeMenu() {
  74. Log.e("jj", "closeMenu");
  75. isMenuOpned = false;
  76. scroller.startScroll(getScrollX(), 0, distance, 0, duration);
  77. invalidate();// 刷新
  78. }
  79. // 关闭菜单（执行自定义动画）
  80. void closeMenu_1() {
  81. isMenuOpned = false;
  82. scroller.startScroll(getScrollX(), 0, distance - getWidth(), 0,
  83. duration);
  84. invalidate();// 刷新
  85. }
  86. // 关闭菜单（执行自定义动画）
  87. void closeMenu_2() {
  88. isMenuOpned = false;
  89. scroller.startScroll(getScrollX(), 0, getWidth(), 0, duration);
  90. invalidate();// 刷新
  91. }
  92. /***
  93. * Menu startScroll(startX, startY, dx, dy)
  94. *
  95. * dx=e1的减去e2的x,所以右移为负，左移动为正 dx为移动的距离，如果为正，则标识向左移动|dx|，如果为负，则标识向右移动|dx|
  96. */
  97. void slidingMenu() {
  98. Log.e("jj", "slidingMenu");
  99. // 没有超过半屏
  100. if (getScrollX() > -getWidth() / 2) {
  101. scroller.startScroll(getScrollX(), 0, -getScrollX(), 0, duration);
  102. isMenuOpned = false;
  103. }
  104. // 超过半屏
  105. else if (getScrollX() <= -getWidth() / 2) {
  106. scroller.startScroll(getScrollX(), 0, -(distance + getScrollX()),
  107. 0, duration);
  108. isMenuOpned = true;
  109. }
  110. invalidate();// 刷新
  111. Log.v("jj", "getScrollX()=" + getScrollX());
  112. }
  113. }
  114. abstract class CloseAnimation {
  115. // 点击list item 关闭menu动画
  116. public void closeMenuAnimation() {
  117. };
  118. }

上诉大部分我都加以注释，想必不用我解释太多，大家仔细看都应该可以看懂.

之后我们只需要在MainActivity中把要显示的view添加进去就可以了。

运行效果：

android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu      android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu

我把源码上传网上，大家可以下载运行，如有不足请留言.

说明一点：listview上下左右滑动冲突没有解决,不过我运行看过很多应用，要么listview不能左右滑动，要么能左右滑动但是listview不到一屏.

源码下载

下面我介绍另外一种方法，这种方法比较简单，但是有点不实用.不过对SlidingMenu滑动菜单要求不高的应用完全可以了，如：云中书城等，没有用到手势时时滑动.

实现方法：我们在点击或者滑动的时候获取当前view的切图bitmap，然后将这个bitmap传递到打开后的activity，在这个activity中布局具体如下：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/layout"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent" >
  6. <FrameLayout
  7. android:id="@+id/slideout_placeholder"
  8. android:layout_width="fill_parent"
  9. android:layout_height="fill_parent"
  10. android:background="#777777" >
  11. <ListView
  12. android:id="@+id/list"
  13. android:layout_width="fill_parent"
  14. android:layout_height="fill_parent"
  15. android:cacheColorHint="#00000000" />
  16. </FrameLayout>
  17. <ImageView
  18. android:id="@+id/slidedout_cover"
  19. android:layout_width="fill_parent"
  20. android:layout_height="fill_parent"
  21. android:scaleType="fitXY" />
  22. </AbsoluteLayout>

这种布局目的就是让用户觉得我们操作的是一个view.

具体实现：我将代码上传网上，大家自行下载运行，有不足之处，自行调整.

效果图;

android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu

相关文章