正文

Android MVVM模式实战：手把手教你编写高效示例代码

/0 浏览量
1015

引言

在Android开发中，MVVM（Model-View-ViewModel）模式是一种流行的架构模式，它将视图（View）和业务逻辑（ViewModel）分离，使得代码更加模块化和可维护。本文将手把手教你如何编写一个简单的MVVM示例代码，帮助你更好地理解和应用MVVM模式。

第一步：创建项目

首先，你需要在Android Studio中创建一个新的项目。选择“Empty Activity”作为项目模板。

第二步：定义数据模型

在项目中创建一个名为User的类，用来表示用户数据。

public class User {
    private String name;
    private int age;

    public User(String name, int age) {
        this.name = name;
        this.age = age;
    }

    // Getter和Setter方法
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }
}

第三步：创建ViewModel

接下来，创建一个名为UserViewModel的类，作为业务逻辑层。

public class UserViewModel {
    private User user;
    private MutableLiveData<User> userLiveData;

    public UserViewModel() {
        userLiveData = new MutableLiveData<>();
        user = new User("张三", 25);
        userLiveData.setValue(user);
    }

    public LiveData<User> getUserLiveData() {
        return userLiveData;
    }

    public void updateName(String name) {
        user.setName(name);
        userLiveData.setValue(user);
    }

    public void updateAge(int age) {
        user.setAge(age);
        userLiveData.setValue(user);
    }
}

第四步：创建布局文件

在activity_main.xml中定义一个简单的布局，包括一个编辑框（EditText）和两个按钮（Button）。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <EditText
        android:id="@+id/et_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入姓名" />

    <EditText
        android:id="@+id/et_age"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入年龄"
        android:inputType="number" />

    <Button
        android:id="@+id/btn_update"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="更新"
        android:layout_below="@id/et_age"
        android:layout_marginTop="20dp" />

</RelativeLayout>

第五步：编写Activity

在MainActivity中，设置ViewModel和数据绑定。

public class MainActivity extends AppCompatActivity {

    private UserViewModel userViewModel;
    private EditText etName;
    private EditText etAge;

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

        etName = findViewById(R.id.et_name);
        etAge = findViewById(R.id.et_age);

        userViewModel = new ViewModelProvider(this).get(UserViewModel.class);

        userViewModel.getUserLiveData().observe(this, user -> {
            etName.setText(user.getName());
            etAge.setText(String.valueOf(user.getAge()));
        });

        findViewById(R.id.btn_update).setOnClickListener(v -> {
            String name = etName.getText().toString();
            int age = Integer.parseInt(etAge.getText().toString());
            userViewModel.updateName(name);
            userViewModel.updateAge(age);
        });
    }
}

总结

通过以上步骤，你成功创建了一个简单的MVVM示例。在这个例子中，我们定义了一个数据模型User，一个业务逻辑层UserViewModel，以及一个Activity来展示和更新用户数据。通过使用LiveData，我们可以轻松地将数据变化通知给视图层，实现数据绑定。

希望这个示例能够帮助你更好地理解和应用MVVM模式。在实战中，你可以根据需求进一步完善和优化你的项目。

-- 展开阅读全文 --