1. 程序文件结构
在 MainPage.xaml.cs 代码中添加一个断点,即可调试程序。HelloWorld 程序主要包含以下文件:
MainPage.xaml(页面界面标记文件)MainPage.xaml.cs(页面后台逻辑代码)App.xaml(应用级标记文件)App.xaml.cs(应用级后台代码)Package.appxmanifest(应用清单配置文件)AssemblyInfo.cs(程序集信息文件)- 其他资源:图片文件、json文件、config配置文件等。
2. MainPage.xaml 基础结构
XAML 代码以 <Page> 为根元素,核心结构如下:
<Page
x:Class="AppHelloWorld.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:AppHelloWorld"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<TextBlock x:Name="textBlock" HorizontalAlignment="Left" Margin="120,265,0,0" TextWrapping="Wrap" Text="foxdevelop" VerticalAlignment="Top"/>
</Grid>
</Page>Code language: HTML, XML (xml)
3. 核心控件说明
- Page 元素:程序页面的根元素,当前页面所有的 UI 元素都必须包含在
Page元素下。 - Grid 控件:布局容器控件,用于承载其他子控件。在可视化视图中默认不可见(透明背景)。
- TextBlock 控件:文本框控件,用于显示文本内容。可视化界面中看到的文字即由它呈现。
x:Name属性:定义控件的名称(相当于对象名),在后台.cs代码中可通过该名称直接调用和修改控件属性。Text属性:设置要显示的具体文本内容(如“北盟网校”)。- 其他属性:
HorizontalAlignment(水平对齐)、VerticalAlignment(垂直对齐)、Margin(边距)、TextWrapping(文本换行)。
4. 页面属性与背景设置
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}":设置当前页面的背景,取值为系统主题资源背景(随系统深色/浅色模式自动适配)。
Previous: 开发环境和Hello World项目