Wdrożenie Gmail Tablet jak nawigacja Szuflada

Przyglądałem się projektowi tabletu aplikacji Gmail. W tym Navigation Drawer implementacja różni się od innych. Mam załączony obraz w celach informacyjnych.

Tutaj wpisz opis obrazka

A także, gdy rozszerzam szufladę, powinno to się zdarzyć jak normalne zachowanie szuflady nawigacyjnej.

Tutaj wpisz opis obrazka

Chciałbym wdrożyć w ten sam sposób. Szukałem, ale znalazłem tylko ten link, który nie jest tak pomocny. Czy ktoś może mi podpowiedzieć jak Mogę to zrobić!
Author: Kavin Prabhu, 2014-12-10

2 answers

Możesz użyć SlidingPaneLayout z marginesem na głównym panelu i niestandardowym słuchaczem dla zaniku krzyża.

<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>

Podklasa SlidingPaneLayout i znajdź częściowe i pełne szyby w onFinishInflate:

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);
}

Zmień Alfę pełnego i częściowego okna za pomocą słuchacza:

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);
  }
};

Ukryj również częściowy panel po otwarciu układu.

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);
  }
}

Więcej informacji: http://blog.sqisland.com/2015/01/partial-slidingpanelayout.html

 13
Author: chiuki,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-01-20 02:06:13

Istnieje niesamowita biblioteka do tego https://github.com/mikepenz/MaterialDrawer

(użyj Minidrawera z tej biblioteki)

 1
Author: android_dev,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-10-30 11:28:09