滑動(dòng)控件及其顯示方法
【專利摘要】本發(fā)明提供了一種滑動(dòng)控件的顯示方法，滑動(dòng)控件包括滑桿和居于滑桿上的滑片，滑桿包括第一段和第二段，第一段為從滑桿的起點(diǎn)到滑片，第二段為從滑片到滑桿的終點(diǎn)；本方法包括：將第一段顯示為第一視覺效果，將第二段顯示為與第一視覺效果不相同的第二視覺效果。本發(fā)明還提供了一種滑動(dòng)控件，包括滑桿和居于滑桿上的滑片，滑桿包括第一段和第二段，第一段為從滑桿的起點(diǎn)到滑片，第二段為從滑片到滑桿的終點(diǎn)，第一段具有第一視覺效果，第二段具有與第一視覺效果不相同的第二視覺效果。本發(fā)明可以更直觀地表現(xiàn)值的變化。
【專利說明】滑動(dòng)控件及其顯示方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及圖形界面領(lǐng)域，具體而言，涉及滑動(dòng)控件及其顯示方法。
【背景技術(shù)】
[0002]當(dāng)前的滑動(dòng)控件的展現(xiàn)有以下特點(diǎn):滑動(dòng)控件滑動(dòng)時(shí)，滑片和滑竿都沒有變化。在當(dāng)前滑動(dòng)控件的展現(xiàn)中，當(dāng)滑片滑動(dòng)時(shí)，只有滑片的位置發(fā)生變化，沒有其他能明顯地看出滑動(dòng)控件發(fā)生變化的地方。

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

[0003]本發(fā)明旨在提供滑動(dòng)控件及其顯示方法，以解決上述的問題。
[0004]在本發(fā)明的實(shí)施例中，提供了一種滑動(dòng)控件的顯示方法，滑動(dòng)控件包括滑桿和居于滑桿上的滑片，滑桿包括第一段和第二段，第一段為從滑桿的起點(diǎn)到滑片，第二段為從滑片到滑桿的終點(diǎn)；本方法包括:將第一段顯示為第一視覺效果，將第二段顯示為與第一視覺效果不相同的第二視覺效果。
[0005]在本發(fā)明的實(shí)施例中，提供了一種滑動(dòng)控件，包括滑桿和居于滑桿上的滑片，滑桿包括第一段和第二段，第一段為從滑桿的起點(diǎn)到滑片，第二段為從滑片到滑桿的終點(diǎn)，第一段具有第一視覺效果，第二段具有與第一視覺效果不相同的第二視覺效果。
[0006]本發(fā)明上述實(shí)施例的滑動(dòng)控件及其顯示方法對(duì)滑桿的位于滑片兩邊的兩段設(shè)置不同的視覺效果，從而可以更直觀地表現(xiàn)值的變化。
【專利附圖】

【附圖說明】
[0007]此處所說明的附圖用來提供對(duì)本發(fā)明的進(jìn)一步理解，構(gòu)成本申請(qǐng)的一部分，本發(fā)明的示意性實(shí)施例及其說明用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。在附圖中:
[0008]圖1-3示出了根據(jù)本發(fā)明實(shí)施例的橫向滑動(dòng)控件的滑桿隨滑片滑動(dòng)而發(fā)生動(dòng)態(tài)變化的示意圖；
[0009]圖4-6示出了根據(jù)本發(fā)明實(shí)施例的縱向滑動(dòng)控件的滑桿隨滑片滑動(dòng)而發(fā)生動(dòng)態(tài)變化的示意圖。
【具體實(shí)施方式】
[0010]下面將參考附圖并結(jié)合實(shí)施例，來詳細(xì)說明本發(fā)明。
[0011]圖1-3示出了根據(jù)本發(fā)明實(shí)施例的橫向滑動(dòng)控件的滑桿隨滑片滑動(dòng)而發(fā)生動(dòng)態(tài)變化的示意圖；圖4-6示出了根據(jù)本發(fā)明實(shí)施例的縱向滑動(dòng)控件的滑桿隨滑片滑動(dòng)而發(fā)生動(dòng)態(tài)變化的示意圖。
[0012]如圖所示，滑動(dòng)控件包括滑桿和居于滑桿上的滑片，滑桿包括第一段和第二段，第一段為從滑桿的起點(diǎn)到滑片，第二段為從滑片到滑桿的終點(diǎn)；本方法包括:將第一段顯示為第一視覺效果，將第二段顯示為與第一視覺效果不相同的第二視覺效果。[0013]本方法對(duì)滑桿的位于滑片兩邊的兩段設(shè)置不同的視覺效果，從而可以更直觀地表現(xiàn)值的變化。
[0014]優(yōu)選地，本方法還包括:當(dāng)滑片沿著滑桿從起點(diǎn)向終點(diǎn)移動(dòng)時(shí)，將第一段中由于滑片的移動(dòng)而新增的部分從原先的第二視覺效果轉(zhuǎn)換為第一視覺效果；當(dāng)滑片沿著滑桿從終點(diǎn)向起點(diǎn)移動(dòng)時(shí)，將第二段中由于滑片的移動(dòng)而新增的部分從原先的第一視覺效果轉(zhuǎn)換為第二視覺效果。例如，第一段為藍(lán)色(由于印刷出版的緣故，圖1-圖6的藍(lán)色顯示為黑色)，第二段為白色，隨時(shí)滑桿從起點(diǎn)向終點(diǎn)滑動(dòng)，原來是白色的滑桿段就變成了藍(lán)色。還可以設(shè)置成動(dòng)態(tài)效果，例如隨著滑片的位置越靠近終點(diǎn)，使第一段的顏色變得越深。
[0015]又例如，可以將第一段設(shè)置為較粗，而第二段設(shè)置為較細(xì)。還可以設(shè)置成動(dòng)態(tài)效果，例如隨著滑片的位置越靠近終點(diǎn)，使第一段的形狀變得越粗。
[0016]優(yōu)選地，當(dāng)滑片沿著滑桿從起點(diǎn)向終點(diǎn)移動(dòng)時(shí)，滑桿從第三視覺效果向第四視覺效果漸變；當(dāng)滑片沿著滑桿從終點(diǎn)向起點(diǎn)移動(dòng)時(shí)，滑桿從第四視覺效果向第三視覺效果漸變。
[0017]優(yōu)選地，當(dāng)滑片沿著滑桿從起點(diǎn)向終點(diǎn)移動(dòng)時(shí)，滑片從第五視覺效果向第六視覺效果漸變；當(dāng)滑片沿著滑桿從終點(diǎn)向起點(diǎn)移動(dòng)時(shí)，滑片從第六視覺效果向第五視覺效果漸變。
[0018]如圖1-圖6所示，滑動(dòng)控件的滑片或滑桿隨滑片滑動(dòng)動(dòng)態(tài)發(fā)生變化的說明如下:
[0019](I)當(dāng)滑動(dòng)控件的滑片滑動(dòng)時(shí)，改變滑片。例如水平的滑動(dòng)控件，隨著滑片向右滑動(dòng)，滑動(dòng)控件的值增大，滑片的寬度也按照某種與值的比例進(jìn)行增大，反之，滑片的寬度也按照某種與值的比例進(jìn)行縮小。
[0020](2)當(dāng)滑動(dòng)控件的滑片滑動(dòng)時(shí)，改變滑竿。例如垂直的滑動(dòng)控件，隨著滑片向上滑動(dòng)，滑動(dòng)控件的值減小，滑竿的寬度也按照某種與值的比例進(jìn)行減小，反之，滑竿的寬度也按照某種與值的比例進(jìn)行縮小。
[0021]優(yōu)選地，各種視覺效果的區(qū)別在于顏色和/或形狀。
[0022]從以上描述可以看出，本發(fā)明提供了豐富滑動(dòng)控件的展現(xiàn)的方法，解決了現(xiàn)有滑動(dòng)控件展現(xiàn)效果不豐富、不直觀、不吸引人的弊端。該方法通過在滑動(dòng)滑片的過程中，改變滑竿或滑片來更直觀地表現(xiàn)值的變化。
[0023]顯然，本領(lǐng)域的技術(shù)人員應(yīng)該明白，上述的本發(fā)明的各模塊或各步驟可以用通用的計(jì)算裝置來實(shí)現(xiàn)，它們可以集中在單個(gè)的計(jì)算裝置上，或者分布在多個(gè)計(jì)算裝置所組成的網(wǎng)絡(luò)上，可選地，它們可以用計(jì)算裝置可執(zhí)行的程序代碼來實(shí)現(xiàn)，從而，可以將它們存儲(chǔ)在存儲(chǔ)裝置中由計(jì)算裝置來執(zhí)行，或者將它們分別制作成各個(gè)集成電路模塊，或者將它們中的多個(gè)模塊或步驟制作成單個(gè)集成電路模塊來實(shí)現(xiàn)。這樣，本發(fā)明不限制于任何特定的硬件和軟件結(jié)合。
[0024]以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對(duì)于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【權(quán)利要求】
1.一種滑動(dòng)控件的顯示方法，其特征在于，所述滑動(dòng)控件包括滑桿和居于所述滑桿上的滑片，所述滑桿包括第一段和第二段，所述第一段為從所述滑桿的起點(diǎn)到所述滑片，所述第二段為從所述滑片到所述滑桿的終點(diǎn)；所述方法包括: 將所述第一段顯示為第一視覺效果，將所述第二段顯示為與所述第一視覺效果不相同的第二視覺效果。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，還包括: 當(dāng)所述滑片沿著所述滑桿從所述起點(diǎn)向所述終點(diǎn)移動(dòng)時(shí)，將所述第一段中由于所述滑片的移動(dòng)而新增的部分從原先的所述第二視覺效果轉(zhuǎn)換為所述第一視覺效果； 當(dāng)所述滑片沿著所述滑桿從所述終點(diǎn)向所述起點(diǎn)移動(dòng)時(shí)，將所述第二段中由于所述滑片的移動(dòng)而新增的部分從原先的所述第一視覺效果轉(zhuǎn)換為所述第二視覺效果。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，還包括: 當(dāng)所述滑片沿著所述滑桿從所述起點(diǎn)向所述終點(diǎn)移動(dòng)時(shí)，所述滑桿從第三視覺效果向第四視覺效果漸變； 當(dāng)所述滑片沿著所述滑桿從所述終點(diǎn)向所述起點(diǎn)移動(dòng)時(shí)，所述滑桿從所述第四視覺效果向所述第三視覺效果漸變。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，還包括: 當(dāng)所述滑片沿著所述滑桿從所述起點(diǎn)向所述終點(diǎn)移動(dòng)時(shí)，所述滑片從第五視覺效果向第六視覺效果漸變； 當(dāng)所述滑片沿著所述滑桿從所述終點(diǎn)向所述起點(diǎn)移動(dòng)時(shí)，所述滑片從所述第六視覺效果向所述第五視覺效果漸變。
5.根據(jù)權(quán)利要求1-4任一項(xiàng)所述的方法，其特征在于，各種所述視覺效果的區(qū)別在于顏色和/或形狀。
6.一種滑動(dòng)控件，其特征在于，包括:滑桿和居于所述滑桿上的滑片，所述滑桿包括第一段和第二段，所述第一段為從所述滑桿的起點(diǎn)到所述滑片，所述第二段為從所述滑片到所述滑桿的終點(diǎn)，所述第一段具有第一視覺效果，所述第二段具有與所述第一視覺效果不相同的第二視覺效果。
7.根據(jù)權(quán)利要求6所述的滑動(dòng)控件，其特征在于，當(dāng)所述滑片沿著所述滑桿從所述起點(diǎn)向所述終點(diǎn)移動(dòng)時(shí)，將所述第一段中由于所述滑片的移動(dòng)而新增的部分從原先的所述第二視覺效果轉(zhuǎn)換為所述第一視覺效果；當(dāng)所述滑片沿著所述滑桿從所述終點(diǎn)向所述起點(diǎn)移動(dòng)時(shí)，將所述第二段中由于所述滑片的移動(dòng)而新增的部分從原先的所述第一視覺效果轉(zhuǎn)換為所述第二視覺效果。
8.根據(jù)權(quán)利要求6所述的滑動(dòng)控件，其特征在于，當(dāng)所述滑片沿著所述滑桿從所述起點(diǎn)向所述終點(diǎn)移動(dòng)時(shí)，所述滑桿從第三視覺效果向第四視覺效果漸變；當(dāng)所述滑片沿著所述滑桿從所述終點(diǎn)向所述起點(diǎn)移動(dòng)時(shí)，所述滑桿從所述第四視覺效果向所述第三視覺效果漸變。
9.根據(jù)權(quán)利要求6所述的滑動(dòng)控件，其特征在于，當(dāng)所述滑片沿著所述滑桿從所述起點(diǎn)向所述終點(diǎn)移動(dòng)時(shí)，所述滑片從第五視覺效果向第六視覺效果漸變；當(dāng)所述滑片沿著所述滑桿從所述終點(diǎn)向所述起點(diǎn)移動(dòng)時(shí)，所述滑片從所述第六視覺效果向所述第五視覺效果漸變。
10.根據(jù)權(quán)利要求6-9任一項(xiàng)所述的滑動(dòng)控件，其特征在于，各種所述視覺效果的區(qū)別在于顏色和/或 形狀。
【文檔編號(hào)】G06F3/0484GK103885686SQ201210566724
【公開日】2014年6月25日 申請(qǐng)日期:2012年12月24日 優(yōu)先權(quán)日:2012年12月24日
【發(fā)明者】曹振川 申請(qǐng)人:北大方正集團(tuán)有限公司, 北京北大方正電子有限公司