2014-11-02 97 views
0

我很想知道是否有人知道如何實現以下功能:ViewPager顯示片段的邊界

我有一個ViewPager顯示一個片段。在顯示此片段的同時,您可以看到片段右側的小左邊界。這個片段可以被拖出來,像一個NavigationDrawer。

下面是一個例子,在Android L移動計算機應用程式:

https://d13yacurqjgara.cloudfront.net/users/409459/screenshots/1647461/calculatorrender.gif

enter image description here

你可以看到,有一個小的青色邊界可以通過刷卡它拉出權就像一個NavigationDrawer一樣。

任何建議如何實現?

回答

1

從外觀上看,這不是用ViewPager完成的。

如果我必須做這個佈局,我會做與2個ViewGroups彼此相鄰。 第一個將佔用屏幕90%的寬度,將在後面,並對齊左側,讓我們打電話給這個佈局A

第二個將佔據屏幕寬度的75%,放置在前面,對齊到右側,右邊距爲-65%。我還會爲它的左邊添加一個不錯的陰影,並將其命名爲佈局B

佈局A將具有灰色背景和大量按鈕,如動畫中一樣。如果用戶在此視圖上左擊,您將設置一個標誌佈局B顯示爲,並對佈局B的右邊距進行動畫顯示。當佈局B幾乎隱藏時輕敲時,您也會這樣做。

任何點擊佈局A現在將關閉佈局B(您可以使用該標誌來控制它)。 當在佈局B中的按鈕上輕敲時,您還可以將右邊距設置回來,並將標誌也設回爲false。

如果你想爲此使用片段,那麼你將不得不擔心兩者之間的交流,並且它會以與視圖相同的方式。