Page布局设计

最新推荐文章于 2022-05-03 18:58:11 发布

モザイクカケラ

最新推荐文章于 2022-05-03 18:58:11 发布

阅读量1.4k

点赞数

分类专栏： WPF-上位机

本文链接：https://blog.csdn.net/xfeng20/article/details/93305210

版权

WPF-上位机专栏收录该内容

19 篇文章 3 订阅

订阅专栏

返回目录

无论如何让我们先开始做一个布局合理的页面吧！

布局图：
初始状态
最大化

设计过程：

Step1:布局
修改Page的大小：

   d:DesignHeight="450" d:DesignWidth="690"

根据设计意图打适当的格子：

        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition />
            <RowDefinition Height="100"/>
        </Grid.RowDefinitions>

Step2:选项卡
在页面布局的最上方填充几个选项卡。目前只是布局，样式勿喷。

        <GroupBox Grid.ColumnSpan="2">
            <StackPanel Orientation="Horizontal" >
                <RadioButton Margin="2 2" Content="选项卡1" FontSize="30" VerticalAlignment="Center"/>
                <RadioButton Margin="2 2" Content="选项卡2" FontSize="30" VerticalAlignment="Center"/>
                <RadioButton Margin="2 2" Content="选项卡3" FontSize="30" VerticalAlignment="Center"/>
                <RadioButton Margin="2 2" Content="选项卡4" FontSize="30" VerticalAlignment="Center"/>
                <RadioButton Margin="2 2" Content="选项卡5" FontSize="30" VerticalAlignment="Center"/>
            </StackPanel>
        </GroupBox>

Step3:图片
在第二行第一列添加一副图片，伸手党淡定！

        <GroupBox Grid.Row="1" Margin="5 5" Header="Image">
            <Image Source="pack://application:,,,/Resources/CC.jpg" Stretch="UniformToFill" />
        </GroupBox>

Step4:文本
在第二行第而列添加一个文本，伸手的胜利！

        <GroupBox Grid.Row="1" Grid.Column="1" Margin="5 5" Header="Text">
            <ScrollViewer  VerticalScrollBarVisibility="Auto">

                <TextBlock TextWrapping="Wrap" FontSize="15" >
                WPF 为Windows Presentation Foundation的首字母缩写 ，中文译为“Windows呈现基础”，其原来代号为“Avalon”，因与“我佩服”拼音首字母组合一样，国内有人调侃地称之为“我佩服”。由 .NET Framework 3.0 开始引入，与 Windows Communication Foundation及 Windows Workflow Foundation并行为新一代 Windows操作系统以及 WinFX 的三个重大应用程序开发类库。
WPF是微软新一代图形系统，运行在.NET Framework 3.0及以上版本下，为用户界面、2D/3D 图形、文档和媒体提供了统一的描述和操作方法。基于DirectX 9/10技术的WPF不仅带来了前所未有的3D界面，而且其图形向量渲染引擎也大大改进了传统的2D界面，比如Vista中的半透明效果的窗体等都得
WPF
WPF
益于WPF。 程序员在WPF的帮助下，要开发出媲美Mac程序的酷炫界面已不再是遥不可及的奢望。 WPF相对于Windows客户端的开发来说，向前跨出了巨大的一步，它提供了超丰富的.NET UI 框架，集成了矢量图形，丰富的流动文字支持(flow text support)，3D视觉效果和强大无比的控件模型框架。
Windows Presentation Foundation（以前的代号为“Avalon”）是 Microsoft 用于 Windows 的统一显示子系统，它通过 WinFX 公开。它由显示引擎和托管代码框架组成。Windows Presentation Foundation 统一了 Windows 创建、显示和操作文档、媒体和用户界面 (UI) 的方式，使开发人员和设计人员可以创建更好的视觉效果、不同的用户体验。Windows Presentation Foundation 发布后，Windows XP、Windows Server 2003 和以后所有的 Windows操作系统版本都可以使用它。
WPF是.Net Framework 3.0
WPF
WPF
里新推出的主打功能之一，加上Vista集成.Net Framework 3.0，改写Winform时代，可谓是影响巨大！WPF是一套API函数库，由.Net FrameWork3.0以上版本类库运行。
WPF是Windows操作系统中一次重大变革，与早期的GDI+/GDI不同。WPF是基于DirectX引擎的，支持GPU硬件加速，在不支持硬件加速时也可以使用软件绘制。高级别的线程绘制可以提高使用者的体验。自动识别显示器分辨率并进行缩放。而Vista就是一个非常典型的例子
                </TextBlock>
            </ScrollViewer>
        </GroupBox>

Step5:尾行

        <Border Grid.Row="2" Grid.ColumnSpan="2" BorderThickness="1" Margin="5 5" >
            <StackPanel Background="AliceBlue">
                <TextBlock Text="页面布局" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="50" Background="AliceBlue" Foreground="Blue"/>
            </StackPanel>
        </Border>

附录:测试代码