Эффект анимации пульсации над MapView

Question

Есть ли способ создать эффект пульсации над MapView?

Мой макет представлен в конце сообщения. Я знаю о android:background="?attr/selectableItemBackground", и он отлично работает на разных видах Views, но не с MapView.

Что я хочу - это неделимый эффект пульсации над header_container и map_view.

Для этого я попытался поместить их внутри RelativeLayout и создать View с 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, а затем позвонить setOverlay(...); с наложением (в вашем конкретном вопросе a Ripple).

так что в вашем случае это будет:

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