1:页面的扩展名为:.xaml文件类似于ASPX一样可以编写客户端显示内容和后台处理内容
一般的前台页面的形式为:
<Page x:Class="MyFirstApp.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:MyFirstApp" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" <!-- 引用命名空间--> xmlns:TabCtl="using:CustomControl" <!-- 调用后台pageSizeChanged方法--> SizeChanged="pageSizeChanged" <!-- 设置页面背景颜色为白色--> Background="White"> <!-- 上面工具栏--> <Page.TopAppBar> <AppBar x:Name="topBar" IsSticky="True" Style="{StaticResource TopBar}" Closed="ModeToolBar_Closed" Opened="topBar_Opened" > <Grid x:Name="MenuGrid" VerticalAlignment="Center"> <Grid.ColumnDefinitions> <ColumnDefinition Width="71"/> <ColumnDefinition MinWidth="615" Width="*" /> <ColumnDefinition Width="105> </Grid.ColumnDefinitions> <AppBarButton x:Name="tooltest1" Label="test1" Click="btntest_Click"></AppBarButton> <AppBarButton x:Name="tooltest2" Grid.Column="2" Label="test2" IsEnabled="False"></AppBarButton> </Grid> </AppBar> </Page.TopAppBar> <!-- 下面工具栏--> <Page.BottomAppBar> <AppBar x:Name="ModeToolBar" IsSticky="True" Style="{StaticResource BottomAppBar}" > <Grid x:Name="EditGrid" VerticalAlignment="Center"> <Grid.ColumnDefinitions> <ColumnDefinition Width="53" /> <ColumnDefinition Width="105" /> </Grid.ColumnDefinitions> <AppBarButton x:Name="tooltest3" Grid.Column="1" HorizontalAlignment="Center" Label="test3" ></AppBarButton> <AppBarButton x:Name="tooltest4" Grid.Column="2" HorizontalAlignment="Center" Label="test4" ></AppBarButton> </Grid> </AppBar> </Page.BottomAppBar> </Page>
2:利用StaticResource引用样式的一般步骤
创建Styles文件夹,并在文件夹中创建Styles.xaml文件
删除Styles.xaml.cs文件
打开Styles.xaml文件,写入样式代码如下
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:MyFirstAppStyles"> <Style x:Key="TopBar" TargetType="AppBar"> <Setter Property="Height" Value="85"/> <Setter Property="Background" Value="#CC222846"/> </Style> </ResourceDictionary>
在App.xaml配置关联文件
<Application x:Class="MyFirstApp.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:MyFirstApp"> <!--关联Resources文件--> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="Styles/Styles.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Application.Resources> </Application>
时间: 2024-10-08 10:03:39