android翻页实现原理
Android平臺(tái)中的二種翻頁效果實(shí)現(xiàn)。
第一種翻頁效果如下:
?
?
實(shí)現(xiàn)原理:
?當(dāng)前手指觸摸點(diǎn)為a,則 a點(diǎn)坐標(biāo)為(ax,ay), 由三角形acb與三角形cmb為對(duì)稱三角形并且直線cp為am垂直平分線,則 B點(diǎn)坐標(biāo)為(ax/2,ay/2)。
作gf垂直于om且cb垂直于am, 三角形cfg與gfm相似,則 cf:gf = gf:mf ? ? ?cf=(gf * gf) / mf ? ? gf長度為g點(diǎn)縱坐標(biāo) ? ? mf長度為g點(diǎn)橫坐標(biāo) ? ?
cf長度可求 ? ?c點(diǎn)坐標(biāo)可求 由c點(diǎn)、g點(diǎn)可確定過兩點(diǎn)間的直線, 當(dāng)該直線中x=0時(shí)求出與y足交點(diǎn)。
?
?
?第二種翻頁效果
?
?實(shí)現(xiàn)原理:
?使用貝賽爾曲線。曲線有四個(gè)點(diǎn):起始點(diǎn)、終止點(diǎn)(也稱錨點(diǎn))以及兩個(gè)相互分離的中間點(diǎn)。滑動(dòng)兩個(gè)中間點(diǎn),貝塞爾曲線的形狀會(huì)發(fā)生變化。
根據(jù)第一種翻頁效果原理可以確定a、e、h、f、g ,由eh平行于cj且af垂直于eh,則 af垂直于cj則三角形egf相似于三角形cnf 則有ef:cf = gf:nf 。?
設(shè)n為ag中點(diǎn) 則有cf=(3/2)*ef ,則c點(diǎn)坐標(biāo)可求 由c點(diǎn)、k點(diǎn)坐標(biāo)已知可知過兩點(diǎn)間的直線
由該直線可計(jì)算與y軸相交點(diǎn)j 由a、e、c、j可計(jì)算兩條直線的相交點(diǎn)b 同理可求點(diǎn)k。
?
在Android中的具體實(shí)現(xiàn)步驟:
起始頁展示?
1.創(chuàng)建屏幕尺寸的bmp 2.將圖片轉(zhuǎn)化為canvas 3.獲取起始頁面數(shù)據(jù) 3.在canvas中繪制起始頁數(shù)據(jù) 4.在當(dāng)前視圖中復(fù)寫onDraw進(jìn)行重繪出bmp對(duì)象?
翻頁處理?
1.初始化時(shí)創(chuàng)建兩個(gè)bmp(bmp1、bmp2)并將其轉(zhuǎn)換為canvas(canvas1、canvas2) ?
2.獲取手勢(shì)首次觸摸的區(qū)域 (例:當(dāng)首次點(diǎn)擊屏幕的位置x<50&&y<50則為左上角)
3.根據(jù)首次點(diǎn)擊區(qū)域判斷需要展示的數(shù)據(jù)(例:首次點(diǎn)擊處于左側(cè)區(qū)域【左上、左下】的則判斷操作為下一頁操作)
4.獲取下一頁中數(shù)據(jù)并繪制出來在canvas2中
5.根據(jù)1中獲取的區(qū)域位置調(diào)用起始動(dòng)畫使視圖移動(dòng)到手勢(shì)首次點(diǎn)擊位置
6.獲取手勢(shì)每次移動(dòng)的坐標(biāo)并根據(jù)移動(dòng)坐標(biāo)計(jì)算繪制的各個(gè)點(diǎn)的坐標(biāo)
7.每次移動(dòng)刷新視圖
轉(zhuǎn)載于:https://www.cnblogs.com/xiaoran1129/archive/2012/11/14/2769286.html
總結(jié)
以上是生活随笔為你收集整理的android翻页实现原理的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python3.8.3好用吗_pytho
- 下一篇: [深入浅出Cocoa]之消息(二)-详解