Android中点击CustomView触发自身与已停靠视图动画的实现方案

这是一个很典型的多视图状态协调问题，我来给你梳理一个清晰的解决方案，兼顾解耦性和可维护性：

单个CustomView无法感知其他视图的状态，所以我们需要一个全局管理者（可以是主Activity，或者专门的状态管理类）来跟踪所有视图的停靠状态，在点击事件发生时统一协调冲突逻辑。

步骤1：改造CustomView，剥离协调逻辑 #

让CustomView只负责自身的动画和状态维护，通过回调把点击事件传递给外部管理者：

public class CustomView extends AppCompatImageView implements View.OnClickListener {
    private boolean docked;
    private int dockPosition = -1; // -1表示未停靠，可自定义常量标识不同位置（如LEFT=0、RIGHT=1）
    private OnViewInteractionListener interactionListener;

    // 定义回调接口，让外部处理点击后的协调逻辑
    public interface OnViewInteractionListener {
        void onViewClicked(CustomView view);
    }

    public void setOnViewInteractionListener(OnViewInteractionListener listener) {
        this.interactionListener = listener;
    }

    public CustomView(Context context) {
        super(context);
        init();
    }

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

    private void init() {
        setOnClickListener(this);
        docked = false;
    }

    @Override
    public void onClick(View v) {
        // 把点击事件交给外部管理者处理
        if (interactionListener != null) {
            interactionListener.onViewClicked(this);
        }
    }

    // 暴露给外部的动画方法：停靠到目标位置
    public void animateToDock(int targetPosition) {
        if (docked) return;
        
        // 这里替换成你的移动动画逻辑，比如用ObjectAnimator实现位移
        int targetX = targetPosition == 0 ? 0 : getResources().getDisplayMetrics().widthPixels - getWidth();
        ObjectAnimator animator = ObjectAnimator.ofFloat(this, "x", getX(), targetX);
        animator.setDuration(500);
        animator.addListener(new Animator.AnimatorListener() {
            @Override public void onAnimationStart(Animator animation) {}
            @Override public void onAnimationEnd(Animator animation) {
                docked = true;
                dockPosition = targetPosition;
            }
            @Override public void onAnimationCancel(Animator animation) {}
            @Override public void onAnimationRepeat(Animator animation) {}
        });
        animator.start();
    }

    // 暴露给外部的动画方法：从停靠位置移开
    public void animateAwayFromDock() {
        if (!docked) return;
        
        // 这里替换成你的移开动画逻辑，比如回到初始位置或随机位置
        ObjectAnimator animator = ObjectAnimator.ofFloat(this, "x", getX(), getWidth() * 2);
        animator.setDuration(500);
        animator.addListener(new Animator.AnimatorListener() {
            @Override public void onAnimationStart(Animator animation) {}
            @Override public void onAnimationEnd(Animator animation) {
                docked = false;
                dockPosition = -1;
            }
            @Override public void onAnimationCancel(Animator animation) {}
            @Override public void onAnimationRepeat(Animator animation) {}
        });
        animator.start();
    }

    // Getter方法，让外部获取状态
    public boolean isDocked() { return docked; }
    public int getDockPosition() { return dockPosition; }
}

步骤2：在主Activity中实现全局状态管理 #

用一个Map记录每个停靠位置对应的视图，在点击事件中协调冲突：

public class MainActivity extends AppCompatActivity {
    // 定义停靠位置常量
    private static final int DOCK_LEFT = 0;
    private static final int DOCK_RIGHT = 1;

    // 记录每个位置的停靠视图
    private Map<Integer, CustomView> dockedViewsMap = new HashMap<>();
    private List<CustomView> allCustomViews = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 创建并添加CustomView到布局（示例创建3个）
        LinearLayout container = findViewById(R.id.container);
        for (int i = 0; i < 3; i++) {
            CustomView view = new CustomView(this);
            view.setImageResource(R.drawable.ic_launcher_foreground);
            view.setLayoutParams(new LinearLayout.LayoutParams(200, 200));
            // 设置回调
            view.setOnViewInteractionListener(this::handleViewClick);
            container.addView(view);
            allCustomViews.add(view);
        }
    }

    private void handleViewClick(CustomView clickedView) {
        // 假设点击后默认停靠到左侧位置，可根据需求动态调整目标位置
        int targetDock = DOCK_LEFT;

        if (clickedView.isDocked()) {
            // 情况1：当前视图已停靠，执行移开逻辑
            clickedView.animateAwayFromDock();
            dockedViewsMap.remove(clickedView.getDockPosition());
        } else {
            // 情况2：当前视图未停靠，先检查目标位置是否有冲突
            CustomView conflictingView = dockedViewsMap.get(targetDock);
            if (conflictingView != null) {
                // 移开冲突视图
                conflictingView.animateAwayFromDock();
                dockedViewsMap.remove(targetDock);
            }
            // 让当前视图停靠到目标位置
            clickedView.animateToDock(targetDock);
            dockedViewsMap.put(targetDock, clickedView);
        }
    }
}

方案优势 #

1. 解耦性强：CustomView只负责自身动画和状态，协调逻辑交给Activity，符合单一职责原则；
2. 状态管理清晰：用Map快速定位停靠位置的视图，避免遍历所有视图的性能损耗；
3. 扩展性高：新增停靠位置只需添加常量，修改动画逻辑只需改动CustomView的动画方法；
4. 适配配置变更：如果需要支持屏幕旋转等场景，可以把dockedViewsMap移到ViewModel中保存状态。

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