ViewModelAndLiveDataSample

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

ViewModelAndLiveDataSample

★ 18 Open GitHub ↗

Android Architecture Components: ViewModel and LiveData Sample (Android架构组件ViewModel和LiveData案例)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# About ViewModel And LiveData
### 关于ViewModel

ViewModel类的设计目的是以一种关注生命周期的方式存储和管理与UI相关的数据。  
例如：Activity在配置发生改变时(屏幕旋转)，Activity就会重新创建，onCreate()方法也会重新调用。我们可以在onSaveInstanceState()方法中保存数据，并从onCreate()方法中通过Bundle恢复数据，但这种方法只适用于可以对其进行序列化的少量数据，而不适用于潜在的大量数据。使用ViewModel的话ViewModel会自动保留之前的数据并给新的Activity或Fragment使用。直到当前Activity被系统销毁时，Framework会调用ViewModel的onCleared()方法，我们可以在onCleared()方法中做一些资源清理操作。

### 关于LiveData

LiveData是一个可观察的数据持有者类。与常见的观察者不同，LiveData是有生命周期感知的。这意味着它尊重其他应用程序组件的生命周期，比如Activity、Fragment或Service。这种感知确保LiveData只更新处于生命周期状态内的应用程序组件。

LiveData是由observer类表示的观察者视为处于活动状态，如果其生命周期处于STARTED或RESUMED状态。LiveData会将观察者视为活动状态，并通知其数据的变化。LiveData未注册的观察对象以及非活动观察者是不会收到有关更新的通知。

### LiveData的优点：

- 确保UI界面的数据状态
>LiveData遵循观察者模式。LiveData在生命周期状态更改时通知Observer对象，更新这些Observer对象中的UI。观察者可以在每次应用程序数据更改时更新UI，而不是每次发生更改时更新UI。

- 没有内存泄漏  
>当观察者被绑定他们对应的LifeCycle以后，当页面销毁时他们会自动被移除，不会导致内存溢出。

- 不会因为Activity的不可见导致Crash
>当Activity不可见时，即使有数据变化，LiveData也不会通知观察者。因为此时观察者的LifeCyele并不处于Started或者RESUMED状态。

- 配置的改变
>当前Activity配置改变（如屏幕方向），导致重新从onCreate走一遍，这时观察者们会立刻收到配置变化前的最新数据。

- 共享资源
>只需要一个LocationLivaData,连接系统服务一次，就能支持所有的观察者。

- 不用再人为的处理生命周期
>Activity或者Fragment只要在需要观察数据的时候观察数据即可，不需要理会生命周期变化了。这一切都交给LiveData来自动管理。

### 添加ViewModel和LiveData库的依赖

首先在Google的Maven存储库(项目最外层的build.gradle文件中添加如下：

```Java
allprojects {
    repositories {
        jcenter()
        google()
    }
}
```

然后再app/build.gradle文件中添加相关依赖

```Java
dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    // ViewModel和LiveData依赖
    implementation "android.arch.lifecycle:extensions:1.1.0"
    annotationProcessor "android.arch.lifecycle:compiler:1.1.0"
    ......
}
```

### 定义ViewModel和创建LiveData

```Java
public class AccountModel extends AndroidViewModel{

// 创建LiveData
    private MutableLiveData<AccountBean> mAccount = new MutableLiveData<>();

public AccountModel(@NonNull Application application) {
        super(application);
    }

public void setAccount(String name, String phone, String blog){
        mAccount.setValue(new AccountBean(name, phone, blog));
    }

public MutableLiveData<AccountBean> getAccount(){
        return mAccount;
    }

// 当MyActivity被销毁时，Framework会调用ViewModel的onCleared()
    @Override
    protected void onCleared() {
        Log.e("AccountModel", "==========onCleared()==========");
        super.onCleared();
    }
}
```

### 使用

```Java
public class MainActivity extends AppCompatActivity {

private AccountModel mModel;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final TextView mText = findViewById(R.id.textView);
        mModel = ViewModelProviders.of(this).get(AccountModel.class);
        findViewById(R.id.main_set_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 设置一条数据
                // mModel.setAccount("秦川小将", "182*****008", "http://blog.csdn.net/mjb00000");
                // post一条数据
                mModel.getAccount().postValue(new AccountBean("秦川小将", "182*****008", "http://blog.csdn.net/mjb00000"));
            }
        });
        mModel.getAccount().observe(this, new Observer<AccountBean>() {
            @Override
            public void onChanged(@Nullable AccountBean accountBean) {
                mText.setText(AccountModel.getFormatContent(accountBean.getName(), accountBean.getPhone(), accountBean.getBlog()));
            }
        });
    }
}
```

### 在同一个Activity中的数据共享

在同一个Activity中存在多个Fragment时，相互传递数据，一般通过定义接口来实现，Acticity从中协调。使用ViewModel能轻易解决Activity和Fragment之间的通信。

- Activity不需要做任何事情，不需要干涉这两个Fragment之间的通信。
- Fragment不需要互相知道，即使一个消失不可见，另一个也能正常的工作。
- Fragment有自己的生命周期，它们之间互不干扰，即便你用一个FragmentC替代了B，FragmentA也能正常工作，没有任何问题。

##### Activity与Fragment和Fragment与Fragment之间的数据共享

```Java
public class MainActivity extends AppCompatActivity {

private AccountModel mModel;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final TextView mText = findViewById(R.id.textView);
        // 添加Fragment试图
        getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container_1, new TopFragment()).commit();
        getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container_2, new BottomFragment()).commit();
        // 初始化ViewModel
        mModel = ViewModelProviders.of(this).get(AccountModel.class);
        findViewById(R.id.main_set_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 设置一条数据
                // mModel.setAccount("秦川小将", "182*****008", "http://blog.csdn.net/mjb00000");
                // post一条数据
                mModel.getAccount().postValue(new AccountBean("秦川小将", "182*****008", "http://blog.csdn.net/mjb00000"));
            }
        });
        mModel.getAccount().observe(this, new Observer<AccountBean>() {
            @Override
            public void onChanged(@Nullable AccountBean accountBean) {
                mText.setText(AccountModel.getFormatContent(accountBean.getName(), accountBean.getPhone(), accountBean.getBlog()));
            }
        });
    }
}
```

Fragment1

```Java
public class TopFragment extends Fragment {

private AccountModel mModel;
    private TextView mText;

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_top, container, false);
    }

@Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        mText = view.findViewById(R.id.fragment_text_view);
        mModel = ViewModelProviders.of(getActivity()).get(AccountModel.class);
        view.findViewById(R.id.fragment_set_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mModel.getAccount().postValue(new AccountBean("秦川小将", "182*****008", "这段数据是从Fragment中Post出来的"));
            }
        });
        mModel.getAccount().observe(this, new Observer<AccountBean>() {
            @Override
            public void onChanged(@Nullable AccountBean accountBean) {
                mText.setText(AccountModel.getFormatContent(accountBean.getName(), accountBean.getPhone(), accountBean.getBlog()));
            }
        });
    }
}
```

Fragment2

```Java
public class BottomFragment extends Fragment {

private AccountModel mModel;
    private TextView mText;

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_bottom, container, false);
    }

##### 示例图

从Activity中post出数据

![从Activity中post出数据](https://github.com/mengjingbo/ViewModelAndLiveDataSample/blob/master/image/1.png?raw=true)

从Fragment中post出数据

![从Fragment中post出数据](https://github.com/mengjingbo/ViewModelAndLiveDataSample/blob/master/image/2.png?raw=true)

[查看案例源代码](https://github.com/mengjingbo/ViewModelAndLiveDataSample)

ViewModelAndLiveDataSample

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README