Android 翻书效果

该控件大致实现方法：

       eBook继承FrameLayout，好处在于FrameLayout有图层效果，后添加的View类能覆盖前面的View。

       初始化：定义一个LinearLayout的成员变量mView，将page.xml inflate 成View分别用leftPage，rightPage引用，并初始化其数据，将leftPage，rightPage通过addView添加到 mView，然后将mView添加到eBook。在eBook里定义一个私有类BookView extends View。 并定义成员变量 BookView mBookView； 最后将mBookView添加的eBook中，这样，mView中的内容为书面内容，mBookView中的内容为特效内容。后续手势动作：可将各种手势的特效动作画于mBookView的画布中。

    我们在来看看xml代码：

java代码：

1. main.xml文件：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"
3.      android:layout_width="fill_parent"
4.      android:layout_height="fill_parent"
5.      android:orientation="vertical" >
6.      <!-- 
7.         广告创意放置的位置。
8.          此处我放在Activity最顶部
9.         -->
10.       <!-- 广告位设置开始 -->
11.       <com.adsame.mai.AdsameMob
12.           android:layout_height="100dp"
13.           android:layout_width="fill_parent"
14.           android:id="@+id/adsameMobId"/>
15.      <!-- 广告位设置结束 -->
16.       <TextView
17.             android:layout_width="fill_parent"
18.             android:layout_height="wrap_content"
19.             android:text="@string/hello" />
20.  </LinearLayout>
    
22. 
    
23. 
    
24. 
    
    
    
25.            
26. 
     
30. 
    
                   
             
                <!-- 广告位设置结束 -->
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
          </LinearLayout>
    
31. 
     
      
57. 
    
58. 
    
59. page.xml文件：
    
60. <?xml version="1.0" encoding="utf-8"?>
    
61. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
62. android：orientation="vertical"
    
63. android:layout_width="fill_parent"
    
64. android:layout_height="fill_parent"
    
65. android:padding="20dip"
    
66. android:background="#FFFFDD">
    
67. <ImageView android:layout_width="fill_parent" android:id="@+id/book_img"
    
68. android:layout_height="fill_parent" android:layout_weight="1"
    
69. android:scaleType="fitXY" android:src="@drawable/p1"/>
    
70. <com.book.TelEdit
    
71. android:id="@+id/book_text"
    
72. android:layout_width="fill_parent"
    
73. android:background="#ffffdd"
    
74. android:gravity="top"
    
75. android:typeface="sans"
    
76. android:capitalize="sentences"
    
77. android:lineSpacingExtra="5dip"
    
78. android:textSize="15dip"
    
79. android:textColor="#000000"
    
80. android:layout_height="fill_parent"
    
81. android:paddingTop="30dip"
    
82. android:layout_weight="1"/>
    
83. </LinearLayout>

复制代码

控件TelEdit.java代码：

java代码：

1. package eoe.book;
   
2. 
   
3. import android.content.Context;
   
4. import android.graphics.Canvas;
   
5. import android.graphics.Color;
   
6. import android.graphics.Paint;
   
7. import android.util.AttributeSet;
   
8. import android.view.WindowManager;
   
9. import android.widget.EditText;
   
10. 
    
11. public class TelEdit extends EditText {
    
12. Context mContext;
    
13. public TelEdit(Context context) {
    
14. super(context);
    
15. mContext = context;
    
16. }
    
17. 
    
18. public TelEdit(Context context, AttributeSet attrs) {
    
19. super(context, attrs);
    
20. mContext = context;
    
21. }
    
22. 
    
23. public TelEdit(Context context, AttributeSet attrs, int defStyle) {
    
24. super(context, attrs, defStyle);
    
25. mContext = context;
    
26. }
    
27. 
    
28. protected void onDraw(Canvas canvas) {
    
29. WindowManager wm = (WindowManager) mContext.getSystemService("window");
    
30. int windowWidth = wm.getDefaultDisplay().getWidth();
    
31. int windowHeight = wm.getDefaultDisplay().getHeight();
    
32. Paint paint = new Paint();
    
33. paint.setStyle(Paint.Style.FILL);
    
34. paint.setColor(Color.BLACK);
    
35. 
    
36. 
    
37. int paddingTop = getPaddingTop();
    
38. int paddingBottom = getPaddingBottom();
    
39. int scrollY = getScrollY();
    
40. int scrollX = getScrollX() + windowWidth;
    
41. int innerHeight = scrollY + getHeight() - paddingBottom;
    
42. int lineHeight = getLineHeight();
    
43. int baseLine = scrollY+ (lineHeight - ((scrollY - paddingTop) % lineHeight));
    
44. int x = 8;
    
45. 
    
46. 
    
47. while (baseLine < innerHeight) {
    
48. canvas.drawLine(x, baseLine, scrollX - x, baseLine, paint);
    
49. baseLine += lineHeight;
    
50. }
    
51. super.onDraw(canvas);
    
52. }
    
53. 
    
54. }

复制代码

      eBook.java文件部分代码：

java代码：

1. package eoe.book;
   
2. 
   
3. import java.util.ArrayList;
   
4. import java.util.Date;
   
5. import java.util.List;
   
6. import android.content.Context;
   
7. import android.graphics.Bitmap;
   
8. import android.graphics.Canvas;
   
9. import android.graphics.Color;
   
10. import android.graphics.LinearGradient;
    
11. import android.graphics.Paint;
    
12. import android.graphics.Path;
    
13. import android.graphics.Point;
    
14. import android.graphics.PorterDuffXfermode;
    
15. import android.graphics.Shader;
    
16. import android.graphics.PorterDuff.Mode;
    
17. import android.util.AttributeSet;
    
18. import android.util.Log;
    
19. import android.view.GestureDetector;
    
20. import android.view.LayoutInflater;
    
21. import android.view.MotionEvent;
    
22. import android.view.View;
    
23. import android.view.GestureDetector.OnGestureListener;
    
24. import android.widget.FrameLayout;
    
25. import android.widget.LinearLayout;
    
26. 
    
27. public class eBook extends FrameLayout{
    
28. public static final String LOG_TAG = "eBook";
    
29. List<Integer> myRecPages;
    
30. int totalPageNum;
    
31. Context mContext;
    
32. boolean hasInit = false;
    
33. final int defaultWidth = 600 , defaultHeight = 400;
    
34. int contentWidth = 0;
    
35. int contentHeight = 0;
    
36. View leftPage,rightPage,llPage,lrPage,rrPage,rlPage;
    
37. LinearLayout mView;
    
38. bookView mBookView;
    
39. boolean closeBook = false;
    
40. 
    
41. private enum Corner {
    
42. LeftTop,RightTop,LeftBottom,RightBottom,None
    
43. };
    
44. 
    
45. private Corner mSelectCorner;
    
46. final int clickCornerLen = 250*250; //50dip
    
47. float scrollX = 0,scrollY = 0;
    
48. int indexPage = 0;
    
49. 
    
50. private enum State {
    
51. ABOUT_TO_ANIMATE,ANIMATING,ANIMATE_END,READY,TRACKING
    
52. };
    
53. 
    
54. private State mState;
    
55. private Point aniStartPos;
    
56. private Point aniStopPos;
    
57. private Date aniStartTime;
    
58. private long aniTime = 2000;
    
59. private long timeOffset = 900;
    
60. Listener mListener;
    
61. 
    
62. 
    
63. private GestureDetector mGestureDetector;
    
64. private BookOnGestureListener mGestureListener;
    
65. 
    
66. public eBook(Context context) {
    
67. super(context);
    
68. Init(context);
    
69. }
    
70. 
    
71. public eBook(Context context, AttributeSet attrs) {
    
72. super(context, attrs);
    
73. Init(context);
    
74. }
    
75. 
    
76. }