MapView上的波動動畫效果

Question

有沒有辦法在MapView上創建連鎖效果？

我的佈局顯示在帖子結尾。 我知道關於android:background="?attr/selectableItemBackground"，它對不同類型的視圖很好，但不適用於MapView。

我想要的是對header_container和map_view的不可分割的連鎖反應。

爲了達到這個目的，我試圖把它們放在RelativeLayout中，並在它們上面創建與selectableItemBackground的視圖，但是我不喜歡這個解決方案，因爲我只能通過指定重疊視圖的確切高度來使它工作，我希望它以匹配標題和地圖的高度。

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    xmlns:map="http://schemas.android.com/tools" 
    android:id="@+id/cv_root" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    card_view:cardCornerRadius="@dimen/card_corner_radius" 
    card_view:cardElevation="@dimen/card_elevation" 
    card_view:cardUseCompatPadding="true"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical"> 

     <LinearLayout 
      android:id="@+id/header_container" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="?attr/selectableItemBackground" 
      android:orientation="vertical" 
      android:paddingLeft="@dimen/card_horizontal_padding" 
      android:paddingRight="@dimen/card_horizontal_padding"> 

      <TextView 
       android:id="@+id/tv_title" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginBottom="@dimen/card_text_small_margin" 
       android:layout_marginTop="@dimen/card_text_big_margin" 
       android:text="Name" 
       android:textSize="@dimen/card_title_text_size" /> 

      <TextView 
       android:id="@+id/tv_subtitle" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginBottom="@dimen/card_text_small_margin" 
       android:text="Address" 
       android:textSize="@dimen/card_subtitle_text_size" /> 
     </LinearLayout> 

     <com.google.android.gms.maps.MapView 
      android:id="@+id/map_view" 
      android:layout_width="match_parent" 
      android:layout_height="@dimen/card_media_height" 
      map:liteMode="true" 
      map:mapType="none" /> 

     <LinearLayout 
      android:id="@+id/button_container" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" 
      android:paddingBottom="@dimen/card_action_padding" 
      android:paddingTop="@dimen/card_action_padding"> 

      <android.support.v7.widget.AppCompatButton 
       android:id="@+id/b_drive" 
       style="?android:attr/borderlessButtonStyle" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="@dimen/card_action_padding" 
       android:layout_marginRight="@dimen/card_action_padding" 
       android:minHeight="0dp" 
       android:minWidth="0dp" 
       android:padding="@dimen/card_action_padding" 
       android:text="@string/card_action_drive" 
       android:textColor="@color/color_primary" /> 

      <android.support.v7.widget.AppCompatButton 
       android:id="@+id/b_walk" 
       style="?android:attr/borderlessButtonStyle" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:minHeight="0dp" 
       android:minWidth="0dp" 
       android:padding="@dimen/card_action_padding" 
       android:text="@string/card_action_walk" 
       android:textColor="@color/color_primary" /> 
     </LinearLayout> 
    </LinearLayout> 
</android.support.v7.widget.CardView> 

Answer 1

下面的類是將任何覆蓋放在任何視圖之上的配方。 您只需將extends View替換爲extends Anything，然後使用疊加層（在您的具體問題中爲Ripple）呼叫setOverlay(...);。

所以你的情況將是：

extends MapView 

然後

mapView.setOverlay(mapView.getResources().getDrawable(R.drawable.ripple)); 

這裏是 「配方」 類

public class PressedStateView extends View { 
    public PressedStateView(Context context) { 
     super(context); 
    } 

    public PressedStateView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    public PressedStateView(Context context, AttributeSet attrs, int defStyleAttr) { 
     super(context, attrs, defStyleAttr); 
    } 

    @TargetApi(Build.VERSION_CODES.LOLLIPOP) 
    public PressedStateView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { 
     super(context, attrs, defStyleAttr, defStyleRes); 
    } 

    private Drawable overlay; 

    public void setOverlay(Drawable overlay) { 
     if (this.overlay != null) { 
     this.overlay.setCallback(null); 
     } 
     this.overlay = overlay; 
     this.overlay.setCallback(this); 
     this.overlay.setBounds(0, 0, getWidth(), getHeight()); 
     invalidate(); 
    } 

    @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { 
     super.onSizeChanged(w, h, oldw, oldh); 
     this.overlay.setBounds(0, 0, w, h); 
    } 

    @Override protected boolean verifyDrawable(Drawable who) { 
     return super.verifyDrawable(who) || who == overlay; 
    } 

    @TargetApi(Build.VERSION_CODES.LOLLIPOP) @Override 
    public void drawableHotspotChanged(float x, float y) { 
     super.drawableHotspotChanged(x, y); 
     if (overlay != null) { 
     overlay.setHotspot(x, y); 
     } 
    } 

    @Override protected void dispatchDraw(Canvas canvas) { 
     super.dispatchDraw(canvas); 
     if (overlay != null) { 
     overlay.draw(canvas); 
     } 
    } 
}