解析Hello World应用

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}":设置当前页面的背景,取值为系统主题资源背景(随系统深色/浅色模式自动适配)。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注