[發明專利]一種根據用戶喜好動態排列資訊模塊的方法

在審

• 申請號: 201410288022.2
• 申請日: 2014-06-25
• 公開（公告）號: CN105279167A
• 公開（公告）日: 2016-01-27
• 發明（設計）人: 不公告發明人
• 申請（專利權）人: 深圳市英威諾科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/0488;H04M1/725
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術領域

本發明涉及智能手機DIY界面的技術領域，特別地涉及一種互聯網應用軟件界面排版的技術方法。

背景技術

隨著智能手機的普及，眾多手機資訊類軟件進入了用戶的視線，資訊類軟件多以頻道分類或者源分類的方式為用戶提供閱讀。當中的弊端是資訊頻道分類成千上萬，但是用戶喜歡的頻道可能只有少數的部分，這時候我們需要提供大量的頻道分類給用戶的同時，需要讓用戶把自己最常看和最喜歡的頻道放在應用軟件最方便點擊的地方，用戶的喜好是隨時改變的，可能今天喜歡這些頻道，明天會喜歡另外的一些頻道，這時候我們需要提供給用戶DIY自己喜歡頻道位置的功能。

頻道分類DIY界面算法，解決了智能手機資訊軟件頻道分類位置死板，無法自定義位置的問題，在設計方法上屬于獨創。針對用戶常用的頻道分類，我們以方塊的形式呈現在用戶進入app的第一個界面，方塊上面會展示此分類下資訊相關的圖文，最重要的，我們給用戶提供DIY這些模塊位置的功能，根據用戶的喜好的變化，用戶可以根據自己實時的喜好，把最常用的資訊分類模塊放置到自己最喜歡的位置，方便下次快速的進入這些頻道查看資訊。如使用安卓系統自帶的控件，無法達到這種根據用戶喜好任意DIY位置的功能。

目前實現用戶DIY資訊方塊的一種方法是：把手機屏幕分成X列，Y行的方格，每個單位方格的寬高為單位1，初始所有方塊的位置以左上角位置的X,Y位置確定，而它所占的寬和高，根據是多少個單位方格來確定。如此我們就可以確定這個資訊方塊在X列Y行的屏幕上所占據的區域。如此下來可以確定當前所有資訊模塊所占據的區域，以此為根據我們可以動態的來排列這些模塊的位置，而不讓他們出現重疊的情況，從而達到根據用戶喜歡來排列模塊的功能。

發明內容

本發明的主要目的是提供一種根據用戶喜好來動態排列資訊模塊位置的解決方法。以解決現有的安卓控件中無法做到的排版效果。使用安卓系統自帶的控件都無法根據用戶手勢的拖動來達到用戶想要更換位置的效果，影響用戶閱讀體驗。

為解決上述問題本發明提供如下技術方案：

1、把資訊按頻道分類，每個分類渲染成若干m乘n的矩形模塊，每個模塊上展示此分類頻道下的一些基本信息，這些模塊都接收到用戶的長按手勢時，就會進入激活狀態，此時這個模塊可以跟隨用戶手指在屏幕上得滑動來做線性移動，并且在用戶松開時確定最終位置和其余資訊模塊的排版位置。

2、把屏幕分成X列，Y行的單位格子，每次添加資訊頻道分類時，都會生成一個m個單位寬n個單位高的矩形模塊，此模塊的左上角的坐標位置確定了它的起始位置，然后橫向占據單位m個格子縱向占據n個單位格子，如此我們就確定了它在屏幕上所占的區域，用戶每次添加資訊或者其他功能模塊時，以此確定添加模塊的渲染區域。

3、每次我們松開手指時，被操作的模塊（被操作模塊及用戶想要移動的模塊后面統稱M）都會移動到一個新的位置，這時我們會查看M的左上角與哪個單元格的絕對距離最接近，已確定M的起始位置，然后執行上述第二步中的操作確定渲染區域，確定渲染區域時需要做碰撞檢測，針對碰撞檢測結果會有針對其他模塊的不同操作，最后把M成功放置之后，保證M與其它模塊沒有重疊。

具體實施方式：

1.首先我們把整個屏幕的可編輯區域的寬和高分別為w像素和h像素，分成X列，Y行的若干寬高都為width=w/x像素（px）的正方形單元格，然后我們設置一個二維數組aXX來存放所有的單元格對應的狀態（狀態為兩個，0表示此單元格未被占用，1表示被占用）。如此，aXX即可表示整個可編輯區域的狀態圖。

2.根據上述準備，我們第一步開始初始化默認的模塊，我們人為的把默認模塊無重疊的排好，并記錄每一個模塊的信息，需要記錄模塊的信息主要包括寬Wn，高Hn以及左上角與哪個單元格重疊a[m][n]，然后根據每個模塊的這三個信息，把整個a[m][n]的值重新全部變成0，然后遍歷所有模塊，把每個模塊所占區域映射到a[m][n]上，即可以生成整個區域單元格aXX被占用的情況，即空的單元格為0，被占用的單元格為1。

3.有了上述初始化工作后，接下來可以允許用戶對整個界面進行DIY排版操作，當用戶手指長按屏幕產生onLongclick事件時，這時候我們根據當前觸摸的像素點j，k，然后分別用j和k整除單元格的寬高width，即可得出此觸摸點屬于哪個單元格，然后通過遍歷所有默認單元格即可得出觸摸點屬于哪個模塊。此時我們把此模塊的視圖view單獨渲染，當手指移動時，根據最新移動到位置j，k來重新渲染此view的顯示區域，這個移動過程不做任何碰撞判斷。