在打開導航抽屜時逐漸設置透明度

Question

我想將導航抽屜完全透明，並且隨着用戶滑動打開導航抽屜，它會逐漸（在用戶手指之後）變得不透明。我怎樣才能做到這一點？

下面是XML佈局：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/drawer_layout" 
android:layout_width="match_parent" 
android:layout_height="match_parent" > 

<FrameLayout 
    android:id="@+id/content_frame" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <RelativeLayout 
     android:id="@+id/RLayout02" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:background="#EDEDED" > 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#EDEDED" 
      android:paddingBottom="@dimen/activity_vertical_margin" 
      android:paddingLeft="@dimen/activity_horizontal_margin" 
      android:paddingRight="@dimen/activity_horizontal_margin" 
      android:paddingTop="@dimen/activity_vertical_margin" 
      android:scrollY="0dp" > 

      <TextView 
       android:id="@+id/welcomeHeader" 
       android:layout_width="match_parent" 
       android:layout_height="50dp" 
       android:layout_alignParentTop="true" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="0dp" 
       android:background="@drawable/bg_card_blue" 
       android:gravity="center_horizontal|center_vertical" 
       android:text="@string/welcomeHeader" 
       android:textColor="#07BDEC" 
       android:textSize="20sp" 
       android:textStyle="bold" /> 

      <TextView 
       android:id="@+id/swipeOver" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/welcomeInfo" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="16dp" 
       android:background="@drawable/bg_card_red" 
       android:gravity="center_horizontal|center_vertical" 
       android:onClick="move" 
       android:text="@string/swipe" 
       android:textColor="#EC135A" 
       android:textSize="18sp" 
       android:textStyle="bold" /> 

      <TextView 
       android:id="@+id/welcomeInfo" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_alignLeft="@+id/swipeOver" 
       android:layout_below="@+id/welcomeHeader" 
       android:layout_marginTop="16dp" 
       android:background="@drawable/my_button" 
       android:gravity="center_horizontal|center_vertical" 
       android:lineSpacingExtra="2sp" 
       android:text="@string/welcomeInfo" 
       android:textSize="14sp" /> 
     </RelativeLayout> 
    </RelativeLayout> 

    <ImageView 
     android:id="@+id/imgMin" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal|bottom" 
     android:paddingBottom="10dp" 
     android:paddingLeft="70dp" 
     android:paddingRight="70dp" 
     android:src="@drawable/mp_black" 
     android:visibility="invisible" /> 
</FrameLayout> 

<ListView 
    android:id="@+id/left_drawer" 
    android:layout_width="240dp" 
    android:layout_height="match_parent" 
    android:layout_gravity="start" 
    android:background="@android:color/white" 
    android:choiceMode="singleChoice" 
    android:divider="#DDDDDD" 
    android:dividerHeight="0.5dp" /> 

Answer 1

你可能已經實現了DrawerLayout.DrawerListener（你應該使用onDrawerOpened和onDrawerClosed）我不知道，但你可以嘗試onDrawerSlide這是當你滑動抽屜時調用。由此給出參數「偏移」。我相信這是新的偏移量（您的滑塊移動的距離） 這給出了介於0和1之間的值。 在此方法中，您可以嘗試更改抽屜的Alpha。

試試這個：

ActionbarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, 
      R.drawable.ic_drawer, R.string.drawer_open, R.string.drawer_close) { 
@Override 
onDrawerOpened(){}; 
@Override 
onDrawerClosed(){}; 

編輯：

@Override 
onDrawerSlide(View drawerview, float slideoffset){ 
drawerview.setAlpha((1/255)*slideoffset); 
} 

嘗試設置透明度爲drawerview。它不應該爲子視圖設置alpha。

這只是一個快速的草稿，所以我不確定它是否完美的工作（特別是對於alpha公式），但你應該看看這個方向只是嘗試一下這個。

SHADOW編輯：

@Override 
onDrawerSlide(View drawerview, float slideoffset){ 
drawerview.setAlpha((1/255)*slideoffset); 
shadowDrawable.setAlpha((1/255)*slideoffset); 
mDrawerLayout.setDrawerShadow(shadowDrawable); 

}