Android-實(shí)現(xiàn)書(shū)籍翻頁(yè)效果-完結(jié)篇

您還未登錄！|登錄|注冊(cè)|幫助CSDN首頁(yè)資訊論壇博客下載搜索更多何明桂的小窩坐而言，不如起而行目錄視圖摘要視圖訂閱

安裝Chrome瀏覽器下載資源送30個(gè)下載分！

CSDN博客“持之以恒”勛章上線了

2012年1月MVP申請(qǐng)倒計(jì)時(shí)——13日截止

“IT適合你嗎？”智力挑戰(zhàn)\o"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果完結(jié)篇"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果完結(jié)篇分類(lèi)：android2011-04-2219:5511553人閱讀評(píng)論(126)\o"收藏"收藏\o"舉報(bào)"舉報(bào)

By何明桂（/hmg25）

轉(zhuǎn)載請(qǐng)注明出處

之前由于種種瑣事，暫停了這個(gè)翻頁(yè)效果的實(shí)現(xiàn)，終于在這周末完成了大部分功能，但是這里只是給出了一個(gè)基本的雛形，沒(méi)有添加翻頁(yè)的動(dòng)畫(huà)效果，由于下個(gè)周末開(kāi)始，需要轉(zhuǎn)向去研究framework層（短暫的醬油期就這樣結(jié)束啦o(︶︿︶)o唉），將會(huì)暫停翻頁(yè)的開(kāi)發(fā)，所以想要進(jìn)一步提高功能的童鞋需要自己動(dòng)手~~~稍后發(fā)布的將是本人提供的完結(jié)篇代碼。

今天一個(gè)熱心的csdn好友--

xiaofanqingzjj

告訴我：“這兩天把你的代碼整了一下，實(shí)現(xiàn)了根據(jù)滑動(dòng)速度或位置翻頁(yè)自動(dòng)彈回，或者自動(dòng)翻轉(zhuǎn)到下一頁(yè)的動(dòng)畫(huà)，等整好了，再發(fā)布上來(lái)”，呵呵，感想他的熱心，也希望以后大家有什么好的改進(jìn)也可以發(fā)布出來(lái)讓大家都可以一起學(xué)習(xí)下。

閑話(huà)少說(shuō)，在最后關(guān)頭和大家說(shuō)說(shuō)完結(jié)篇代碼里的改進(jìn)，上圖看效果：

By何明桂（/hmg25）

轉(zhuǎn)載請(qǐng)注明出處

有圖可以看到，首先是修復(fù)了之前翻起頁(yè)陰影頂點(diǎn)，定位異常的問(wèn)題，然后是添加了翻起頁(yè)背面的顯示，以及光影效果，并且修復(fù)了，放翻頁(yè)趨向于垂直方向時(shí)，光影效果出現(xiàn)的漂移現(xiàn)象。

文章后邊已經(jīng)上傳翻頁(yè)效果的源碼了，我這里不詳細(xì)講太多，稍后有時(shí)間的話(huà)，我會(huì)把光影效果這部分代碼的原理，另外寫(xiě)一篇博客。下面只是給個(gè)概述，方便大家研究代碼。

首先分析陰影頂點(diǎn)的定位問(wèn)題，先來(lái)看一種特殊情況：

假設(shè)直線aT處于垂直位置，兩邊陰影寬度都為一致，假設(shè)為25px,容易得aT為25*√2=25*1.414，那么處于這種特殊情況下的頂點(diǎn)為：

a.x=T.x;

a.y=T.y-25*1.414

現(xiàn)在我們來(lái)看一般性情況：

AT依舊為25*1.414，那么如果要定位A點(diǎn)的坐標(biāo)，就需要求出AB和BT的長(zhǎng)度（AB垂直于BT）,通過(guò)分析可以知道夾角BAT，等于45度角加上夾腳DTE，而夾腳DTE是可以通過(guò)Touch點(diǎn)和mBezierControl1的坐標(biāo)求出的：

Math.atan2(mBezierControl1.y-mTouch.y,mTouch.x-mBezierControl1.x);

通過(guò)以上計(jì)算就可以求出陰影頂點(diǎn)坐標(biāo)了。

翻起頁(yè)背面分為兩部分求解，第一部分是將原圖翻轉(zhuǎn)得到：

以上效果是通過(guò)創(chuàng)建一個(gè)MatrixmMatrix和float[]mMatrixArray實(shí)現(xiàn)

mMatrix.setValues(mMatrixArray);mMatrix.preTranslate(-mBezierControl1.x,-mBezierControl1.y);mMatrix.postTranslate(mBezierControl1.x,mBezierControl1.y);

翻轉(zhuǎn)之后為了實(shí)現(xiàn)翻起后的光影效果，需要使用

ColorMatrixFilter，實(shí)現(xiàn)以下效果，對(duì)這兩個(gè)不熟的自己找資料研究去~~~╭(╯^╰)╮

呵呵，大概就是這些個(gè)內(nèi)容了，具體的自己研究代碼去~~下邊給出一個(gè)程序中各個(gè)點(diǎn)的標(biāo)示，方便研究：

By何明桂（/hmg25）

轉(zhuǎn)載請(qǐng)注明出處

源碼地址：/source/3216809

希望大家也把自己改動(dòng)的地方發(fā)布出來(lái)一起研究。

PS：我新寫(xiě)了一篇博客，在博客中對(duì)原來(lái)地翻頁(yè)進(jìn)行了升級(jí)，添加了翻頁(yè)動(dòng)畫(huà)效果，并且新添加了一個(gè)類(lèi)，用于讀取SD卡中對(duì)txt文本，實(shí)現(xiàn)了一個(gè)簡(jiǎn)易的電子書(shū)閱讀器。請(qǐng)有興趣對(duì)童鞋，移步至：/hmg25/archive/2011/05/14/6419694.aspx

分享到：上一篇：通過(guò)重寫(xiě)Adapter實(shí)現(xiàn)多選的ListView下一篇：Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果番外篇之光影效果查看評(píng)論77樓nglskq85前天18:02發(fā)表\o"回復(fù)"[回復(fù)]樓主第三個(gè)圖，屬于右下情況，按照代碼中的算法，應(yīng)該是：

-Math.atan2(mTouch.y-mBezierControl1.y,mTouch.x

-mBezierControl1.x);

為何文章寫(xiě)的是：

Math.atan2(mBezierControl1.y-mTouch.y,mTouch.x-mBezierControl1.x);

例子不正確啊76樓whyuan99012011-09-2817:10發(fā)表\o"回復(fù)"[回復(fù)]謝謝你的代碼。我現(xiàn)在在改橫屏雙頁(yè)翻的效果。調(diào)用drawCurrentBackArea函數(shù)（畫(huà)第一頁(yè)翻起部分的背面）時(shí)，傳進(jìn)去的是第2頁(yè)的bitmap，但由于原來(lái)你使用一個(gè)計(jì)算過(guò)的Array來(lái)設(shè)定Matrix，現(xiàn)在我傳進(jìn)去第2頁(yè)的內(nèi)容被水平鏡像了，我想把改回來(lái)，不知道怎么改，能否給我一下方向。我現(xiàn)在只能把bitmap先通過(guò)Bitmap.create先水平鏡像一下，就顯示正常了，但這樣感覺(jué)效率太低了，需要處理整個(gè)bitmap。75樓f1181192011-09-2617:33發(fā)表\o"回復(fù)"[回復(fù)]大神，能給一點(diǎn)如何不全屏顯示的思路嗎？比如底部留50dip的黑邊，可以自定義一些功能菜單。。。Re:hmg252011-09-2708:47發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)f118119：我實(shí)現(xiàn)的是一個(gè)控件阿，你可以在xml中設(shè)置下它的大小，不過(guò)好像要小小的修改下。74樓wang8825882011-09-1415:07發(fā)表\o"回復(fù)"[回復(fù)]AT依舊為25*1.414，那么如果要定位A點(diǎn)的坐標(biāo)，就需要求出AB和BT的長(zhǎng)度（AB垂直于BT）,通過(guò)分析可以知道夾角BAT，等于45度角加上夾腳DTE，而夾腳DTE是可以通過(guò)Touch點(diǎn)和mBezierControl1的坐標(biāo)求出的：

額,按照你的這個(gè)意思,AT始終就是25*√,還有麻煩你解釋一下,為什么角BAT=45°+角DTE

還有A點(diǎn)是不是直線af的延伸點(diǎn).af是您下面這個(gè)博客中的直線/hmg25/article/details/6306479.即aA=25*1.414

麻煩樓主回復(fù)一下哈,我比較笨看的不是很明白R(shí)e:wang8825882011-09-1415:22發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)wang882588：如果是這樣,a點(diǎn)坐標(biāo)就很好求了哈.

degree=Math.atan2(mTouch.y-mCornerY,mTouch.x-mCornerX);

ax=(25*1.414+Math.hypot((mTouch.x-mCornerX),(mTouch.y-mCornerY)))*cos(degree);

ay=(25*1.414+Math.hypot((mTouch.x-mCornerX),(mTouch.y-mCornerY)))*sin(degree);73樓blstbbcxz2011-09-0513:29發(fā)表\o"回復(fù)"[回復(fù)]LZ為何不回答我的問(wèn)題。。。72樓blstbbcxz2011-09-0216:33發(fā)表\o"回復(fù)"[回復(fù)]樓主你好！我想問(wèn)下，在繪制折頁(yè)陰影條（經(jīng)過(guò)rotate過(guò)來(lái)的）的時(shí)候rotate之前為何在屏幕外的陰影條上的字是旋轉(zhuǎn)過(guò)的（rotate以后是正合適的）而不是正常的（rotate以后是歪的），之前沒(méi)有將放入其中的canvas也旋轉(zhuǎn)?。?1樓wwwzhiqiuyiye1112011-08-3015:24發(fā)表\o"回復(fù)"[回復(fù)]如果是純文本而不是圖像那又怎么翻頁(yè)呢!Re:hmg252011-08-3016:45發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)wwwzhiqiuyiye111：你可以查看我升級(jí)篇中的例子，我就是讀取SD卡中的txt文本，轉(zhuǎn)為圖片用于翻頁(yè)70樓lang_sri2011-08-2911:40發(fā)表\o"回復(fù)"[回復(fù)]學(xué)習(xí)了69樓yespie2011-08-2909:57發(fā)表\o"回復(fù)"[回復(fù)]good68樓wofbhfbvd2011-08-2511:07發(fā)表\o"回復(fù)"[回復(fù)]好貼果斷頂！67樓wofbhfbvd2011-08-2511:07發(fā)表\o"回復(fù)"[回復(fù)]好貼果斷頂！66樓dhjcontinent2011-08-1822:36發(fā)表\o"回復(fù)"[回復(fù)]博主文章中這句話(huà)“以上效果是通過(guò)創(chuàng)建一個(gè)MatrixmMatrix和float[]mMatrixArray實(shí)現(xiàn)

”上面的圖中有一個(gè)BUG，圖中背面左下和右上各有一小塊沒(méi)有貼上圖，不知有沒(méi)有好的解決方法？O(∩_∩)O謝謝！Re:hmg252011-08-1823:12發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)dhjcontinent：這個(gè)問(wèn)題在我/hmg25/article/details/6419694這篇文章中修復(fù)了的~~Re:dhjcontinent2011-08-1921:42發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：博主，那張圖中的背面左下和右上有兩個(gè)地方?jīng)]有貼上圖，升級(jí)篇中只是在背面先用0xFFAAAAAA灰色填充，然后用帶有文字的bitmap填充，然后再繪制光影效果，看不出BUG，但是如果先用0xFFFF0000,即紅色填充，仍舊可以看到背面是有BUG的，背面左下和右上那兩個(gè)小區(qū)域顯示紅色，沒(méi)有貼上帶文字的bitmap。

或者博主哪部分代碼修復(fù)了這個(gè)BUG，可能我沒(méi)有看出來(lái)，麻煩博主指出，O(∩_∩)O謝謝。Re:hmg252011-08-2008:46發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)dhjcontinent：哦，我理解你的意思了，那個(gè)不是bug，因?yàn)楸趁娴膱D片是旋轉(zhuǎn)后，直接貼上去的，如果要把那個(gè)帶有弧度的區(qū)域也貼上圖的話(huà)，操作起來(lái)很吃力，所以我直接用背景陰影色填充~~Re:dhjcontinent2011-08-2114:31發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：不知博主對(duì)這一問(wèn)題有沒(méi)有好的解決方案，就像ireader一樣，有時(shí)候可能會(huì)去做橫屏翻書(shū)效果，翻書(shū)時(shí)折起的那個(gè)角看到的是下一頁(yè)的文字。此時(shí)如果用同一顏色作為背景的話(huà)，這個(gè)問(wèn)題可以通過(guò)填充相同的背景色解決，但是如果用任意圖片作為閱讀時(shí)的背景，這一問(wèn)題就暴露的很明顯了，直接用圖片填充會(huì)涉及圖片花紋的不協(xié)調(diào)，這是由于僅僅旋轉(zhuǎn)了三角形作為填充背面，希望博主能有好的方案給予指點(diǎn)。O(∩_∩)O謝謝65樓subfate2011-07-2114:55發(fā)表\o"回復(fù)"[回復(fù)]啥時(shí)候有樓主這么牛的技術(shù)就好了。64樓tengsiwo2011-07-1815:50發(fā)表\o"回復(fù)"[回復(fù)]學(xué)習(xí)一下63樓linxian30032011-07-1814:32發(fā)表\o"回復(fù)"[回復(fù)]你好LZ,我在運(yùn)行翻頁(yè)的時(shí)候有bug然后程序自動(dòng)退出了.可我又不知道哪里有問(wèn)題...求幫助~~Re:hmg252011-07-1815:17發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)linxian3003：log輸出什么阿？？？Re:linxian30032011-07-1816:37發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：log沒(méi)出現(xiàn)錯(cuò)誤信息,只有一連串[DEBUG]信息

從左上角開(kāi)始翻頁(yè),當(dāng)mTouch.x=mTouch.y時(shí),程序就自動(dòng)退出了.Re:hmg252011-07-1910:27發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)linxian3003：沒(méi)log怎么定位問(wèn)題啊，你用的是哪個(gè)的代碼啊，用升級(jí)篇里邊的試試，/hmg25/article/details/6419694之前沒(méi)有出現(xiàn)過(guò)這種問(wèn)題哦，使用升級(jí)篇的代碼，記得在SD卡根目錄下，放置一個(gè)test.txtRe:linxian30032011-07-1911:02發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：嗯嗯~問(wèn)題解決了,在升級(jí)篇中有人也遇到這個(gè)問(wèn)題,問(wèn)題在于getCross()這個(gè)方法~

感謝樓主的熱情解答~謝謝~62樓vampire_3332011-07-1214:37發(fā)表\o"回復(fù)"[回復(fù)]我說(shuō)親愛(ài)的LZ啊，我用你的程序改了下我的需求，咋就沒(méi)有陰影了呢，，，還有個(gè)鋸齒的問(wèn)題，加了那個(gè)canvas.setDrawFilter(newPaintFlagsDrawFilter(0,Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG));也還是有鋸齒。。。。。。求幫忙Re:hmg252011-07-1223:03發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)vampire_333：你怎么修改的啊，我的代碼也不是很長(zhǎng)，你自己可以先分析下代碼明白原理了再修改~~這樣可以更好的完善你的需求Re:vampire_3332011-07-1309:43發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：沒(méi)有做大的改動(dòng)，就改用thread來(lái)翻頁(yè)，程序主體沒(méi)什么變化，不知道哪里不行61樓kevinchloe2011-06-0810:01發(fā)表\o"回復(fù)"[回復(fù)]寫(xiě)的很好，支持原創(chuàng)！更支持分享！60樓shuiyindengzuo2011-06-0614:44發(fā)表\o"回復(fù)"[回復(fù)]樓主，你好，非常佩服你的demo，有一點(diǎn)請(qǐng)教的地方，現(xiàn)在實(shí)現(xiàn)的是txt格式，但如果書(shū)中有圖片或者epub格式的文件，應(yīng)該用什么思路來(lái)實(shí)現(xiàn)，我本來(lái)以為是繪制在view或者webview上的，但demo是繪制兩層年bitmap位圖來(lái)更替文本，說(shuō)的很外行，見(jiàn)諒。如果有時(shí)間，請(qǐng)賜教一二。Re:hmg252011-06-0616:11發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)shuiyindengzuo：你可以將圖片繪制在canvas上，也可以將epub格式的文件解析后繪制顯示出來(lái)~~Re:shuiyindengzuo2011-06-0717:59發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：非常感謝，學(xué)到不少東西。Re:hmg252011-06-0616:10發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)shuiyindengzuo：我最初考慮的時(shí)候是選擇將bitmap作為書(shū)頁(yè)，這樣可以將任何你想要顯示的東西繪制在bitmap上，你可以參考我升級(jí)篇中的例子/hmg25/archive/2011/05/14/6419694.aspx，59樓lufei12011-05-2422:04發(fā)表\o"回復(fù)"[回復(fù)]請(qǐng)問(wèn)樓主怎么實(shí)現(xiàn)自動(dòng)實(shí)現(xiàn)翻頁(yè)求指教Re:hmg252011-05-2508:33發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)lufei1：你看看我新大那篇博客就可以拉/hmg25/archive/2011/05/14/6419694.aspx里邊有源碼58樓leowanghong2011-05-1714:59發(fā)表\o"回復(fù)"[回復(fù)]求博主的聯(lián)系方式。謝謝Re:hmg252011-05-1817:41發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)leowanghong：出現(xiàn)什么BUG了嗎，你在這里提問(wèn)或者給我發(fā)站內(nèi)信都可以57樓qianglulu8292011-05-1610:40發(fā)表\o"回復(fù)"[回復(fù)]你的完結(jié)篇代碼我看了下，和之前的沒(méi)什么區(qū)別啊，還是翻不了頁(yè)，還有請(qǐng)教下背面的顯示的代碼實(shí)現(xiàn)Re:hmg252011-05-1611:04發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qianglulu829：/source/3278901Re:nos198809182011-05-1817:53發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：話(huà)說(shuō)你都有出新版本了，佩服Re:hmg252011-05-1817:54發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)nos19880918：小改動(dòng)而已Re:nos198809182011-05-1817:56發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：你敢把“”這個(gè)表情去掉嗎，Re:hmg252011-05-1611:04發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qianglulu829：你看我最新寫(xiě)的升級(jí)篇阿，這個(gè)是添加了翻頁(yè)動(dòng)畫(huà)的56樓net_men2011-05-1009:39發(fā)表\o"回復(fù)"[回復(fù)]這個(gè)效果是很好，但這做不成android的VIEW動(dòng)畫(huà)效果Re:hmg252011-05-1009:41發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)net_men：可以的你只要稍微改動(dòng)下就可以實(shí)現(xiàn)動(dòng)畫(huà)翻頁(yè)效果了~你可以參考下這個(gè)/xiaofanqingzjj/archive/2011/04/25/6361587.aspx最近有些忙，等忙完了，在下次我在發(fā)布個(gè)有動(dòng)畫(huà)的版本Re:liuborama2011-05-1317:47發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：。。你所說(shuō)的翻過(guò)去的動(dòng)作，實(shí)際上是觸摸點(diǎn)抬起后，由一個(gè)類(lèi)似動(dòng)畫(huà)的效果，不斷改變touch點(diǎn)坐標(biāo)

但是怎么能讓動(dòng)畫(huà)平滑呢，之前也是按照這個(gè)思路做得，但是動(dòng)畫(huà)不是很平滑，會(huì)出現(xiàn)卡的現(xiàn)象，另外計(jì)算點(diǎn)的位置和個(gè)數(shù)也是個(gè)問(wèn)題，能否解答一下呢？據(jù)說(shuō)Scroller能弄？55樓net_men2011-05-1009:36發(fā)表\o"回復(fù)"[回復(fù)]如果是圖片，好像陰影能用paint的陰影效果的，不用搞這么麻煩54樓ameyume2011-05-0913:39發(fā)表\o"回復(fù)"[回復(fù)]實(shí)在是太牛了53樓lolomarx2011-05-0710:53發(fā)表\o"回復(fù)"[回復(fù)]匯報(bào)了一個(gè)可能的bug，請(qǐng)查收短信息，謝謝52樓chinazhidubu2011-05-0517:05發(fā)表\o"回復(fù)"[回復(fù)]高51樓nos198809182011-05-0411:21發(fā)表\o"回復(fù)"[回復(fù)]booleanmIsRTandLB;

是標(biāo)記右下角以及左上角的，為什么用這個(gè)標(biāo)記位？這兩個(gè)角放在一起是因?yàn)樘幚淼姆?yè)效果時(shí)，有什么相同之處嗎，為什么分析不出來(lái)，望各位給解答一下！Re:hmg252011-05-0518:55發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)nos19880918：是因?yàn)檫@兩個(gè)角繪制陰影的時(shí)候，陰影漸變的方向不同，你可以試著屏蔽相應(yīng)代碼看看~~Re:nos198809182011-05-1817:36發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：后來(lái)我也意識(shí)到了是因?yàn)闈u變效果，判斷頁(yè)腳的時(shí)候用的是CornerX和CornerY。很感謝樓主的解答，你很熱心嘛，多謝了50樓hshm205172011-05-0314:52發(fā)表\o"回復(fù)"[回復(fù)]必須頂...49樓keshi0012011-05-0309:44發(fā)表\o"回復(fù)"[回復(fù)]48樓JJ4717715482011-05-0223:35發(fā)表\o"回復(fù)"[回復(fù)]47樓JJ4717715482011-05-0223:34發(fā)表\o"回復(fù)"[回復(fù)]46樓gongpengllpp2011-05-0218:44發(fā)表\o"回復(fù)"[回復(fù)]我感覺(jué)這個(gè)flash的感覺(jué)很像~45樓hhlai19912011-05-0217:32發(fā)表\o"回復(fù)"[回復(fù)]算法國(guó)外的flash大師早就實(shí)現(xiàn)了44樓zzg11222011-04-2919:13發(fā)表\o"回復(fù)"[回復(fù)]43樓jason_chou_cn2011-04-2915:51發(fā)表\o"回復(fù)"[回復(fù)]42樓pahu20002011-04-2914:09發(fā)表\o"回復(fù)"[回復(fù)]效果牛X，光看算法我都頭大。。41樓lyllzy2011-04-2913:18發(fā)表\o"回復(fù)"[回復(fù)]40樓ytwyy199008012011-04-2911:32發(fā)表\o"回復(fù)"[回復(fù)]39樓yangjiaweivip2011-04-2910:23發(fā)表\o"回復(fù)"[回復(fù)]38樓a2530644052011-04-2909:43發(fā)表\o"回復(fù)"[回復(fù)]必須的37樓ITtongyx2011-04-2909:23發(fā)表\o"回復(fù)"[回復(fù)]36樓xinshenghu2011-04-2816:59發(fā)表\o"回復(fù)"[回復(fù)]35樓fei2205192011-04-2816:06發(fā)表\o"回復(fù)"[回復(fù)],膜拜34樓cscj20102011-04-2815:53發(fā)表\o"回復(fù)"[回復(fù)]33樓wang2825760952011-04-2813:16發(fā)表\o"回復(fù)"[回復(fù)]羨慕死啊。。。32樓lixing242011-04-2812:01發(fā)表\o"回復(fù)"[回復(fù)]樓主真的很無(wú)私，不要分，，31樓liu_jun_y2011-04-2811:18發(fā)表\o"回復(fù)"[回復(fù)]牛x啊30樓xiaopeng1202011-04-2810:36發(fā)表\o"回復(fù)"[回復(fù)]很好的文章29樓Reallyu2011-04-2810:23發(fā)表\o"回復(fù)"[回復(fù)]這個(gè)效果很牛28樓httk5262011-04-2810:17發(fā)表\o"回復(fù)"[回復(fù)]27樓ljjjjkkll2011-04-2809:39發(fā)表\o"回復(fù)"[回復(fù)]真的很不錯(cuò)，剛好在學(xué)習(xí)android，學(xué)習(xí)！頂！26樓jackhenry2011-04-2723:04發(fā)表\o"回復(fù)"[回復(fù)]ireader軟件就是這樣，可供用戶(hù)的配置項(xiàng)做的相當(dāng)不錯(cuò)25樓liujinrui2011-04-2717:51發(fā)表\o"回復(fù)"[回復(fù)]不錯(cuò)，先研究一下。thanks24樓nos198809182011-04-2716:10發(fā)表\o"回復(fù)"[回復(fù)]很佩服樓主的開(kāi)源精神23樓lander8712072011-04-2715:34發(fā)表\o"回復(fù)"[回復(fù)]學(xué)習(xí)22樓songconglai2011-04-2713:30發(fā)表\o"回復(fù)"[回復(fù)]21樓zhuzhuaipps2011-04-2713:26發(fā)表\o"回復(fù)"[回復(fù)]牛逼??！20樓haiguige2011-04-2713:08發(fā)表\o"回復(fù)"[回復(fù)]很強(qiáng)悍，佩服啊。頂個(gè)19樓jeanthbian2011-04-2710:58發(fā)表\o"回復(fù)"[回復(fù)]18樓qq2010we2011-04-2710:30發(fā)表\o"回復(fù)"[回復(fù)]大神，在1.5中執(zhí)行到canvas.clipPath(path,Region.Op.XOR);到clipPath方法時(shí)就卡住不動(dòng)了。是怎么回事呢，跪求大神解答啊。Re:hmg252011-04-2715:12發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：這樣凡是會(huì)使mBezierStart1.x變成NaN的地方都會(huì)出現(xiàn)問(wèn)題，所以用1.5問(wèn)題多多，建議還是使用2.2~Re:qq2010we2011-04-2815:09發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：非常感謝LZ的幫助，雖然問(wèn)題還是存在，但是感覺(jué)LZ很偉大。Re:hmg252011-04-2815:13發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：沒(méi)什么偉大不偉大的，互相學(xué)習(xí)罷拉，你還有什么問(wèn)題阿？Re:qq2010we2011-04-2816:44發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：按照你的指點(diǎn)，改了之后，點(diǎn)擊之后畫(huà)面不能翻過(guò)去，要怎么做才能讓他能夠翻頁(yè)呢？（是屏蔽了mTouch.x=mCornerX;mTouch.y=mCornerY;才不能翻頁(yè)嗎？）Re:hmg252011-04-2816:55發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：由于touch點(diǎn)無(wú)法由手直接拖拽至負(fù)的坐標(biāo)，所以你所說(shuō)的翻過(guò)去的動(dòng)作，實(shí)際上是觸摸點(diǎn)抬起后，由一個(gè)類(lèi)似動(dòng)畫(huà)的效果，不斷改變touch點(diǎn)坐標(biāo)，不斷重繪完成的~~Re:hmg252011-04-2816:48發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：我不是很理解你所說(shuō)的翻頁(yè)是什么意思，我所提供的demo里邊并沒(méi)有包含翻頁(yè)的完整動(dòng)畫(huà)，你屏蔽的兩個(gè)語(yǔ)句只是使觸摸點(diǎn)up之后，翻頁(yè)回到原來(lái)的位置而已~Re:qq2010we2011-04-2816:58發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：我的意思是點(diǎn)擊拖拽之后兩個(gè)Bitmap沒(méi)有交換，只停留在點(diǎn)擊的地方，能讓他翻到第二個(gè)Bitmap嗎？Re:hmg252011-04-2817:03發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：我提供的只是個(gè)簡(jiǎn)單的demo，我沒(méi)有時(shí)間去完善它了，它只是演示了翻頁(yè)這個(gè)效果的實(shí)現(xiàn)原理和過(guò)程，如果你想要更好的效果，象ireader之類(lèi)的一樣，需要自己去完善~Re:qq2010we2011-04-2817:07發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：十分感謝你的指點(diǎn)，我試試看，有進(jìn)展跟LZ聯(lián)系Re:hmg252011-04-2817:20發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：加油，呵呵Re:hmg252011-04-2816:55發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：如果你需要實(shí)現(xiàn)動(dòng)畫(huà)的話(huà)，需要自己動(dòng)手實(shí)現(xiàn)一下，其實(shí)也不復(fù)雜的，以拖拽的是右下角為例，只要將touch點(diǎn)，最終逐漸移動(dòng)至（-mWidth，mHeight)點(diǎn)就行了，Re:hmg252011-04-2715:11發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：還有就是在onTouchEvent中的MotionEvent.ACTION_UP時(shí)，也會(huì)出現(xiàn)問(wèn)題，你需要將其中的mTouch.x，mTouch.yd賦值語(yǔ)句屏蔽掉Re:hmg252011-04-2715:06發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：因?yàn)槟J(rèn)mTouch為0，這樣會(huì)造成mBezierStart1.x為NaN，這樣在1.5的時(shí)候會(huì)卡死，你可以在PageWidget()初始化的時(shí)候，給mTouch賦值如：mTouch.x=292;mTouch.y=560;Re:hmg252011-04-2715:03發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)qq2010we：我?guī)湍闵晕⒎治隽讼?，如果是使?.5的話(huà)，那么在mPath0.moveTo(mBezierStart1.x,mBezierStart1.y);這里會(huì)出現(xiàn)問(wèn)題17樓cll0072011-04-2710:09發(fā)表\o"回復(fù)"[回復(fù)]掛號(hào),支持16樓dany12022011-04-2622:04發(fā)表\o"回復(fù)"[回復(fù)]我也得支持一下這篇文章15樓wang_peng12011-04-2618:49發(fā)表\o"回復(fù)"[回復(fù)]能不能解釋一下，漸變的mBackShadowDrawable.setBounds（）中四個(gè)參數(shù)為何要如此取值，沒(méi)有看懂Re:hmg252011-04-2620:56發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)wang_peng1：你可以試著將mBackShadowDrawable.setBounds上邊的那條canvas.rotate屏蔽掉，看看沒(méi)有旋轉(zhuǎn)前的效果~Re:hmg252011-04-2620:57發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：好奇問(wèn)一句，你是否在javaeye里邊有個(gè)號(hào)啊，貌似我經(jīng)?？吹侥愕奈恼屡秪~~Re:wang_peng12011-04-2708:25發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：是的是同一個(gè)號(hào)子呢，呵呵，我的路徑取值和你的有些不同我沒(méi)進(jìn)行異或那種切割，但是我的陰影處理不理想，在你的demo中，如果只拖動(dòng)一個(gè)很小的角度那個(gè)陰影相當(dāng)尖銳和太長(zhǎng)。我知道四個(gè)參數(shù)是限制陰影范圍的，但是那個(gè)矩形在屏幕外很是不理解Re:hmg252011-04-2711:24發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)wang_peng1：呵呵，真是汗顏啊，寫(xiě)的這種爛代碼，讓wang_peng1大神見(jiàn)笑了，我新寫(xiě)了一篇博客是專(zhuān)門(mén)說(shuō)明這個(gè)陰影效果的，希望你能看明白~Re:hmg252011-04-2620:56發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)wang_peng1：那四個(gè)參數(shù)是限定陰影矩形范圍的，它的寬我取的是mTouchToCornerDis/4，長(zhǎng)因?yàn)殡S著你不斷的翻起，越接近對(duì)角線就越長(zhǎng)，所以我取的是屏幕對(duì)角線的長(zhǎng)度。14樓menghnhhuan2011-04-2618:05發(fā)表\o"回復(fù)"[回復(fù)]大神，好厲害啊13樓bgwoailuo2011-04-2614:58發(fā)表\o"回復(fù)"[回復(fù)]我才開(kāi)始學(xué)習(xí)android，唉弄不好??！12樓qq2010we2011-04-2610:51發(fā)表\o"回復(fù)"[回復(fù)]高手：我把源碼安裝在android1.5版本上報(bào)了個(gè)錯(cuò)

Caruseby:android.content.res.Resources$NotFoundException:ResourceID#0x7f020001

能幫我解答下嗎11樓sunjialiang19862011-04-2522:53發(fā)表\o"回復(fù)"[回復(fù)]學(xué)習(xí)一下??！10樓qq2010we2011-04-2516:26發(fā)表\o"回復(fù)"[回復(fù)]9樓lufei12011-04-2516:24發(fā)表\o"回復(fù)"[回復(fù)]做的很完美啊Re:hmg252011-04-2516:40發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)lufei1：還有很多沒(méi)有做呢，比如翻頁(yè)的動(dòng)畫(huà)阿，把它抽象為一個(gè)通用的控件阿~~呵呵，這些都可以去做，研究下~8樓xiaofanqingzjj2011-04-2514:26發(fā)表\o"回復(fù)"[回復(fù)]評(píng)論不能超過(guò)１５０字，簡(jiǎn)單寫(xiě)了篇博客

/xiaofanqingzjj/archive/2011/04/25/6361587.aspxRe:hmg252011-04-2514:44發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)xiaofanqingzjj：Re:xiaofanqingzjj2011-04-2514:56發(fā)表\o"回復(fù)"[回復(fù)]回復(fù)hmg25：7樓xiaofanqingzjj2011-04-2514:16發(fā)表\o"回復(fù)"[回復(fù)]由于公司剛作了信息安全處理，所有的代碼不能弄出來(lái)，為把我的自動(dòng)彈回的實(shí)現(xiàn)原理說(shuō)一下，我這是典型的班門(mén)弄斧，i希望不要見(jiàn)笑。

主要就是使用Scroller的彈回效果：6樓xiaofanqingzjj2011-04-2514:05發(fā)表\o"回復(fù)"[回復(fù)]終于等到了5樓bluefrees2011-04-2317:22發(fā)表\o"回復(fù)"[回復(fù)]4樓liweihljxk2011-04-2310:08發(fā)表\o"回復(fù)"[回復(fù)]3樓yyqing2011-04-2310:04發(fā)表\o"回復(fù)"[回復(fù)]2樓hys1192011-04-2223:37發(fā)表\o"回復(fù)"[回復(fù)]無(wú)話(huà)可說(shuō)，只有頂1樓hys1192011-04-2223:37發(fā)表\o"回復(fù)"[回復(fù)]\o"引用"[引用]\o"舉報(bào)"[舉報(bào)]您還沒(méi)有登錄,請(qǐng)[登錄](méi)或[注冊(cè)]*以上用戶(hù)言論只代表其個(gè)人觀點(diǎn)，不代表CSDN網(wǎng)站的觀點(diǎn)或立場(chǎng)個(gè)人資料

hmg25訪問(wèn)：59802次積分：1404分排名：第3835名原創(chuàng)：46篇轉(zhuǎn)載：20篇譯文：0篇評(píng)論：488條文章搜索文章分類(lèi)android(34)android之launcher探索(6)android之底層學(xué)習(xí)(3)C/C++(5)WindowsMobile(1)其他(3)嵌入式(1)我的3D世界(6)文章存檔2011年09月(4)2011年08月(2)2011年06月(2)2011年05月(6)2011年04月(5)2011年03月(16)2011年02月(16)2010年11月(3)2010年09月(3)2009年12月(1)2009年11月(3)2009年05月(2)2009年04月(3)展開(kāi)閱讀排行\(zhòng)o"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果完結(jié)篇"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果...(11552)\o"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果升級(jí)篇"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果...(4432)\o"如何使用MATLAB進(jìn)行USB2.0攝像頭的編程"如何使用MATLAB進(jìn)行USB2.0攝像...(3288)\o"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果原理篇"Android實(shí)現(xiàn)書(shū)籍翻頁(yè)效果...(2907)\o"WPE詳細(xì)教程"WPE詳細(xì)教程(2774)\o"標(biāo)準(zhǔn)USB，Mini-USB接口定義（絕對(duì)經(jīng)典，值得收藏）"標(biāo)準(zhǔn)USB，Mini-USB接口定義（絕...(2601)\o"探秘widget之widget背后的故事