側(cè)滑菜單的實(shí)現(xiàn)方法、系統(tǒng)及電子設(shè)備的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明屬于電子設(shè)備技術(shù)領(lǐng)域，涉及一種電子設(shè)備中的側(cè)滑菜單，特別是涉及一種側(cè)滑菜單的實(shí)現(xiàn)方法、系統(tǒng)及電子設(shè)備。
【背景技術(shù)】
[0002]很多APP都有側(cè)滑菜單的功能，部分APP左右都是側(cè)滑菜單——SlidingMenu，這個(gè)開(kāi)源項(xiàng)目可以很好地實(shí)現(xiàn)側(cè)滑功能。將側(cè)滑菜單引入項(xiàng)目的方式有很多種，例如:主布局ViewPager，左右各一個(gè)側(cè)滑菜單的用法，差不多已經(jīng)能滿足大部分應(yīng)用的需求了。
[0003]SlidingMenu側(cè)滑菜單是一種比較新的設(shè)置界面或配置界面的效果，在主界面左滑或者右滑出現(xiàn)設(shè)置界面效果，能方便的進(jìn)行各種操作。很多優(yōu)秀的應(yīng)用都采用了這種界面方案，像facebook、人人網(wǎng)、everynote、Google+、網(wǎng)易新聞、知乎日?qǐng)?bào)、有道云筆記等等。SlidingMenu側(cè)滑菜單在一個(gè)Activity的布局中需要有兩部分，一個(gè)是菜單(menu)的布局，一個(gè)是內(nèi)容(content)的布局。兩個(gè)布局橫向排列，菜單布局在左，內(nèi)容布局在右。初始化的時(shí)候?qū)⒉藛尾季窒蜃笃?，以至于能夠完全隱藏，這樣內(nèi)容布局就會(huì)完全顯示在Activity中。然后通過(guò)監(jiān)聽(tīng)手指滑動(dòng)事件，來(lái)改變菜單布局的左偏移距離，從而控制菜單布局的顯示和隱藏。然而，當(dāng)手指滑動(dòng)時(shí)，通過(guò)Scroller或者不斷的改變IeftMargin等實(shí)現(xiàn)，多少都有點(diǎn)復(fù)雜，完成以后還需要對(duì)滑動(dòng)沖突等進(jìn)行處理。處理滑動(dòng)沖突是個(gè)麻煩且比較復(fù)雜的操作，非常不方便，效率不高，性能優(yōu)化性不好。

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

[0004]鑒于以上所述現(xiàn)有技術(shù)的缺點(diǎn)，本發(fā)明的目的在于提供一種側(cè)滑菜單的實(shí)現(xiàn)方法、系統(tǒng)及電子設(shè)備，用于解決現(xiàn)有側(cè)滑菜單的顯示需要處理滑動(dòng)沖突的問(wèn)題。
[0005]為實(shí)現(xiàn)上述目的及其他相關(guān)目的，本發(fā)明提供一種側(cè)滑菜單的實(shí)現(xiàn)方法，所述側(cè)滑菜單的實(shí)現(xiàn)方法包括:自定義一個(gè)界面；對(duì)所述界面采用線性布局的水平布局，使得所述界面的左邊是側(cè)滑菜單視圖，右邊是主布局視圖。
[0006]所述界面繼承了HorizontalScrollView 屬性，以 HorizontalScrollView 為父類，利用onMeasure函數(shù)方法獲取所述側(cè)滑菜單視圖，設(shè)置所述側(cè)滑菜單視圖的大小和所述側(cè)滑菜單視圖距離顯示屏幕右邊距離的大小。
[0007]所述側(cè)滑菜單的實(shí)現(xiàn)方法還包括:利用onLayout函數(shù)方法調(diào)用scrollTo函數(shù)方法隱藏所述側(cè)滑菜單視圖。
[0008]所述側(cè)滑菜單的實(shí)現(xiàn)方法還包括:根據(jù)onTouchEvent函數(shù)事件觸發(fā)機(jī)制處理所述側(cè)滑菜單視圖，如果所述顯示屏幕的顯示區(qū)域大于所述界面的寬度，則完全顯示所述側(cè)滑菜單視圖，否則隱藏所述側(cè)滑菜單視圖。
[0009]本發(fā)明還提供一種側(cè)滑菜單的實(shí)現(xiàn)系統(tǒng)，所述側(cè)滑菜單的實(shí)現(xiàn)系統(tǒng)包括:界面定義模塊，自定義一個(gè)界面；界面布局設(shè)置模塊，與所述界面定義模塊相連，對(duì)所述界面采用線性布局的水平布局，使得所述界面的左邊是側(cè)滑菜單視圖，右邊是主布局視圖。
[0010]所述側(cè)滑菜單的實(shí)現(xiàn)系統(tǒng)還包括:界面屬性設(shè)置模塊，與所述界面布局設(shè)置模塊相連，設(shè)置所述界面繼承HorizontalScrollView屬性，以HorizontalScrollView為父類，利用onMeasure函數(shù)方法獲取所述側(cè)滑菜單視圖，設(shè)置所述側(cè)滑菜單視圖的大小和所述側(cè)滑菜單視圖距離顯示屏幕右邊距離的大小。
[0011]所述側(cè)滑菜單的實(shí)現(xiàn)系統(tǒng)還包括:隱藏顯示模塊，與所述界面屬性設(shè)置模塊相連，利用onLayout函數(shù)方法調(diào)用scrollTo函數(shù)方法隱藏所述側(cè)滑菜單視圖。
[0012]所述側(cè)滑菜單的實(shí)現(xiàn)系統(tǒng)還包括:界面顯示控制模塊，與所述界面屬性設(shè)置模塊和隱藏顯示模塊分別相連，根據(jù)onTouchEvent函數(shù)事件觸發(fā)機(jī)制處理所述側(cè)滑菜單視圖，如果所述顯示屏幕的顯示區(qū)域大于所述界面的寬度，則完全顯示所述側(cè)滑菜單視圖，否則隱藏所述側(cè)滑菜單視圖。
[0013]本發(fā)明還提供一種電子設(shè)備，所述電子設(shè)備包括:界面定義模塊，自定義一個(gè)界面；界面布局設(shè)置模塊，與所述界面定義模塊相連，對(duì)所述界面采用線性布局的水平布局，使得所述界面的左邊是側(cè)滑菜單視圖，右邊是主布局視圖；顯示屏幕，與所述界面布局設(shè)置模塊相連，顯示所述界面的視圖。
[0014]所述電子設(shè)備還包括:界面屬性設(shè)置模塊，與所述界面布局設(shè)置模塊相連，設(shè)置所述界面繼承HorizontalScrollView屬性，以HorizontalScrollView為父類，利用onMeasure函數(shù)方法獲取所述側(cè)滑菜單視圖，設(shè)置所述側(cè)滑菜單視圖的大小和所述側(cè)滑菜單視圖距離顯示屏幕右邊距離的大?。浑[藏顯示模塊，與所述界面屬性設(shè)置模塊相連，利用onLayout函數(shù)方法調(diào)用scrollTo函數(shù)方法隱藏所述側(cè)滑菜單視圖；界面顯示控制模塊，與所述界面屬性設(shè)置模塊和隱藏顯示模塊分別相連，根據(jù)onTouchEvent函數(shù)事件觸發(fā)機(jī)制處理所述側(cè)滑菜單視圖，如果所述顯示屏幕的顯示區(qū)域大于所述界面的寬度，則完全顯示所述側(cè)滑菜單視圖，否則隱藏所述側(cè)滑菜單視圖。
[0015]如上所述，本發(fā)明的側(cè)滑菜單的實(shí)現(xiàn)方法、系統(tǒng)及設(shè)備，具有以下有益效果:
[0016]本發(fā)明利用控件HorizontalScrollView來(lái)設(shè)置實(shí)現(xiàn)側(cè)滑菜單，利用HorizontalScrollView本身自帶的滑動(dòng)的功能實(shí)現(xiàn)側(cè)滑菜單的滑動(dòng)，控制滑動(dòng)效果，根據(jù)需要處理事件分發(fā)機(jī)制，不需要在ACT10N_D0WN，ACT10N_M0VE里面去監(jiān)聽(tīng)不斷改變控件位置，也無(wú)需手動(dòng)處理各種滑動(dòng)沖突，減少了大量的工作量，也為Android系統(tǒng)節(jié)省了大量的資源。
【附圖說(shuō)明】
[0017]圖1顯示為本發(fā)明實(shí)施例所述的側(cè)滑菜單的實(shí)現(xiàn)方法的一種實(shí)現(xiàn)流程示意圖。
[0018]圖2顯示為本發(fā)明實(shí)施例所述的側(cè)滑菜單的實(shí)現(xiàn)系統(tǒng)的一種實(shí)現(xiàn)結(jié)構(gòu)示意圖。
[0019]圖3顯示為本發(fā)明實(shí)施例所述的側(cè)滑菜單的實(shí)現(xiàn)方法的一種實(shí)現(xiàn)框架示意圖。
[0020]圖4顯示為本發(fā)明實(shí)施例所述的電子設(shè)備的一種實(shí)現(xiàn)結(jié)構(gòu)示意圖。
[0021]元件標(biāo)號(hào)說(shuō)明
[0022]200側(cè)滑菜單的實(shí)現(xiàn)系統(tǒng)
[0023]210，410界面定義模塊
[0024]220，420 界面布局設(shè)置模塊
[0025]230，430 界面屬性設(shè)置模塊
[0026]240，440隱藏顯示模塊
[0027]250，450界面顯示控制模塊
[0028]400電子設(shè)備
[0029]460顯示屏幕
[0030]S101 ?S104步驟
【具體實(shí)施方式】
[0031]以下通過(guò)特定的具體實(shí)例說(shuō)明本發(fā)明的實(shí)施方式，本領(lǐng)域技術(shù)人員可由本說(shuō)明書所揭露的內(nèi)容輕易地了解本發(fā)明的其他優(yōu)點(diǎn)與功效。本發(fā)明還可以通過(guò)另外不同的【具體實(shí)施方式】加以實(shí)施或應(yīng)用，本說(shuō)明書中的各項(xiàng)細(xì)節(jié)也可以基于不同觀點(diǎn)與應(yīng)用，在沒(méi)有背離本發(fā)明的精神下進(jìn)行各種修飾或改變。需說(shuō)明的是，在不沖突的情況下，以下實(shí)施例及實(shí)施例中的特征可以相互組合。
[0032]需要說(shuō)明的是，以下實(shí)施例中所提供的圖示僅以示意方式說(shuō)明本發(fā)明的基本構(gòu)想，遂圖式中僅顯示與本發(fā)明中有關(guān)的組件而非按照實(shí)際實(shí)施時(shí)的組件數(shù)目、形狀及尺寸繪制，其實(shí)際實(shí)施時(shí)各組件的型態(tài)、數(shù)量及比例可為一種隨意的改變，且其組件布局型態(tài)也可能更為復(fù)雜。
[0033]請(qǐng)參閱圖1，本發(fā)明提供一種側(cè)滑菜單的實(shí)現(xiàn)方法，該方法的實(shí)現(xiàn)框架參見(jiàn)圖3所示，所述側(cè)滑菜單的實(shí)現(xiàn)方法包括:
[0034]S101，自定義一個(gè)界面；其中，所述界面繼承了 HorizontalScrollView屬性，以HorizontalScrollView為父類，利用onMeasure ()方法獲取所述側(cè)滑菜單視圖，設(shè)置所述側(cè)滑菜單視圖的大小和所述側(cè)滑菜單視圖距離顯示屏幕右邊距離的大小。本步驟的具體含義是:要自定義一個(gè)view，在這個(gè)view布局中，采用線性布局LinearLayout的水平布局，左邊是側(cè)滑菜單，右邊是主布局。自定義的這個(gè)view尤為重要，這個(gè)view要繼承了HorizontalScrollView 屬性，以 HorizontalScrollView 為