android - 如何在 ViewModel 中保存图像以处理方向变化？

使用 ViewModel 与 TextView 和 ImageView 一起工作的简单示例以在方向变化中幸存

示例说明：

布局包含一个TextView、ImageView 和一个Button。最初在布局内的 TextView 和 ImageView 上设置文本和图像。单击按钮时，文本（以编程方式）和图像（来自可绘制）设置为适当的视图。

假设设备旋转，因此单击按钮时设置的文本和图像由于活动重新创建而丢失，因此加载了在 xml 文件中设置的文本和图像。

为了解决这个问题，我们使用 ViewModel 来处理配置更改。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/my_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Android" />

    <ImageView
        android:id="@+id/my_image"
        android:layout_width="96dp"
        android:layout_height="96dp"
        android:layout_margin="20dp"
        android:src="@drawable/ic_android_black_24dp" />

    <Button
        android:id="@+id/my_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:text="Update text and image" />

</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

    TextView mText;
    ImageView mImageView;
    Button mButton;

    MyViewModel mViewModel;

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

        mText = findViewById(R.id.my_text);
        mImageView = findViewById(R.id.my_image);
        mButton = findViewById(R.id.my_button);

        mViewModel = ViewModelProviders.of(this).get(MyViewModel.class);

        if (mViewModel.getText() != null) {
            mText.setText(mViewModel.getText());
        }

        if (mViewModel.getImage() != null) {
            mImageView.setImageDrawable(mViewModel.getImage());
        }

        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mText.setText("Happy Coding...");
                mImageView.setImageDrawable(getResources().getDrawable(R.drawable.ic_face));
            }
        });

    }

    @Override
    protected void onDestroy() {
        super.onDestroy();

        mViewModel.setText(mText.getText().toString());
        mViewModel.setImage(mImageView.getDrawable());

    }
}

MyViewModel.java

public class MyViewModel extends ViewModel {

    private String text;
    private Drawable image;

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public Drawable getImage() {
        return image;
    }

    public void setImage(Drawable image) {
        this.image = image;
    }
}

关于 ViewModel 的一些提示：

ViewModel 类旨在以生命周期意识的方式保存和管理与 UI 相关的数据。这允许数据在配置更改（例如屏幕旋转）中保留下来。
ViewModel 将 UI 实现与应用数据分开。ViewModel 的生命周期从第一次创建关联的 UI 控制器开始，直到它被完全销毁。
切勿将 UI 控制器或上下文直接或间接存储在 ViewModel 中。这包括将视图存储在 ViewModel 中。对 UI 控制器的直接或间接引用破坏了将 UI 与数据分离的目的，并可能导致内存泄漏。
ViewModel 还可以很好地与另一个架构组件（如 LiveData、Room）一起使用。使用 LiveData 的额外好处是它是可观察的：它可以在数据更改时触发 UI 更新。使用以下链接了解更多信息。

链接： https ://developer.android.com/topic/libraries/architecture/viewmodel

https://developer.android.com/topic/libraries/architecture/livedata.html

CodeLab 链接： https ://codelabs.developers.google.com/codelabs/android-room-with-a-view/#0

我不是专业的开发人员。上面的代码对我有用。欢迎大家指正或提出建议。

谢谢 ;）

android - 如何在 ViewModel 中保存图像以处理方向变化？

问题描述

解决方案

推荐阅读