WPF -- 前端XAML

已于 2024-10-15 17:50:07 修改
阅读量538 收藏 6
点赞数 5
CC 4.0 BY-SA版权
分类专栏： WPF学习 文章标签： c# wpf 学习 笔记 前端
于 2024-07-04 20:45:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Fourglsl/article/details/140189355

一、布局基础

1.Grid（网格）

Grid 是一种灵活的布局控件，可以将子元素安排在行和列的网格中。每个子元素可以指定它所在的行和列。

1.代码示例

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/> <!--第一列占三分之一-->
        <ColumnDefinition Width="2*"/> <!--第二列占三分之二-->
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="*"/> <!--第一行占三分之一-->
        <RowDefinition Height="2*"/> <!-- 第二行占三分之二-->
    </Grid.RowDefinitions>

    <Border Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2" Background="ForestGreen"/> <!--第一个Boeder在一行一列，占据两列，背景为绿色-->
    <Border Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" Background="Yellow"/> <!--第二个Boeder在二行一列，占据两列，背景为黄色-->
</Grid>

2.代码结果

2.StackPanel（堆栈面板）和 WrapPanel

StackPanel 是一种布局控件，可以将子元素沿水平或垂直方向堆叠排列。

1.代码示例

        <StackPanel Grid.Row="0" Grid.Column="0" Orientation="Vertical"> <!--默认为垂直排列，Vertical就代表水平排列，但是当容器不够的时候不会自动换行-->
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
        </StackPanel>

        <StackPanel Grid.Row="0" Grid.Column="1" Orientation="Horizontal"> <!--Horizontal水平排列-->
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
        </StackPanel>

        <WrapPanel Grid.Row="1" Grid.Column="0" Orientation="Vertical"> <!--相比stack panel可以自动换行或者换列-->
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
        </WrapPanel>

        <WrapPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal">
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
            <Button Height="50" Width="100"/>
        </WrapPanel>

2.代码结果

3.DockPanel（停靠面板）

DockPanel 是一种布局控件，可以将子元素停靠在容器的边缘。

功能:

    •    子元素可以停靠在上下左右四个方向
    •    中心区域可以填充剩余空间

1.代码示例

        <DockPanel LastChildFill="False"> <!--LastChildFill="False"取消默认填充剩余空间-->
            <Button Height="40" Width="60" DockPanel.Dock="Bottom"/> <!--停靠在底部-->
            <Button Height="40" Width="60" DockPanel.Dock="Left"/> <!--停靠在左边-->
            <Button Height="40" Width="60" DockPanel.Dock="Right"/> <!--停靠在右边-->
            <Button Height="40" Width="60" DockPanel.Dock="Top"/> <!--停靠在底部，并且默认填充剩余空间-->
        </DockPanel>

2.代码结果

4.UniformGrid

1.代码示例

        <UniformGrid Rows="3" Columns="3"> <!--自动使得元素均分界面-->
            <Button />
            <Button />
            <Button />
            <Button />
            <Button />
            <Button />
            <Button />
            <Button />
            <Button />
        </UniformGrid>

2.代码结果

5.Canvas（画布）

Canvas 是一种布局控件，可以通过绝对定位子元素。

功能:

    •    子元素使用坐标进行绝对定位
    •    适用于需要精确控制位置的场景

1.代码示例

        <Canvas>
            <Button Canvas.Left="10" Canvas.Top="10" Height="50" Width="200"/> <!--可以定义到上部和左部的距离-->
            <Button Canvas.Left="100" Canvas.Top="100" Height="50" Width="200"/>
        </Canvas>

2.代码结果

6.实例

1.代码示例

<Window x:Class="学习.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:学习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="80"/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <Border Background="Blue"/>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="80"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>

            <Border  Grid.Column="0" Background="LightBlue"/>

            <Grid Grid.Column="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>
                    <RowDefinition Height="90"/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <Border  Margin="5" Background="Red"/>
                <Border  Margin="5" Background="Yellow" Grid.Column="1"/>
                <Border  Margin="5" Background="Blue" Grid.Column="2"/>
                <Border  Margin="5" Background="Green" Grid.Column="3"/>
                <Border  Margin="5" Background="OrangeRed" Grid.Column="4"/>

                <Border  Margin="5" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="3" Background="Green"/>
                <Border  Margin="5" Grid.Row="1" Grid.Column="3" Grid.ColumnSpan="2" Background="Red"/>
                <Border  Margin="5" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" Background="Blue"/>
                <Border  Margin="5" Grid.Row="2" Grid.Column="3" Grid.ColumnSpan="3" Background="Yellow"/>

            </Grid>
        </Grid>
    </Grid>
</Window>

2.代码结果

二、样式基础

1.代码示例

<Window x:Class="学习.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:学习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Window.Resources>
        <Style x:Key="BaseButtonStytle" TargetType="Button"><!--创建一个按键的公用基础样式-->
            <Setter Property="FontSize" Value="20"/><!--字体大小-->
            <Setter Property="Foreground" Value="Black"/><!--字体颜色-->
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="LightBlue"/> <!--鼠标悬浮会变蓝色-->
                </Trigger>
            </Style.Triggers>
        </Style>

        <Style x:Key="ButtonStytle" TargetType="Button" BasedOn="{StaticResource BaseButtonStytle}"><!--继承共用基础样式的按键样式-->
            <Setter Property="Background" Value="Green"/><!--按键背景为绿色-->
        </Style>
    </Window.Resources>
    <Grid>
        <StackPanel>
            <Button Content="111" Style="{StaticResource ButtonStytle}" />
            <Button Content="111" Style="{StaticResource ButtonStytle}" />
            <Button Content="111" Style="{StaticResource ButtonStytle}" />
        </StackPanel>
    </Grid>
</Window>

2.代码结果

三、控件模板

1.操作过程

2.代码

<Window x:Class="学习.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:学习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <Style x:Key="FocusVisual">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Rectangle Margin="2" StrokeDashArray="1 2" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" SnapsToDevicePixels="true" StrokeThickness="1"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>
        <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>
        <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>
        <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>
        <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>
        <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>
        <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>
        <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>
        <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
            <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
            <Setter Property="Background" Value="{StaticResource Button.Static.Background}"/>
            <Setter Property="BorderBrush" Value="{StaticResource Button.Static.Border}"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true">
                            <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsDefaulted" Value="true">
                                <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>
                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>
                            </Trigger>
                            <Trigger Property="IsPressed" Value="true">
                                <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/>
                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>
                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>
                                <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>


    <Grid>
        <StackPanel>
            <Button Style="{DynamicResource ButtonStyle1}" >
                <StackPanel Orientation="Horizontal">
                    <Button Content="1"/>
                    <Button Content="2"/>
                    <Button Content="3"/>
                </StackPanel>
            </Button>
        </StackPanel>
    </Grid>
</Window>

3.代码结果

4.总结

通过引用微软库中的Buttton样式代码，可以自定义改变控件的样式，主要是通过改变如下部分。

<ContentPresenter x:Name="contentPresenter"
                  Focusable="False" 
                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                  Margin="{TemplateBinding Padding}" 
                  RecognizesAccessKey="True" 
                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

5.热重载工具

在调试窗口界面上方就可以实现很方便的调试功能。

四、数据模板

1.DataTemplate

在WPF（Windows Presentation Foundation）中，DataTemplate 用于定义数据的可视化呈现方式。它允许你自定义如何展示数据对象，从而实现更灵活和丰富的用户界面。DataTemplate 通常用于控件（如ListBox、ComboBox、DataGrid等）的项模板。

1.代码示例

1.1 xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Collections.ObjectModel;

namespace 学习
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            List<Color> test = new List<Color>();

            test.Add(new Color() { Code = "Red", Name = "红色" });
            test.Add(new Color() { Code = "BLUE", Name = "蓝色" });
            test.Add(new Color() { Code = "YELLOW", Name = "黄色" });
            test.Add(new Color() { Code = "GREEN", Name = "绿色" });

            list.ItemsSource = test;
        }
    }

    public class Color
    {
        public string Code { get; set; }

        public string Name { get; set; }
    }
}
1.2 xaml
<Window x:Class="学习.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:学习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Grid>
        <ListBox x:Name="list">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Border Width="10" 
                                Height="10"
                                Background="{Binding Code}">
                        </Border>
                        <TextBlock Margin="10,0" 
                                   Text="{Binding Name}">
                        </TextBlock>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Window>

2.代码结果

3.代码示例2

后端不变

<Window x:Class="学习.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:学习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Grid>
        <DataGrid
            x:Name="list"
            AutoGenerateColumns="False"
            CanUserAddRows="False">
            <DataGrid.Columns>
            <DataGridTextColumn Binding="{Binding Name}" Header="Name"/>
            <DataGridTextColumn Binding="{Binding Code}" Header="Code"/>

                <DataGridTemplateColumn Header="操作"><!--可操作的-->
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Border Width="10"
                                        Height="10"
                                        Background="{Binding Code}">
                                </Border>
                                <TextBlock Margin="10" Text="{Binding Name}">
                                </TextBlock>
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

4.代码结果

五、WPF绑定

1.双向绑定

1.代码示例

<Window x:Class="学习.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:学习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Grid>
        <StackPanel>
            <Slider x:Name="slider" Margin="10"/>
            <TextBox Height="30"  Margin="10" Text="{Binding ElementName=slider,Path=Value}"/>
            <TextBox Height="30"  Margin="10" Text="{Binding ElementName=slider,Path=Value}"/>
            <TextBox Height="30"  Margin="10" Text="{Binding ElementName=slider,Path=Value}"/>
        </StackPanel>
    </Grid>
</Window>

2.代码结果

2.单向绑定

1.代码示例

<Window x:Class="学习.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:学习"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Grid>
        <StackPanel>
            <Slider x:Name="slider" Margin="10"/>
            <TextBox Height="30"  Margin="10" Text="{Binding ElementName=slider,Path=Value,Mode=OneWay}"/> <!--单向绑定-->
            <TextBox Height="30"  Margin="10" Text="{Binding ElementName=slider,Path=Value,Mode=OneTime}"/><!--绑定第一个数值-->
            <TextBox Height="30"  Margin="10" Text="{Binding ElementName=slider,Path=Value,Mode=TwoWay}"/><!--双向绑定-->
            <TextBox Height="30"  Margin="10" Text="{Binding ElementName=slider,Path=Value,Mode=OneWayToSource}"/><!--单向绑定-->
        </StackPanel>
    </Grid>
</Window>

2.代码结果

WPF-01理解XAML
jiyanghao19的博客
01-14 379
Padding属性是Thickness结构类型，可用于多种 UI 元素，如Button、TextBox、Border等。它为元素的内容在各个方向（上、下、左、右）提供了额外的空间，从而影响元素的内部布局。[在这里插入图片描述](https://i-blog.csdnimg.cn/direct/c753ef8575054ecb98c1473c1629feed.png)Foreground="White"或者Foreground="white"具有相同效果。创建一个名称空间的类型示例，可使用名称空间前缀。
C# WPF学习
09-15
本书是国内第一本全面介绍微软Silverlight最新版本技术基础和开发实践的书籍，不仅涵盖面广，内容也有足够的深度。 在RIA应用程序开发中，程序员和设计师角色的分工各不相同，针对这一点，微软提供了相对应的Silverlight开发工具，即VIsual Studio 和Bleng，这两种开发工具在书中通过一系列入门范例得到了详细的介绍，使读者可以快速上手开发项目。 本书适合Silverlightj技术研究、数学、编程人员、RIA技术研究人员，以及Silverlight爱好者阅读和使用。
WPF布局
weixin_34033624的博客
12-01 195
概述 学习了下WPF里面的布局，参考书是《WPF揭秘》，以下是笔记 WPF布局 控制尺寸 控制位置 变换（Transform） Panel（面板） 处理内容溢出 布局实例 两步布局过程 WPF布局 布局是WPF界面开发中一个很重要的环节。所谓布局，即确定所有控件的大小和位置，是一种递归进行的父元素（Panel）和子元素交互的过程，为了同时满足父元素和子元素的需要，WP...
WPF学习笔记（1）WPF相关知识概述
lzt1027的博客
06-18 696
WPF基础知识介绍
走进WPF系列学习之一 如何建立、设计、执行与部署WPF应用程序
weixin_30335353的博客
01-12 299
近在公司要用WPF做一个项目，以前都没有怎么接触过WPF，所以在接下来的一段日子里，我要好好研究研究WPF。我会把我在的学习过程，和学习心得记录下来。一方面是对自己学习的总计，另一方面也可以让像我一样刚刚接触WPF的同志们一个借鉴吧！好了下面正式开始吧。 简介 WPF 为Windows Presentation Foundation的缩写 ，意思是基于windows的图...
WPF 学习教程
weixin_39604653的博客
08-31 5614
以下是刚刚 WPF 学习教程的摘要： WPF (Windows Presentation Foundation) 是微软提供的用于构建 Windows 桌面应用程序的 UI 框架。本教程涵盖了 WPF 的基本概念和核心组件： 1. **WPF 基本概念**：介绍了 XAML 语言、WPF 项目结构等内容。 2. **布局系统**：讲解了常用的布局容器，如 `Grid`、`StackPanel`、`WrapPanel`、`DockPanel` 和 `Canvas`，并提供了代码示例。 3. **控件使用*
WPF之路——WPF布局系统
weixin_34242658的博客
10-31 353
前言      前段时间忙了一阵子Google Earth，这周又忙了一阵子架构师论文开题报告，现在终于有时间继续&lt;WPF之路&gt;了。先回忆一下上篇的内容，在《从HelloWorld到WPF World》中，我们对WPF有了个大概的了解，并了解了初学WPF时应该从哪些知识点入手。今天我们就从最基本的知识点之一布局系统来继续学习WPF，主要包括如下内容。 0，什么是布局 ...
bootstrap-wpf-style-master 样式
08-14
Bootstrap-WPF 样式是一种将流行的前端框架 Bootstrap 的设计风格应用于 WPF（Windows Presentation Foundation）应用程序的方法。Bootstrap 是一个广泛使用的开源工具包，主要用于构建响应式、移动设备优先的网页...
ＷＰＦ　－－　关于XAML语言解析处理及XAML引用
qq_20804335的博客
09-11 3174
首先我们在Visual Studio中建立一个ＷＰＦ项目，以下是新建的ＷＰＦ程序的 xaml 文件<Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" //绘制UI相关程序集 表示（Presentation）层
WPF一款自动整理XAML代码的插件
06-20
在Windows Presentation Foundation（WPF）开发中，XAML是一种重要的标记语言，用于构建用户界面。然而，由于XAML代码的复杂性和可扩展性，手动保持代码整洁和规范可能会变得困难。为了帮助开发者解决这个问题，出现...
bootstrap-wpf-style.zip
04-03
3. **Source Code** - 包含XAML文件，这些是WPF的标记语言，用于定义用户界面的布局和样式。 4. **Resources** - 可能包含Bootstrap的CSS和JavaScript文件，以及任何必要的图像或图标资源，这些可能会被引用到WPF...
WPF学习大全（包括很多书籍和资料）
04-23
WPF学习大全（包括很多书籍和资料）WPF学习大全（包括很多书籍和资料）WPF学习大全（包括很多书籍和资料）WPF学习大全（包括很多书籍和资料）
WPF 系统学习WPF
lvxingzhe3的博客
03-18 1562
系统学习WPF
wpf 学习(一)
一技旁身
04-19 1558
1.xaml引用名称空间： <xmlns:x="clr-namespace:System.Windows.Controls;"/> 引用名称空间和程序集 <xmlns:x="clr-namespace:System.Windows.Controls; assembly=PresentationFramework"/> x:表示映射前缀，clr-namespace是命名空间前缀，assembly引用程序集前缀. xaml各命名空间属性的含义 ...
WPF学习指南
xfeng20的博客
06-03 758
掉入wpf的深坑
WPF 学习：知识要点、学习资源推荐
candy的博客
10-17 1263
在当今数字化时代，Windows 桌面应用程序的开发依旧占据着重要地位。Windows Presentation Foundation（WPF）作为微软精心打造的用于构建 Windows 桌面应用程序的强大框架，为开发者开辟了一片充满创意与可能性的天地。
WPF基础学习
qq_38199336的博客
11-16 1280
WPF（Windows Presentation Foundation）是微软推出的基于Windows Vista的用户界面框架，属于。NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。 WPF中的常用布局 1、Canvas布局 Canvas是一个类似于坐标系的面板，所有的元素通过设置坐标来决定其在坐标系中的位置。具体表现为使用Left、Top、Right、 Bottom附加属性在...
C# WPF入门学习（一）
weixin_56595425的博客
05-21 7545
WPF（Windows Presentation Foundation）是由微软开发的一种用于构建Windows桌面应用程序的图形子系统。它是.NET框架的一部分，旨在提供一个统一的编程模型，用于构建具有丰富用户界面、图形、动画和媒体的应用程序。WPF最早在2006年作为.NET Framework 3.0的一部分发布。WPF和WinForms各有优缺点，选择使用哪个框架取决于具体的项目需求和开发团队的技术背景。如果你需要创建一个现代化、视觉效果丰富且具有复杂交互的应用，WPF是更好的选择。
WPF入门 WPF布局基础、WPF样式基础、WPF数据模板、WPF绑定
最新发布
m0_73612206的博客
06-18 244
本文介绍了WPF中常用的几种布局容器控件，包括Grid、StackPanel、WrapPanel、DockPanel和UniformGrid。重点展示了Grid布局的使用方法，通过行定义（RowDefinitions）和列定义（ColumnDefinitions）实现复杂布局，支持元素跨行跨列。其他面板控件各有特点：StackPanel线性排列、WrapPanel自动换行、DockPanel停靠布局、UniformGrid均分空间。最后通过一个包含多层级Grid嵌套的页面布局实例，演示了如何组合使用这些容器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值