Android自定义控件eBook实现翻书效果实例详解_Android

本文实例讲述了Android自定义控件eBook实现翻书效果的方法。分享给大家供大家参考，具体如下：

效果图：

Book.java文件：

package com.book;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ImageView;
public class Book extends Activity {
  /** Called when the activity is first created. */
 eBook mBook;
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    mBook = (eBook)findViewById(R.id.my_book);
    mBook.addLayoutRecForPage(R.layout.page,21);
    mBook.setListener(new eBook.Listener() {
  public void onPrevPage() {
  updateContent();
  }
  public void onNextPage() {
  updateContent();
  }
  public void onInit() {
  updateContent();
  }
 });
  }
  private void updateContent(){
   int index = mBook.getIndexForLeftPage();
   View left = mBook.getLeftPage(),right = mBook.getRightPage();
    View next1 = mBook.getNextPage1(),next2 = mBook.getNextPage2();
    View prev1 = mBook.getPrevPage1(),prev2 = mBook.getPrevPage2();
    if(left != null)setImg(left,index);
    if(right != null)setImg(right,index+1);
    if(next1 != null)setImg(next1,index+2);
    if(next2 != null)setImg(next2,index+3);
    if(prev1 != null)setImg(prev1,index-1);
    if(prev2 != null)setImg(prev2,index-2);
    mBook.invalidate();
  }
 private void setImg(View v , int index){
 if(index >= 0 && index < 20){
  ImageView img = (ImageView)v.findViewById(R.id.book_img);
  if(img == null)return;
  Log.d("eBook","set Img");
  switch(index%6){
  case 0:
  img.setImageResource(R.drawable.p1);
  break;
  case 1:
  img.setImageResource(R.drawable.p2);
  break;
  case 2:
  img.setImageResource(R.drawable.p3);
  break;
  case 3:
  img.setImageResource(R.drawable.p4);
  break;
  case 4:
  img.setImageResource(R.drawable.p5);
  break;
  case 5:
  img.setImageResource(R.drawable.p6);
  break;
  default:
  break;
  }
 }
 }
}

main.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
 <com.book.eBook android:id="@+id/my_book"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"/>
</LinearLayout>

page.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:padding="20dip"
  android:background="#FFFFDD">
  <ImageView android:layout_width="fill_parent" android:id="@+id/book_img"
  android:layout_height="fill_parent" android:layout_weight="1"
  android:scaleType="fitXY" android:src="http://wallage.blog.163.com/blog/@drawable/p1"/>
  <com.book.TelEdit
  android:id="@+id/book_text"
  android:layout_width="fill_parent"
  android:background="#ffffdd"
  android:gravity="top"
  android:typeface="sans"
  android:capitalize="sentences"
  android:lineSpacingExtra="5dip"
  android:textSize="15dip"
  android:textColor="#000000"
  android:layout_height="fill_parent"
  android:paddingTop="30dip"
  android:layout_weight="1"/>
</LinearLayout>

控件TelEdit.java代码：

package com.book;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.WindowManager;
import android.widget.EditText;
public class TelEdit extends EditText {
 Context mContext;
 public TelEdit(Context context) {
 super(context);
 mContext = context;
 }
 public TelEdit(Context context, AttributeSet attrs) {
 super(context, attrs);
 mContext = context;
 }
 public TelEdit(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 mContext = context;
 }
 protected void onDraw(Canvas canvas) {
 WindowManager wm = (WindowManager) mContext.getSystemService("window");
 int windowWidth = wm.getDefaultDisplay().getWidth();
 int windowHeight = wm.getDefaultDisplay().getHeight();
 Paint paint = new Paint();
 paint.setStyle(Paint.Style.FILL);
 paint.setColor(Color.BLACK);
 int paddingTop = getPaddingTop();
 int paddingBottom = getPaddingBottom();
 int scrollY = getScrollY();
 int scrollX = getScrollX() + windowWidth;
 int innerHeight = scrollY + getHeight() - paddingBottom;
 int lineHeight = getLineHeight();
 int baseLine = scrollY
  + (lineHeight - ((scrollY - paddingTop) % lineHeight));
 int x = 8;
 while (baseLine < innerHeight) {
  canvas.drawLine(x, baseLine, scrollX - x, baseLine, paint);
  baseLine += lineHeight;
 }
 super.onDraw(canvas);
 }
}

eBook.java文件部分代码：

package com.book;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Point;
import android.graphics.PorterDuffXfermode;
import android.graphics.Shader;
import android.graphics.PorterDuff.Mode;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.GestureDetector.OnGestureListener;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
public class eBook extends FrameLayout{
 public static final String LOG_TAG = "eBook";
 List<Integer> myRecPages;
 int totalPageNum;
 Context mContext;
 boolean hasInit = false;
 final int defaultWidth = 600 , defaultHeight = 400;
 int contentWidth = 0;
 int contentHeight = 0;
 View leftPage,rightPage,llPage,lrPage,rrPage,rlPage;
 LinearLayout mView;
 bookView mBookView;
 boolean closeBook = false;
 private enum Corner {
 LeftTop,
 RightTop,
 LeftBottom,
 RightBottom,
 None
 };
 private Corner mSelectCorner;
 final int clickCornerLen = 250*250; //50dip
 float scrollX = 0,scrollY = 0;
 int indexPage = 0;
 private enum State {
 ABOUT_TO_ANIMATE,
 ANIMATING,
 ANIMATE_END,
 READY,
 TRACKING
 };
 private State mState;
 private Point aniStartPos;
 private Point aniStopPos;
 private Date aniStartTime;
 private long aniTime = 2000;
 private long timeOffset = 900;
 Listener mListener;
 private GestureDetector mGestureDetector;
 private BookOnGestureListener mGestureListener;
 public eBook(Context context) {
 super(context);
 Init(context);
 }
 public eBook(Context context, AttributeSet attrs) {
 super(context, attrs);
 Init(context);
 }
...省略
}

该控件大致实现方法：

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的画布中。

更多关于Android相关内容感兴趣的读者可查看本站专题：《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索android
， 自定义控件
， eBook
翻书效果
安卓自定义控件详解、自定义控件详解、wpf 自定义控件 实例、婴儿毛衣编织实例详解、abaqus工程实例详解，以便于您获取更多的相关知识。

时间： 2024-08-04 02:22:27

Android自定义控件eBook实现翻书效果实例详解_Android的相关文章

Android自定义控件eBook实现翻书效果实例详解

本文实例讲述了Android自定义控件eBook实现翻书效果的方法.分享给大家供大家参考,具体如下: 效果图: Book.java文件: package com.book; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.ImageView; public class Book extend

Android开发高仿课程表的布局实例详解_Android

先说下这个demo,这是一个模仿课程表的布局文件,虽然我是个菜鸟,但我还是想留给学习的人一些例子,先看下效果   然后再来看一下我们学校的app 布局分析 先上一张划分好了的布局图 首先整个页面放在一个LinearLayout布局下面,分为上面和下面两个部分,下面一个是显示课程表的详细信息 1:这个没什么好讲的,就是直接一个LinearLayout布局,然后将控件一个TextView用来显示年份,一个View用来当作竖线,一个Spinner用来显示选择周数 2:这个是显示星期几的部件,是我自定义

Android开发之TimePicker控件用法实例详解_Android

本文实例分析了Android开发之TimePicker控件用法.分享给大家供大家参考,具体如下: 新建项目: New Android Project-> Project name:HelloSpinner Build Target:Android 2.2 Application name:HelloSpinner Package name:com.b510 Create Activity:MainActivity Min SDK Version:9 Finish 运行效果: 如果: return

Android编程显示网络上的图片实例详解_Android

本文实例讲述了Android编程显示网络上的图片的方法.分享给大家供大家参考,具体如下: 在Android中显示网络上的图片,需要先根据url找到图片地址,然后把该图片转化成Java的InputStream,然后把该InputStream流转化成BitMap,BitMap可以直接显示在android中的ImageView里.这就是显示网络上图片的思路,实现起来很简单.下面让我们看一下实现起来的过程. 首先在AndroidManifest.xml中给程序加上访问Internet的权限: 复制代码

Android 中SP与DP的区别实例详解_Android

从一开始写Android程序,就被告知这些常识 1.长度宽度的数值要使用dp作为单位放入dimens.xml文件中 2.字体大小的数值要使用sp作为单位,也放入dimens.xml文件中 然后,就没有然后了,仿佛潜台词就是说,你记住去用就行了. 偶然有一天,当我们阴差阳错地将字体写成了dp,也是可以工作,而且效果和sp一样. 这时候,就开始怀疑了,到底有啥区别呢,dp和sp有什么不同呢? 我们做个简单的Sample验证一下,如下,一个布局代码 <TextView android:layout_w

Android对sdcard扩展卡文件操作实例详解_Android

Android对sdcard扩展卡文件的操作其实就是普通的文件操作,但是仍然有些地方需要注意.比如: 1.加入sdcard操作权限: 2.确认sdcard的存在: 3.不能直接在非sdcard的根目录创建文件,而是需要先创建目录,再创建文件: 实例如下: (1)在AndroidManifest.xml添加sdcard操作权限 <!-- sdcard权限 --> <uses-permission android:name="android.permission.WRITE_EXT

Android编程之菜单的实现方法实例详解_Android

本文实例讲述了Android编程之菜单的实现方法.分享给大家供大家参考,具体如下: Options Menu 当用户按下menu button按钮时显示的菜单 Context Menu 当用户长久按住屏幕,被注册显示上下文菜单的视图时显示的菜单 Submenu    当用户按下一个菜单的某个选项时弹出的子菜单 以上三种菜单也就是我们经常所说的:选项菜单,上下文菜单和子菜单. 一.上下文菜单 1. 实现onCreateContextMenu即可创建该菜单 @Override public void

Android实现有道辞典查询功能实例详解_Android

本文实例讲述了Android实现有道辞典查询功能的方法.分享给大家供大家参考,具体如下: 这是我做的一个简单的有道Android的DEMO,只是简单的雏形.界面设计也有点丑陋呵呵~ 看看下面的效果图: 第一步:思路解析 从界面看一共用了三个控件EditText,Button,WebView.其实是四个,是当我们查询内容为空的时候用来提示的Toast控件. 我们在EditText输入查询内容,这里包括中文,英文.然后通过参数的形式,从http://dict.youdao.com/m取出数据把结果

Android 两个Fragment之间传递数据实例详解_Android

 Android 两个Fragment之间如何传递数据 FragmentA启动FragmentB,做一些选择操作后,返回FragmentA,需要把FragmentB里面选择的数据传回来.有什么办法? Fragment之间不能直接通信,必须通过Activity来完成,具体步骤. 1. 在FragmentA中定义通信接口,通过该接口向Activity发送数据. public class FragmentA extends Fragment { private onButtonPressListene