抽屜式側滑布局互動示例,應用更加高炫拽!

2021-08-19 12:25:43 字數 1027 閱讀 6244

此分享是對官網不久前上線的 api.opendrawerlayout( 抽屜式側滑 window 布局 )方法做了乙個簡單的例項,基於這個簡單的布局大家可以在這之上再去做更複雜的布局互動,或者直接使用這個到你的應用當中,讓你的應用更加的高炫拽。

1../index.html

我這裡並沒有在 index.html 初始時完成以後立馬布局側滑,原因是我得給大家演示了關閉側滑的方法,而實際我們為了應用體驗更加的友好,會在 index.html 需要初始化時就完成這個布局。按照官網的介紹 opendrawerlayout 實際就是在 openwin 方法的基礎上新增了 leftpane、rightpane 引數,所以 openwin 的任何方法都是可以在這裡使用,比如在開啟測試時用的載入動畫 animation 字段。

如上所述所以 opendrawerlayout 方法與 openwin 一樣只接受乙個引數,其中我這裡使用到的 name 是主體的 window 名稱,對應的主體 url 路徑。leftpane 是側滑的配置 name、url 與主體功能一致。而 animation 這是 「整個」 側滑布局的動畫,並不是側滑時的動畫。除此三個字段以外還有其它好幾十個字段,我這就不做演示啦,大家下來自己研究研究。

2../html/main.html

同第 1 點提到的 「opendrawerlayout 實際就是在 openwin 方法的基礎上新增的方法」,所以依照 window 的關閉方式,側滑布局同樣適用,因為我當前就在側滑布局中,所以直接執行 closewin 即可關閉側滑布局,如果你未在側滑布局中關閉側滑,那麼只需要在 closewin 時,新增 name 字段,比如我這裡寫 api.closewin(); 結果一模一樣。

3../html/leftpane.html

這個頁面是整個側滑布局的側滑窗格展示部分,該部分被展開時實際就會對應到 main.html opendrawerpane 方法相反的需求,所以一樣的,因為側滑布局全域性的理念,我就直接使用側滑類中的 closedrawerpane 關閉這個窗格。當然在這個頁面也會有關閉側滑布局的需求,所以同理,直接 closewin 即可。

原始碼:

Android 抽屜側滑效果

最近公司讓我又新寫乙個專案,然後裡面有個側換抽屜效果,我進行了編寫優化感覺效果比android原生的流暢很多,互動也很好,因此在此記錄一下,效果圖如下 廢話少說上原始碼 主頁面activity public class mainactivity exte nds baseactivity imple...

Perl TK 抽屜式元件

perl w use tk mw mainwindow new mw title tk frame l mw frame pack qw side left fill both widget f frame l labelframe pack qw side top fill both expand...

抽屜式公告 SlidingDrawer過時

slingdingdrawer slidingdrawer影藏的檔案用content屬性,顯示的手柄用handler屬性 重要方法 animateclose 關閉時實現動畫。close 即時關閉 getcontent 獲取內容 ismoving 指示slidingdrawer是否在移動。isopen...