![\"mvvm-android\"](\"http:\/\/blog.robotqa.com\/wp-content\/uploads\/2024\/06\/2024061212540344.png\")
\n<\/p>\nThe Model-View-ViewModel (MVVM) architecture has become a popular choice among Android developers due to its separation of concerns, ease of testing, and ability to scale. By dividing your application into distinct layers, MVVM helps manage UI-related data in a lifecycle-conscious way. In this guide, we’ll dive into the fundamentals of MVVM and demonstrate how to implement it in an Android application.\n
<\/p>\n
build.gradle<\/code> file, include:\ndependencies {\n implementation \"androidx.lifecycle:lifecycle-extensions:2.2.0\"\n implementation \"androidx.lifecycle:lifecycle-viewmodel-ktx:2.3.1\"\n implementation \"androidx.lifecycle:lifecycle-livedata-ktx:2.3.1\"\n}\n<\/pre>\nExample: Building a Simple MVVM App<\/strong><\/h4>\nLet’s build a simple application that fetches and displays a list of users from a remote server.\n\n \t- Model Layer<\/strong>: Create a data class and repository for fetching data.User.kt<\/strong><\/li>\n<\/ul>\n
data class User(val id: Int, val name: String, val email: String)\n<\/pre>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 UserRepository.kt<\/strong>\nclass UserRepository {\n fun getUsers(): List<User> {\n \/\/ Simulate fetching data from a network or database\n return listOf(\n User(1, \"John Doe\", \"john@example.com\"),\n User(2, \"Jane Smith\", \"jane@example.com\")\n )\n }\n}\n<\/pre>\n\n \t- ViewModel Layer<\/strong>: Create a ViewModel to hold and manage UI-related data.<\/li>\n<\/ul>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 UserViewModel.kt<\/strong>\n
class UserViewModel : ViewModel() {\n private val userRepository = UserRepository()\n private val _users = MutableLiveData<List<User>>()\n val users: LiveData<List<User>> get() = _users\n\n init {\n fetchUsers()\n }\n\n private fun fetchUsers() {\n _users.value = userRepository.getUsers()\n }\n}\n<\/pre>\n\n \t- View Layer<\/strong>: Create an Activity and a layout to display the data.activity_main.xml<\/strong><\/li>\n<\/ul>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:orientation=\"vertical\"\n android:padding=\"16dp\">\n\n <TextView\n android:id=\"@+id\/userTextView\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:textSize=\"16sp\"\n android:text=\"Users will appear here\" \/>\n<\/LinearLayout>\n<\/pre>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 MainActivity.kt<\/strong>\nclass MainActivity : AppCompatActivity() {\n\n private lateinit var userViewModel: UserViewModel\n private lateinit var userTextView: TextView\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContentView(R.layout.activity_main)\n\n userTextView = findViewById(R.id.userTextView)\n\n userViewModel = ViewModelProvider(this).get(UserViewModel::class.java)\n userViewModel.users.observe(this, Observer { users ->\n displayUsers(users)\n })\n }\n\n private fun displayUsers(users: List<User>) {\n userTextView.text = users.joinToString(\"\\n\") { \"${it.name} (${it.email})\" }\n }\n}\n<\/pre>\nExplanation<\/strong><\/h4>\n\n \t- User.kt<\/strong>: Represents the user data model.<\/li>\n \t
- UserRepository.kt<\/strong>: Simulates data fetching from a network or database.<\/li>\n \t
- UserViewModel.kt<\/strong>: Contains the logic to fetch users and exposes LiveData for the view to observe.<\/li>\n \t
- activity_main.xml<\/strong>: Defines a simple layout with a TextView to display user data.<\/li>\n \t
- MainActivity.kt<\/strong>: Observes the LiveData from the ViewModel and updates the UI when the data changes.<\/li>\n<\/ul>\n\n
<\/p>\n