由于項(xiàng)目需要,我們需要一個(gè)可以橫向滾動(dòng)的,又可以豎向滾動(dòng)的 表格。而且又要考慮大數(shù)據(jù)量(行)的展示視圖。經(jīng)過(guò)幾天的研究終于搞定,做了一個(gè)演示。貼圖如下:
好吧。讓我們看思路是什么樣的:
1. 上下滾動(dòng)直接使用 listView來(lái)實(shí)現(xiàn)。
2. 左右滾動(dòng)使用HorizontalScrollView,來(lái)處理滾動(dòng)。我寫(xiě)一個(gè)類MyHScrollView繼承 自它。
2.1 . ListView里的每行(row)分為 兩部分,不滾動(dòng)的和可滾動(dòng)的區(qū)域。比如本demo的第一列,就是靜態(tài)的。而后面的所有列都是可以滾動(dòng)的。
2.2. 我不想自己計(jì)算滾動(dòng)的距離,因?yàn)檫€要處理越界,坐標(biāo)等等。于是我使用 OnTouch事件來(lái)處理。于是我們必須搞懂OnTouch的運(yùn)行機(jī)制。了解 請(qǐng)google it.
2.3. 列頭 (顯示列名的那一行)是固定的,不會(huì)上下滾動(dòng) 。但可以左右滾動(dòng)。而且它在左右滾動(dòng)時(shí),所有的 數(shù)據(jù)行(row) ,都要與其一起左右滾動(dòng)。那么我們需要監(jiān)聽(tīng) 列頭 (控件)的滾動(dòng)變化消息(事件),并將消息廣播給所有的 數(shù)據(jù)行。這些數(shù)據(jù)行收到消息后,調(diào)整自己的滾動(dòng)條位置以保持和 列頭 的滾動(dòng)距離一致。
3. 那么整個(gè)流程基本是這樣的。
3.1, 捕獲 列頭(容器控件,包含固定和可滾動(dòng)控件)的 onTouch事件(拖動(dòng)事件),不處理。而分發(fā)給 “列頭里的 可滾動(dòng)部分的控件”,該控件是一個(gè)HorizontalScrollView的 子類, 當(dāng)它收到這些 拖動(dòng)事件時(shí),就產(chǎn)生了固定的效果
3.2. 捕獲 數(shù)據(jù)行 區(qū) 的控件(該控件其實(shí)就是ListView控件 )的OnTouch事件,不處理,同樣分發(fā)給 “列頭里的 可滾動(dòng)部分的控件”。 這兩步,就完成了一個(gè)小效果,點(diǎn)擊表 格的頭部和體部都能移動(dòng)(滾動(dòng))行。
3.3. 我寫(xiě)了一個(gè) HorizontalScrollView的子類,重載 onScrollChanged 方法,該方法在 滾動(dòng)之后執(zhí)行,相當(dāng)于“滾動(dòng)后的事件”,我寫(xiě)了一個(gè)觀察者(設(shè)計(jì)模式)的類。每次 滾動(dòng)后,都通知給 觀察者。觀察者再通知給它的訂閱者(那些需要同時(shí)滾動(dòng)的行里面的 滾動(dòng)控件)。
3.4. 當(dāng)ListView創(chuàng)建行時(shí),讓這些行都訂閱 上一步 的觀察者。當(dāng) 收到消息后,調(diào)整自身的滾動(dòng)條位置以保持和 列頭 的滾動(dòng)條位置一致。
代碼比較多,就不貼了。提供代碼下載。
新聞熱點(diǎn)
疑難解答
圖片精選