依據(jù)輸入操作調(diào)整控制元件形狀的系統(tǒng)及其方法
【專利摘要】一種依據(jù)輸入操作調(diào)整控制元件形狀的系統(tǒng)及其方法，其通過(guò)判斷輸入操作為對(duì)控制元件的邊界的拖曳操作時(shí)，根據(jù)拖曳軌跡重新繪制控制元件的形狀的技術(shù)手段，可以讓使用者自行調(diào)整版面布局中的控制元件的形狀，并達(dá)成增加使用者體驗(yàn)的技術(shù)效果。
【專利說(shuō)明】依據(jù)輸入操作調(diào)整控制元件形狀的系統(tǒng)及其方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種控制元件形狀調(diào)整系統(tǒng)及其方法，特別涉及一種依據(jù)輸入操作調(diào)整控制元件形狀的系統(tǒng)及其方法。
【背景技術(shù)】
[0002]目前在可攜裝置的應(yīng)用程序可以使用的版面布局的形式不多，尤其是設(shè)置在版面布局上的控制元件的形狀更是只有幾種，這樣的情況往往限制了控制元件在應(yīng)用程序的版面布局上的配置，因而影響使用者體驗(yàn)。
[0003]當(dāng)可攜裝置的使用者因?yàn)閼?yīng)用程序的版面布局而影響其操作時(shí)，例如，使用者覺得版面布局上的某個(gè)控制元件的形狀或大小造成使用者容易誤按，或是某個(gè)控制元件的形狀或大小不容易被注意到時(shí)，使用者并無(wú)法自由的修改。
[0004]綜上所述，可知現(xiàn)有技術(shù)中長(zhǎng)期以來(lái)一直存在版面布局中的控制元件無(wú)法讓使用者自行調(diào)整的問(wèn)題，因此有必要提出改進(jìn)的技術(shù)手段，來(lái)解決這一問(wèn)題。

【發(fā)明內(nèi)容】

[0005]有鑒于現(xiàn)有技術(shù)存在版面布局中的控制元件無(wú)法讓使用者自行調(diào)整的問(wèn)題，本發(fā)明遂揭露一種依據(jù)輸入操作調(diào)整控制元件形狀的系統(tǒng)及其方法，其中:
[0006]本發(fā)明所揭露的依據(jù)輸入操作調(diào)整控制元件形狀的系統(tǒng)，應(yīng)用于一裝置，至少包含:顯示模塊，用以顯示包含控制元件的版面布局(Layout);輸入模塊，用以提供在版面布局中對(duì)控制元件進(jìn)行輸入操作；操作判斷模塊，用以判斷輸入操作是否為拖曳操作；軌跡記錄模塊，用以在操作判斷模塊判斷輸入操作為拖曳操作時(shí)，記錄輸入操作的拖曳軌跡，使顯示模塊依據(jù)拖曳軌跡重新繪制(draw)控制元件的形狀。
[0007]本發(fā)明所揭露的依據(jù)輸入操作調(diào)整控制元件形狀的方法，應(yīng)用于一裝置，其步驟至少包括:顯示包含控制元件的版面布局；提供在版面布局中對(duì)控制元件進(jìn)行輸入操作；判斷輸入操作為拖曳操作時(shí)，記錄輸入操作的拖曳軌跡；根據(jù)拖曳軌跡重新繪制控制元件的形狀。
[0008]本發(fā)明所揭露的系統(tǒng)與方法如上，與現(xiàn)有技術(shù)之間的差異在于，本發(fā)明通過(guò)判斷輸入操作為對(duì)控制元件的拖曳操作時(shí)，根據(jù)拖曳軌跡重新繪制控制元件的形狀，由此解決現(xiàn)有技術(shù)所存在的問(wèn)題，并可以達(dá)成增加使用者體驗(yàn)的技術(shù)效果。
【專利附圖】

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