Android Google Maps自定义Marker点击滑动动画无效果问题求助

我之前刚好踩过这个坑！你现在的问题核心在于Google Maps的Marker根本不是Android View组件——它是地图SDK渲染层的独立对象，所以你用AnimationUtil给它执行View动画完全不会生效，而且直接移除旧Marker再添加新Marker的方式，只是瞬间替换图标，自然看不到动画过程。

下面是我验证过的可行方案，核心思路是：把Marker拆成可滑动的子View+固定图标的组合布局，先把这个布局转换成Bitmap作为Marker图标，点击时给布局里的子View执行动画，动画结束后再更新Marker的图标，以此实现视觉上的滑动效果。

步骤1：创建自定义Marker布局 #

先写一个包含滑动部分和固定图标的布局文件（比如res/layout/custom_marker.xml）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:orientation="horizontal"
    android:background="#FFF">

    <!-- 要滑动隐藏/显示的信息区域 -->
    <TextView
        android:id="@+id/tv_marker_info"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:paddingHorizontal="16dp"
        android:gravity="center"
        android:text="你的位置信息"
        android:textColor="#333"/>

    <!-- 固定显示的Marker图标 -->
    <ImageView
        android:id="@+id/iv_marker_icon"
        android:layout_width="40dp"
        android:layout_height="match_parent"
        android:src="@drawable/cengiz"
        android:scaleType="centerInside"/>
</LinearLayout>

步骤2：初始化Marker与全局变量 #

在onMapReady里先加载这个自定义布局，生成初始的Marker图标，并初始化全局变量：

private View customMarkerView;
private Marker mCurrLocationMarker;
private boolean isMarkerPure = false; // 默认显示带信息的完整状态

@Override
public void onMapReady(GoogleMap googleMap) {
    mGoogleMap = googleMap;
    LatLng latLng = new LatLng(yourLat, yourLng);

    // 加载自定义Marker布局
    customMarkerView = LayoutInflater.from(getContext()).inflate(R.layout.custom_marker, null);
    // 生成初始Bitmap并创建Marker
    Bitmap initialBitmap = getMarkerBitmapFromView(customMarkerView);
    mCurrLocationMarker = mGoogleMap.addMarker(new MarkerOptions()
            .position(latLng)
            .icon(BitmapDescriptorFactory.fromBitmap(initialBitmap))
            .anchor(0.5f, 1.0f)); // 锚点设置为底部中心，根据你的布局调整

    // 设置Marker点击事件
    setupMarkerClickListener();
}

步骤3：实现点击动画逻辑 #

重点是给布局里的子View执行动画，动画结束后更新Marker图标：

private void setupMarkerClickListener() {
    mGoogleMap.setOnMarkerClickListener(marker -> {
        if (marker != mCurrLocationMarker) return false;

        TextView infoView = customMarkerView.findViewById(R.id.tv_marker_info);
        Animation animation;

        if (!isMarkerPure) {
            // 从显示状态切换到纯图标：信息区域右滑隐藏
            animation = AnimationUtils.loadAnimation(getContext(), R.anim.right_to_left);
        } else {
            // 从纯图标切换到显示状态：信息区域左滑显示
            animation = AnimationUtils.loadAnimation(getContext(), R.anim.left_to_right_anim);
        }

        // 动画结束后更新Marker图标
        animation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {}

            @Override
            public void onAnimationEnd(Animation animation) {
                // 将动画后的布局转换成Bitmap，更新Marker
                Bitmap updatedBitmap = getMarkerBitmapFromView(customMarkerView);
                mCurrLocationMarker.setIcon(BitmapDescriptorFactory.fromBitmap(updatedBitmap));
                // 切换状态标记
                isMarkerPure = !isMarkerPure;
            }

            @Override
            public void onAnimationRepeat(Animation animation) {}
        });

        infoView.startAnimation(animation);
        return true;
    });
}

步骤4：实现View转Bitmap的工具方法 #

这个方法要确保正确测量布局尺寸，避免生成的Bitmap变形：

private Bitmap getMarkerBitmapFromView(View view) {
    // 测量View尺寸
    view.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
    // 布局View
    view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
    // 生成Bitmap并绘制View内容
    Bitmap bitmap = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    view.draw(canvas);
    return bitmap;
}

关键注意事项 #

• 锚点调整：anchor(x,y)的取值范围是0-1，要根据你的自定义布局调整，确保Marker始终定位在正确的地图坐标上
• 动态内容处理：如果每个Marker的信息是动态的，要在生成Bitmap前先修改tv_marker_info的文本内容
• 动画优化：可以给动画添加插值器（比如android:interpolator="@android:anim/decelerate_interpolator"）让滑动更自然

内容的提问来源于stack exchange，提问作者Selman Tosun