Gmail Tablet'in Navigasyon Çekmecesi gibi uygulanması

Question

Gmail uygulamasının tablet tasarımını araştırıyordum. Bu Navigation Drawer uygulamasında diğerlerinden farklıdır. Referansınız için resim ekledim.

ben çekmeceyi açın Ve ayrıca normal gezinme çekmecesi davranışı gibi gerçekleşmesi gerekir.

Ben aynı şekilde uygulamak istiyoruz. Ben arıyordum ama sadece bu link bulundu Bu çok yararlı değil. Birisi bana öneride bulunabilir mi bunu nasıl yapabilirim?

Answer 1

Ana bölmede bir kenar boşluğu ve çapraz solma için özel dinleyici ile SlidingPaneLayout kullanabilirsiniz. onFinishInflate içinde

<com.sqisland.android.CrossFadeSlidingPaneLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/sliding_pane_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <FrameLayout 
     android:layout_width="240dp" 
     android:layout_height="match_parent" 
     android:background="@color/purple"> 
    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:text="@string/full"/> 
    <TextView 
     android:layout_width="64dp" 
     android:layout_height="match_parent" 
     android:background="@color/blue" 
     android:text="@string/partial"/> 
    </FrameLayout> 
    <TextView 
     android:layout_width="400dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:layout_marginLeft="64dp" 
     android:background="@color/light_blue" 
     android:text="@string/pane_2"/> 
</com.sqisland.android.CrossFadeSlidingPaneLayout> 

Alt Sınıf SlidingPaneLayout kısmi ve tam bölmeleri bulmak: Ayrıca

private SimplePanelSlideListener crossFadeListener 
    = new SimplePanelSlideListener() { 
    public void onPanelSlide(View panel, float slideOffset) { 
    super.onPanelSlide(panel, slideOffset); 
    if (partialView == null || fullView == null) { 
     return; 
    } 

    partialView.setVisibility(isOpen() ? View.GONE : VISIBLE); 
    partialView.setAlpha(1 - slideOffset); 
    fullView.setAlpha(slideOffset); 
    } 
}; 

gizlemek:

protected void onFinishInflate() { 
    super.onFinishInflate(); 

    if (getChildCount() < 1) { 
    return; 
    } 

    View panel = getChildAt(0); 
    if (!(panel instanceof ViewGroup)) { 
    return; 
    } 

    ViewGroup viewGroup = (ViewGroup) panel; 
    if (viewGroup.getChildCount() != 2) { 
    return; 
    } 
    fullView = viewGroup.getChildAt(0); 
    partialView = viewGroup.getChildAt(1); 

    super.setPanelSlideListener(crossFadeListener); 
} 

değiştirme bir dinleyici tam bölmede ve kısmi bölmesinin alfa düzen açıldığında kısmi bölme.

protected void onLayout(
    boolean changed, int l, int t, int r, int b) { 
    super.onLayout(changed, l, t, r, b); 

    if (partialView != null) { 
    partialView.setVisibility(isOpen() ? View.GONE : VISIBLE); 
    } 
} 

diğer bilgiler: http://blog.sqisland.com/2015/01/partial-slidingpanelayout.html

Answer 2

(bu kütüphaneden Kullanım MiniDrawer) bu https://github.com/mikepenz/MaterialDrawer

için harika bir kütüphane