(03). Net Maui actual combat basic control

1. Summary

This chapter will continue to introduce .NET MAUI Common basic controls in , Let's just touch MAUI My little friend has a basic understanding of writing , It will be handy to have a solid foundation in mind . Some common basic controls are listed below ：

Control name	Chinese name	explain
Button	Button	And WPF There is not much change in the basic usage of
CheckBox	Radio buttons	And WPF There is not much change in the basic usage of
ListView	list	similar WPF List control in “ListBox”
ImageButton	Picture button	WPF The control does not exist in , Usually developers need to implement it manually ,MAUI Is already contained in the underlying control .
Entry	Input box	similar WPF Input box control in “TextBox”
TableView	tab	similar WPF in "TabControl"
DisplayAlert	Message box	similar WPF in “MessageBox”

2. The detailed content

（1）Button

xaml grammar ：

<Button Text=" I am a Btn" WidthRequest="200" HeightRequest="50" Command="{Binding OkCommand}" CommandParameter="{Binding}"/>

（2）CheckBox

uncheck state

check state

xaml grammar ：

<CheckBox IsChecked="True"/>

（3）ListView

xaml grammar 1：

<ListView ItemsSource="{Binding Temps}" HeightRequest="500" WidthRequest="300"/>

xaml grammar 2：

<ListView HeightRequest="500" WidthRequest="300">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <Label Text=" I am a listview item1" TextColor="Red"></Label>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

（4）ImageButton

xaml grammar ：

<ImageButton Source="/img/1.jpg" WidthRequest="200" HeightRequest="50" Command="{Binding OkCommand}" CommandParameter="{Binding}"/>

（5）Entry

xaml grammar ：

<Entry Text=" I am the input field " WidthRequest="100" HeightRequest="50"/>

(6) TableView

xaml grammar ：

<TableView HasUnevenRows="True">
            <TableView.Root>
                <TableSection TextColor="Red" Title="Tab1">
                    //Cell You can put other content in the 
                    <TextCell TextColor="Red" Text="Item1"></TextCell>
                    <TextCell TextColor="Red" Text="Item2" IsEnabled="False"></TextCell>
                </TableSection>
                <TableSection TextColor="Blue" Title="Tab2">
                    <TextCell TextColor="Blue" Text="Item1"></TextCell>
                    <TextCell TextColor="Blue" Text="Item2"  Detail="test">
                        <TextCell.ContextActions>
                            <MenuItem Text="More"></MenuItem>
                            <MenuItem Text="Delete"></MenuItem>
                        </TextCell.ContextActions>
                    </TextCell>
                </TableSection>
            </TableView.Root>
        </TableView>

(6) DisplayAlert

C# grammar ：

DisplayAlert(" New news "," Happy New Year! ","ok");