Android observe view

原创

mob64ca12dfd1d5 2023-12-03 07:46:17 ©著作权

文章标签 观察者模式 Android 回调方法 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12dfd1d5的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android Observe View

简介

在Android开发中，我们经常需要对用户界面的某些变化进行观察和响应。当用户进行一些操作时，我们希望能够及时地获取到相关的数据变化并作出相应的处理。为了实现这样的功能，Android提供了一种机制，即观察者模式。

观察者模式是一种设计模式，它定义了对象之间的一对多的依赖关系，当一个对象的状态发生变化时，它的所有依赖者都会得到通知并且自动更新。在Android中，View类可以充当被观察者，而Observer接口则可以充当观察者。当View的状态发生变化时，它会通知所有注册的观察者，并调用它们的回调方法。

示例

让我们来看一个简单的示例，演示如何使用观察者模式来观察View的变化。

假设我们有一个按钮，当用户点击该按钮时，我们希望能够获取到按钮的点击事件并做出相应的处理。

首先，在XML布局文件中定义一个按钮：

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click me" />

接下来，在Activity中获取按钮实例并注册观察者：

Button button = findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        // 处理按钮点击事件
    }
});

上述代码中，我们通过findViewById方法获取按钮的实例，并使用setOnClickListener方法注册一个观察者。当按钮被点击时，系统会自动调用观察者的回调方法onClick。

现在，让我们考虑一个更复杂的情况，假设我们希望能够观察到按钮的位置变化。我们可以通过自定义一个观察者类来实现这个功能：

public class ButtonObserver implements ViewTreeObserver.OnGlobalLayoutListener {
    private Button button;

    public ButtonObserver(Button button) {
        this.button = button;
    }

    @Override
    public void onGlobalLayout() {
        // 处理按钮位置变化事件
    }
}

在上述代码中，我们自定义了一个ButtonObserver类，实现了ViewTreeObserver.OnGlobalLayoutListener接口。该接口定义了一个回调方法onGlobalLayout，当View的位置发生变化时，系统会自动调用该方法。

接下来，在Activity中注册该观察者：

Button button = findViewById(R.id.button);
ButtonObserver observer = new ButtonObserver(button);

ViewTreeObserver observer = button.getViewTreeObserver();
observer.addOnGlobalLayoutListener(observer);

上述代码中，我们首先创建了一个ButtonObserver对象，并将按钮作为参数传入。然后，我们通过getViewTreeObserver方法获取按钮的观察者，并使用addOnGlobalLayoutListener方法注册观察者。当按钮位置发生变化时，系统会自动调用ButtonObserver的onGlobalLayout方法。

序列图

下面是一个使用mermaid语法绘制的观察者模式的序列图，演示了上述示例中的操作流程：

::: mermaid
sequenceDiagram
    participant Button as Button
    participant OnClickListener as OnClickListener
    participant ButtonObserver as ButtonObserver
    Button->>OnClickListener: notify onClick
    OnClickListener->>Button: handle onClick
    Button->>ButtonObserver: notify onGlobalLayout
    ButtonObserver->>Button: handle onGlobalLayout
:::