**Course Title:** .NET MAUI App Development **Section Title:** Working with Controls and Custom Components **Topic:** Overview of built-in controls (Button, Entry, Picker, ListView) In this topic, we will explore the built-in controls provided by .NET MAUI, which are essential for creating user interfaces in your mobile applications. These controls are highly customizable and can be used to build a wide range of UI components. ### Introduction to Built-in Controls .NET MAUI offers a variety of built-in controls that can be used to create complex user interfaces. Some of the most commonly used controls include: * Button * Entry * Picker * ListView Each of these controls has its own unique properties and features that make it suitable for specific use cases. ### Button Control The Button control is one of the most basic and widely used controls in .NET MAUI. It is used to perform a specific action when clicked. Here's an example of how to use the Button control in XAML: ```xml <Button Text="Click me" Clicked="Button_Clicked"/> ``` And here's the corresponding code behind: ```csharp private void Button_Clicked(object sender, EventArgs e) { // Handle the button click event } ``` You can customize the appearance and behavior of the Button control by setting its properties, such as `TextColor`, `BackgroundColor`, and `BorderColor`. ### Entry Control The Entry control is used to input text from the user. It is similar to a TextBox in Windows Forms. Here's an example of how to use the Entry control in XAML: ```xml <Entry Placeholder="Enter your name" x:Name="nameEntry"/> ``` And here's how to get the text entered by the user: ```csharp private void Button_Clicked(object sender, EventArgs e) { string name = nameEntry.Text; // Use the entered text } ``` You can set the `Keyboard` property of the Entry control to specify the type of keyboard that should be displayed, such as `Numeric` or `Email`. ### Picker Control The Picker control is used to display a list of items and allow the user to select one. It is similar to a ComboBox in Windows Forms. Here's an example of how to use the Picker control in XAML: ```xml <Picker x:Name="picker" Title="Select an item"> <Picker.ItemsSource> <x:Array Type="x:String"> <x:String>Item 1</x:String> <x:String>Item 2</x:String> <x:String>Item 3</x:String> </x:Array> </Picker.ItemsSource> </Picker> ``` And here's how to handle the selection changed event: ```csharp private void Picker_SelectedIndexChanged(object sender, EventArgs e) { string selecteditem = picker.SelectedItem.ToString(); // Use the selected item } ``` ### ListView Control The ListView control is used to display a list of items and allow the user to interact with them. It is similar to a ListBox in Windows Forms. Here's an example of how to use the ListView control in XAML: ```xml <ListView x:Name="listView" ItemSelected="ListView_ItemSelected"> <ListView.ItemsSource> <x:Array Type="x:String"> <x:String>Item 1</x:String> <x:String>Item 2</x:String> <x:String>Item 3</x:String> </x:Array> </ListView.ItemsSource> </ListView> ``` And here's how to handle the item selection changed event: ```csharp private void ListView_ItemSelected(object sender, SelectedItemChangedEventArgs e) { string selecteditem = e.SelectedItem.ToString(); // Use the selected item } ``` You can customize the appearance and behavior of the ListView control by setting its properties, such as `RowHeight` and `SeparatorColor`. ### Conclusion In this topic, we have covered the built-in controls provided by .NET MAUI, including the Button, Entry, Picker, and ListView controls. These controls are essential for creating user interfaces in your mobile applications and can be customized to suit your needs. **Key Concepts:** * Built-in controls in .NET MAUI * Button control * Entry control * Picker control * ListView control **Takeaways:** * Use the Button control to perform a specific action when clicked * Use the Entry control to input text from the user * Use the Picker control to display a list of items and allow the user to select one * Use the ListView control to display a list of items and allow the user to interact with them **External Resources:** * [Microsoft Documentation: .NET MAUI Controls](https://docs.microsoft.com/en-us/dotnet/maui/user-interface/controls/) * [Xamarin Documentation: Controls](https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/controls/) **What's Next?** In the next topic, we will cover working with custom controls and components. **Do You Have Any Questions?** If you have any questions or need help with anything, please feel free to ask in the comments section below.