先看下实现的效果:
下面发下XAML文件:
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"x:Class="MauiApp2.MainPage"><ScrollView><VerticalStackLayoutPadding="30,0"Spacing="25"><Label x:Name="txt_label" Text="Value :0 "></Label><Slider x:Name="slider_1" Minimum="0" Maximum="1" ValueChanged="Slider_ValueChanged" /><ImageSource="dotnet_bot.png"HeightRequest="185"Aspect="AspectFit"SemanticProperties.Description="dot net bot in a race car number eight" /><LabelText="Hello, World!"Style="{StaticResource Headline}"SemanticProperties.HeadingLevel="Level1" /><LabelText="Welcome to .NET Multi-platform App UI"Style="{StaticResource SubHeadline}"SemanticProperties.HeadingLevel="Level2"SemanticProperties.Description="Welcome to dot net Multi platform App U I" /><Buttonx:Name="CounterBtn"Text="Click me" SemanticProperties.Hint="Counts the number of times you click"Clicked="OnCounterClicked"HorizontalOptions="Fill" /></VerticalStackLayout></ScrollView></ContentPage>
.cs文件:
namespace MauiApp2
{public partial class MainPage : ContentPage{int count = 0;public MainPage(){InitializeComponent();}private void OnCounterClicked(object sender, EventArgs e){count++;if (count == 1)CounterBtn.Text = $"Clicked {count} time";elseCounterBtn.Text = $"Clicked {count} times";SemanticScreenReader.Announce(CounterBtn.Text);}private void Slider_ValueChanged(object sender, ValueChangedEventArgs e){this.txt_label.Text = this.slider_1.Value.ToString();}}}
下一个示例实现调用手机的蓝牙或者一些设备。