(03).NET MAUI实战 基础控件

1.概要

本章将继续介绍.NET MAUI中的常用基础控件，让刚刚接触MAUI的小伙伴有写基础的认识，心里有底开发起来将得心应手。下面将列出一些常用的基础控件：

控件名	中文名称	说明
Button	按钮	与WPF中的基础用法无太大变化
CheckBox	单选框	与WPF中的基础用法无太大变化
ListView	列表	类似WPF中列表控件“ListBox”
ImageButton	图片按钮	WPF中没有该控件，通常需要开发者手动实现，MAUI中已经包含在基础控件中。
Entry	输入框	类似WPF中的输入框控件“TextBox”
TableView	选项卡	类似WPF中"TabControl"
DisplayAlert	消息框	类似WPF中“MessageBox”

2.详细内容

（1）Button

xaml语法：

<Button Text="我是Btn" WidthRequest="200" HeightRequest="50" Command="{Binding OkCommand}" CommandParameter="{Binding}"/>

（2）CheckBox

uncheck状态

check状态

xaml语法：

<CheckBox IsChecked="True"/>

（3）ListView

xaml语法1：

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

xaml语法2：

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

（4）ImageButton

xaml语法：

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

（5）Entry

xaml语法：

<Entry Text="我是输入框" WidthRequest="100" HeightRequest="50"/>

(6) TableView

xaml语法：

<TableView HasUnevenRows="True">
            <TableView.Root>
                <TableSection TextColor="Red" Title="Tab1">
                    //Cell里也可以放其他内容
                    <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#语法：

DisplayAlert("新消息","新年快乐","ok");