如何修改maui里这些button控件的颜色<?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="CYT.MainPage" Title=""> <ScrollView> <Grid> <Image Source="paper.png" Aspect="AspectFill"/> <VerticalStackLayout Spacing="25" Padding="30,0" VerticalOptions="Center"> <Button x:Name="BtnPage2" Text="视频" Clicked="BtnPage2_Clicked" HorizontalOptions="Center" /> <Button x:Name="BtnPage1" Text="地图" Clicked="BtnPage1_Clicked" HorizontalOptions="Center" /> <Button x:Name="BtnPage3" Text="AGV" Clicked="BtnPage3_Clicked" HorizontalOptions="Center" /> </VerticalStackLayout> </Grid> </ScrollView> </ContentPage>
时间: 2024-02-14 10:18:17 浏览: 194
你可以使用 Button 的 BackgroundColor 属性来修改按钮的背景颜色,例如:
```xml
<Button x:Name="BtnPage1"
Text="地图"
Clicked="BtnPage1_Clicked"
HorizontalOptions="Center"
BackgroundColor="Yellow" />
```
你还可以使用 TextColor 属性来修改按钮上文本的颜色,例如:
```xml
<Button x:Name="BtnPage1"
Text="地图"
Clicked="BtnPage1_Clicked"
HorizontalOptions="Center"
BackgroundColor="Yellow"
TextColor="Black" />
```
如果你想要自定义更多的样式,可以使用 Style 属性来引用一个定义好的样式。例如:
```xml
<ContentPage.Resources>
<Style x:Key="CustomButtonStyle" TargetType="Button">
<Setter Property="BackgroundColor" Value="Blue" />
<Setter Property="TextColor" Value="White" />
<Setter Property="FontSize" Value="18" />
<Setter Property="FontAttributes" Value="Bold" />
</Style>
</ContentPage.Resources>
<Button x:Name="BtnPage1"
Text="地图"
Clicked="BtnPage1_Clicked"
HorizontalOptions="Center"
Style="{StaticResource CustomButtonStyle}" />
```
在这个示例中,我们定义了一个名为 CustomButtonStyle 的样式,并将其应用到地图按钮上。这个样式定义了按钮的背景颜色、文本颜色、字体大小和字体加粗等属性。
阅读全文