依據輸入操作調整控制元件形狀的系統及其方法
【專利摘要】一種依據輸入操作調整控制元件形狀的系統及其方法，其通過判斷輸入操作為對控制元件的邊界的拖曳操作時，根據拖曳軌跡重新繪制控制元件的形狀的技術手段，可以讓使用者自行調整版面布局中的控制元件的形狀，并達成增加使用者體驗的技術效果。
【專利說明】依據輸入操作調整控制元件形狀的系統及其方法
【技術領域】
[0001]本發明涉及一種控制元件形狀調整系統及其方法，特別涉及一種依據輸入操作調整控制元件形狀的系統及其方法。
【背景技術】
[0002]目前在可攜裝置的應用程序可以使用的版面布局的形式不多，尤其是設置在版面布局上的控制元件的形狀更是只有幾種，這樣的情況往往限制了控制元件在應用程序的版面布局上的配置，因而影響使用者體驗。
[0003]當可攜裝置的使用者因為應用程序的版面布局而影響其操作時，例如，使用者覺得版面布局上的某個控制元件的形狀或大小造成使用者容易誤按，或是某個控制元件的形狀或大小不容易被注意到時，使用者并無法自由的修改。
[0004]綜上所述，可知現有技術中長期以來一直存在版面布局中的控制元件無法讓使用者自行調整的問題，因此有必要提出改進的技術手段，來解決這一問題。
【發明內容】
[0005]有鑒于現有技術存在版面布局中的控制元件無法讓使用者自行調整的問題，本發明遂揭露一種依據輸入操作調整控制元件形狀的系統及其方法，其中:
[0006]本發明所揭露的依據輸入操作調整控制元件形狀的系統，應用于一裝置，至少包含:顯示模塊，用以顯示包含控制元件的版面布局(Layout);輸入模塊，用以提供在版面布局中對控制元件進行輸入操作；操作判斷模塊，用以判斷輸入操作是否為拖曳操作；軌跡記錄模塊，用以在操作判斷模塊判斷輸入操作為拖曳操作時，記錄輸入操作的拖曳軌跡，使顯示模塊依據拖曳軌跡重新繪制(draw)控制元件的形狀。
[0007]本發明所揭露的依據輸入操作調整控制元件形狀的方法，應用于一裝置，其步驟至少包括:顯示包含控制元件的版面布局；提供在版面布局中對控制元件進行輸入操作；判斷輸入操作為拖曳操作時，記錄輸入操作的拖曳軌跡；根據拖曳軌跡重新繪制控制元件的形狀。
[0008]本發明所揭露的系統與方法如上，與現有技術之間的差異在于，本發明通過判斷輸入操作為對控制元件的拖曳操作時，根據拖曳軌跡重新繪制控制元件的形狀，由此解決現有技術所存在的問題，并可以達成增加使用者體驗的技術效果。
【專利附圖】
【附圖說明】
[0009]圖1為本發明所述的依據輸入操作調整控制元件形狀的系統架構圖。
[0010]圖2A為本發明所述的依據輸入操作調整控制元件形狀的方法流程圖。
[0011]圖2B為本發明所述的判斷輸入操作是否為拖曳操作的詳細方法流程圖。
[0012]圖2C為本發明所述的取消重繪控制元件的附加方法流程圖。
[0013]圖2D為本發明所述的縮小控制元件的附加方法流程圖。[0014]圖2E為本發明所述的調整拖曳軌跡的附加方法流程圖。
[0015]主要部件附圖標記:
[0016]100裝置
[0017]110輸入模塊
[0018]120操作判斷模塊
[0019]130軌跡記錄模塊
[0020]160顯示模塊
[0021]步驟202顯示包含控制元件的版面布局
[0022]步驟210提供在版面布局中對該控制元件進行輸入操作
[0023]步驟220判斷輸入操作是否為拖曳操作
[0024]步驟222控制元件接收觸控事件
[0025]步驟226 依據觸控事件判斷輸入操作是否為拖曳操作
[0026]步驟230記錄輸入操作的拖曳軌跡
[0027]步驟251判斷拖曳軌跡是否超出版面布局的邊界
[0028]步驟253將版面布局的邊界作為拖曳軌跡的邊界
[0029]步驟257判斷拖曳軌跡是否超出顯示區域的邊界
[0030]步驟259將顯示區域的邊界作為拖曳軌跡的邊界
[0031]步驟260a判斷形狀重繪后的控制元件是否與版面布局中的其他控制元件重疊
[0032]步驟260b判斷拖曳軌跡是否超出輸入空間
[0033]步驟271取消重繪控制元件的形狀，或恢復形狀重繪后的控制元件為原形狀
[0034]步驟275縮小版面布局中的其他控制元件
[0035]步驟280根據拖曳軌跡重新繪制控制元件的形狀
【具體實施方式】
[0036]以下將結合附圖及實施例來詳細說明本發明的特征與實施方式，內容足以使任何本領域技術人員能夠輕易地充分理解本發明解決技術問題所應用的技術手段并據以實施，由此實現本發明可達成的技術效果。
[0037]本發明可以讓使用者在執行于可攜裝置的應用程序所顯示的版面布局中，以拖曳的方式，自由調整版面布局中的控制元件的形狀。
[0038]以下先以圖1本發明所述的依據輸入操作調整控制元件形狀的系統架構圖來說明本發明的系統運作。如圖1所示，本發明的系統含有輸入模塊110、操作判斷模塊120、軌跡記錄模塊130、以及顯示模塊160。
[0039]輸入模塊110負責提供對版面布局中的控制元件進行輸入操作。
[0040]操作判斷模塊120負責判斷輸入模塊提供輸入的輸入操作是否為拖曳操作。一般而言，對控制元件進行輸入操作時，控制元件會接收到相對應的觸控事件(onTouchEvent)，操作判斷模塊120可以依據接收到的觸控事件的間隔時間、以及觸控事件中所記錄的產生的位置(通常是在顯示區域中的坐標，但本發明并不以此為限)，判斷輸入操作是否為拖曳操作，但本發明并不以此為限，操作判斷模塊120也可以依據控制元件所接收到的觸控事件的類型判斷輸入操作是否為拖曳操作。[0041]軌跡記錄模塊130負責在操作判斷模塊120判斷輸入模塊110提供輸入的輸入操作為拖曳操作時，記錄被輸入的輸入操作的拖曳軌跡。一般而言，當輸入操作為拖曳操作時，操作判斷模塊120將會連續接收到的多個觸控事件，軌跡記錄模塊130可以依序記錄操作判斷模塊120所接收到的各個的觸控事件中所記錄的產生的位置，這樣，軌跡記錄模塊130所記錄的觸控事件產生的位置即為拖曳操作的拖曳軌跡。
[0042]顯示模塊160負責依據軌跡記錄模塊130所記錄的拖曳軌跡重新繪制(re_draw)接收到觸控事件的控制元件的形狀。一般而言，顯示模塊會先依據拖曳軌跡判斷控制元件的新形狀，而后使用如Shape類別(Class)等物件(Object)修改控制元件的形狀，使得控制元件修改后的形狀與拖曳軌跡相符。
[0043]其中，顯示模塊160可以判斷拖曳軌跡是否與版面布局的邊界接觸，當拖曳軌跡與版面布局的邊界接觸時，會將拖曳軌跡的邊界修改為版面布局的邊界。相似地，顯示模塊160也可以判斷拖曳軌跡是否與執行本發明的可攜裝置的顯示區域的邊界接觸，當拖曳軌跡與可攜裝置的顯示區域的邊界接觸時，會將拖曳軌跡的邊界修改為可攜裝置的邊界。
[0044]另外，顯示模塊160還可以判斷形狀調整后的控制元件是否與版面布局中的其他控制元件重疊，也就是判斷拖曳軌跡是否超出輸入空間。當形狀調整后的控制元件與版面布局中的其他控制元件重疊時，顯示模塊160可以取消調整控制元件的形狀，或將控制元件由調整后的形狀還原為調整前的形狀。其中，顯示模塊可以判斷形狀調整后的控制元件的各個邊界是否通過版面布局中的其他控制元件，當形狀調整后的控制元件的任何一個邊界通過版面布局中的其他控制元件時，表示形狀調整后的控制元件與版面布局中的其他控制元件重疊。
[0045]一般而言，除了被顯示模塊160重新繪制的控制元件的外，版面布局中的其他控制元件的位置、形狀與大小都不會改變，但在部分的實施例中，若顯示模塊160判斷拖曳軌跡與版面布局中的其他控制元件重疊，則顯示模塊160可以縮小版面布局中的其他控制元件，但被縮小的控制元件的位置與形狀仍然不會改變，也就是說，顯示模塊160會在版面布局中的其他控制元件的原始位置上，重新縮小后的控制元件，且被縮小后的控制元件的形狀仍然與被縮小前維持一致。
[0046]接著以一個實施例來解說本發明的運作系統與方法，并請參照圖2A本發明所述的依據輸入操作調整控制元件形狀的方法流程圖。
[0047]在應用程序在可攜裝置上執行后，顯示模塊160可以顯示應用程序所使用的版面布局，并在版面布局中顯示各個控制元件(步驟202)。接著，輸入模塊110可以提供使用者在版面布局中進行輸入操作(步驟210)。
[0048]在本實施例中，假設使用者希望調整版面布局中的某個控制元件的形狀，則使用者可以通過輸入模塊110，在可攜裝置的觸控屏幕上拖曳該控制元件的邊界。當使用者拖曳控制元件的邊界時，觸控事件會被觸發，邊界被拖曳的控制元件便會在使用者拖曳的過程中接收到一連串被觸發的觸控事件。控制元件在接收到觸控事件后，會判斷所接收到的觸控事件是否為其需要處理的觸控事件，若是，則執行與所接收到的觸控事件對應的程序，若否，則會將所接收到的觸控事件傳遞給版面布局，并由版面布局執行與該觸控事件對應的程序。由于被觸發的觸控事件是因為控制元件的邊界被拖曳而產生，因此，控制元件可以判斷所接收到的觸控事件不是其需要處理的觸控事件，因而將所接收到的所有觸控事件都傳遞給版面布局。
[0049]版面布局在接收到觸控事件后，操作判斷模塊120可以判斷輸入模塊110提供輸入的輸入操作是否為拖曳操作(步驟210)，也就是判斷版面布局所接收到的觸控事件是否由拖曳事件，若否，則本發明的其他模塊將不會執行，操作判斷模塊120會繼續等待版面布局接收觸控事件并判斷被接收的觸控事件是否為拖曳事件，若是，則本發明的其他模塊才會執行。在本實施例中，由于版面布局接收到一連串的觸控事件，且所接收到的觸控事件的時間以及產生的位置有一定的連貫性，因此，操作判斷模塊120可以判斷輸入操作為拖曳操作。
[0050]在操作判斷模塊120判斷輸入模塊110提供輸入的輸入操作為拖曳操作(步驟210)后，軌跡記錄模塊130可以記錄輸入操作的拖曳軌跡(步驟230)。在本實施例中，也就是記錄各個觸控事件在觸控屏幕中產生的坐標。
[0051]在軌跡記錄模塊130記錄輸入操作的拖曳軌跡(步驟230)后，顯示模塊160可以根據軌跡記錄模塊130所記錄的拖曳軌跡，在版面布局上重新繪制邊界被拖曳的控制元件的形狀(步驟280)。在本實施例中，顯示模塊160會將控制元件的邊界中，通過拖曳軌跡的起始坐標的邊界的兩端點與拖曳軌跡的最后坐標連接，同時清除該邊界，這樣，便改變了控制元件的形狀，而后，顯示模塊160便可以在版面布局中，形狀改變后的控制元件的原始位置，重新繪制形狀改變后的控制元件。
[0052]在上述的實施例中，在軌跡記錄模塊130記錄輸入操作的拖曳軌跡(步驟230)后，顯示模塊160根據拖曳軌跡在版面布局上重新繪制控制元件的形狀(步驟280)前，顯示模塊160還可以如圖2C所示的流程，判斷形狀重繪后的控制元件是否與版面布局中的其他控制元件重疊(步驟260)，若是，則取消重繪控制元件的形狀，或在重繪控制元件的形狀后，將形狀重繪后的控制元件恢復為原形狀，也就是再次重繪控制元件(步驟271)。
[0053]同樣在軌跡記錄模塊130記錄輸入操作的拖曳軌跡(步驟230)后，顯示模塊160根據拖曳軌跡在版面布局上重新繪制控制元件的形狀(步驟280)前，顯示模塊160還可以如圖2D所示的流程，判斷拖曳軌跡是否超出輸入空間(步驟260b)，若是，則縮小版面布局中的其他控制元件。
[0054]另外，在軌跡記錄模塊130記錄輸入操作的拖曳軌跡(步驟230)后，顯示模塊160根據拖曳軌跡在版面布局上重新繪制控制元件的形狀(步驟280)前，顯示模塊160還可以如圖2E所示的流程，判斷拖曳軌跡是否超出版面布局的邊界(步驟251)，若否，顯示模塊160便可以根據拖曳軌跡在版面布局上重新繪制控制元件的形狀(步驟280)，若是，則將版面布局的邊界作為拖曳軌跡的邊界(步驟253)，并繼續判斷拖曳軌跡是否超出裝置的顯示區域的邊界(步驟257)，若是，則將顯示區域的邊界作為拖曳軌跡的邊界(步驟259)，若否，顯示模塊160便可以根據拖曳軌跡在版面布局上重新繪制控制元件的形狀(步驟280)。
[0055]綜上所述，可知本發明與現有技術之間的差異在于，具有判斷輸入操作為對控制元件的拖曳操作時，根據拖曳軌跡重新繪制控制元件的形狀的技術手段，通過這一技術手段可以解決現有技術所存在版面布局中的控制元件無法讓使用者自行調整的問題，進而達成增加使用者體驗的技術效果。
[0056]再者，本發明的依據輸入操作調整控制元件形狀的方法，可實現于硬件、軟件或硬件與軟件的組合中，亦可在電腦系統中以集中方式實現或以不同元件散布于若干互連的電腦系統的分散方式實現。
[0057]雖然本發明所揭露的實施方式如上，然而所述的內容并非用以直接限定本發明的專利保護范圍。任何本發明所屬領域技術人員，在不脫離本發明所揭露的精神和范圍的前提下，對本發明的實施的形式上及細節上作一些更動潤飾，均屬于本發明的專利保護范圍。本發明的專利保護范圍，仍須以權利要求書所限定的內容為準。
【權利要求】
1.一種依據輸入操作調整控制元件形狀的方法，其特征在于，應用于一裝置，該方法至少包含下列步驟: 顯示包含至少一控制元件的版面布局； 提供在該版面布局中對該控制元件進行輸入操作； 判斷該輸入操作為拖曳操作時，記錄該輸入操作的拖曳軌跡；及 根據該拖曳軌跡重新繪制該控制元件的形狀。
2.如權利要求1所述的依據輸入操作調整控制元件形狀的方法，其特征在于，判斷該輸入操作為拖曳操作時的步驟為依據該控制元件所接收到的觸控事件判斷該輸入操作是否為拖曳操作。
3.如權利要求1所述的依據輸入操作調整控制元件形狀的方法，其特征在于，根據該拖曳軌跡重新繪制該控制元件的形狀的步驟，還包含判斷該拖曳軌跡與該裝置的顯示區域或該版面布局的邊界接觸時，將該裝置的邊界作為該拖曳軌跡的邊界。
4.如權利要求1所述的依據輸入操作調整控制元件形狀的方法，其特征在于，根據該拖曳軌跡重新繪制該控制元件的形狀的步驟，還包含判斷形狀重繪后的該控制元件是否與該版面布局中的其他控制元件重疊，當形狀重繪后的該控制元件與該版面布局中的其他控制元件重疊時，取消重繪該控制元件的形狀，或恢復該形狀重繪后的控制元件為原形狀。
5.如權利要求1所述的依據輸入操作調整控制元件形狀的方法，其特征在于，該方法在根據該拖曳軌跡重新繪制該控制元件的形狀的步驟前，還包含判斷該拖曳軌跡超出輸入空間時，縮小該版面布局中的其他控制元件。
6.一種依據輸入操作調整控制元件形狀的系統，其特征在于，應用于一裝置，該系統至少包含: 顯示模塊，用以顯示包含至少一控制元件的版面布局； 輸入模塊，用以提供在該版面布局中對該控制元件進行輸入操作； 操作判斷模塊，用以判斷該輸入操作是否為拖曳操作 '及 軌跡記錄模塊，用以在該操作判斷模塊判斷該輸入操作為拖曳操作時，記錄該輸入操作的拖曳軌跡，使該顯示模塊依據該拖曳軌跡重新繪制該控制元件的形狀。
7.如權利要求6所述的依據輸入操作調整控制元件形狀的系統，其特征在于，該操作判斷模塊是依據該控制元件所接收的觸控事件判斷該輸入操作是否為拖曳操作。
8.如權利要求6所述的依據輸入操作調整控制元件形狀的系統，其特征在于，該顯示模塊還用以判斷該拖曳軌跡與該裝置的邊界接觸時，將該裝置的邊界作為該拖曳軌跡的邊界。
9.如權利要求6所述的依據輸入操作調整控制元件形狀的系統，其特征在于，該顯示模塊還用以判斷形狀調整后的該控制元件是否與該版面布局中的其他控制元件重疊，當形狀調整后的該控制元件與該版面布局中的其他控制元件重疊時，取消調整該控制元件的形狀或將該控制元件的形狀還原。
10.如權利要求6所述的依據輸入操作調整控制元件形狀的系統，其特征在于，該顯示模塊還用以判斷該拖曳軌跡超出輸入空間時，縮小該版面布局中的其他控制元件。
【文檔編號】G06F3/0486GK103853456SQ201210507864
【公開日】2014年6月11日 申請日期:2012年11月30日 優先權日:2012年11月30日
【發明者】施宇杰 申請人:英業達科技有限公司, 英業達股份有限公司