WPF_布局基础

这篇具有很好参考价值的文章主要介绍了WPF_布局基础。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

布局容器

Grid

定义由列和行组成的灵活的网格区域。

        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

背景

        <Border Grid.Row="0" Grid.Column="0" Background="Red"/>
        <Border Grid.Row="0" Grid.Column="1" Background="Blue"/>
        <Border Grid.Row="1" Grid.Column="0" Background="Green"/>
        <Border Grid.Row="1" Grid.Column="1" Background="Yellow"/>

尺寸

自动适应:以所在行的元素最高尺寸为标准来定义行高。

WPF_布局基础,WPF,wpf

绝对尺寸:给指定数值或者比例来定义行高。

WPF_布局基础,WPF,wpfWPF_布局基础,WPF,wpf

跨行跨列:类似合并方格。

WPF_布局基础,WPF,wpf

StackPanel

将子元素排列成水平或垂直的一行(默认:垂直)。

WPF_布局基础,WPF,wpfWPF_布局基础,WPF,wpf

WrapPanel

将子元素按从左到右的顺序定位,将内容分到其包含框边缘的下一行(默认:水平排列)。

WPF_布局基础,WPF,wpfWPF_布局基础,WPF,wpf

DockPanel

将子内容停靠在布局容器的边缘。

WPF_布局基础,WPF,wpfWPF_布局基础,WPF,wpf

UniformGrid 

提供一种在网格(网格中的所有单元格都具有相同的大小)中排列内容的方法。

WPF_布局基础,WPF,wpfWPF_布局基础,WPF,wpf

案例

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

        <Border Background="#7671D8"/>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            
            <Border Background="Blue"/>

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

                <Grid.RowDefinitions>
                    <RowDefinition Height="0.8*"/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <Border Margin="5" Grid.Column="0" Background="#BCC2FA"/>
                <Border Margin="5" Grid.Column="1" Background="#5DA8CF"/>
                <Border Margin="5" Grid.Column="2" Background="#DF7FCF"/>
                <Border Margin="5" Grid.Column="3" Background="#4FB8B7"/>
                <Border Margin="5" Grid.Column="4" Background="#E07A7D"/>

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

            </Grid>

        </Grid>
    </Grid>

WPF_布局基础,WPF,wpf文章来源地址https://www.toymoban.com/news/detail-691648.html

到了这里,关于WPF_布局基础的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • C# WPF布局

    布局: 1、Grid: Window x:Class=\\\"WpfApp2.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-compatibili

    2024年04月22日
    浏览(39)
  • C# WPF编程-布局

    WPF窗口只能包含单个元素。为在WPF窗口中放置多个元素并创建更贴近实用的用户界面,需要在窗口上放置一个容器,然后在这个容器中添加其他元素。 造成这一限制的原因是Window类继承自ContentControl类。 在WPF窗口布局需要遵循以下几条重要原则: 不应显示设定元素的尺寸 :

    2024年03月25日
    浏览(38)
  • (四)WPF - 布局

    WPF 布局包括两个阶段: 一个测量阶段和排列阶段 在测量阶段,容器遍历所有子元素,并询问子元素它们所期望的尺寸。 在排列阶段,容器在合适的位置放置子元素。(每个元素都被其父元素告知它自己的尺寸是多少以设定尺寸和位置) 这两个阶段让父和子元素能够协商需

    2024年02月10日
    浏览(42)
  • WPF 布局

    WPF中所有布局如下,我们一一尝试实现,本文档主要以图形化的形式展示每个布局的功能。 布局 : Border、 BulletDecorator、 Canvas、 DockPanel、 Expander、 Grid、 GridView、 GridSplitter、 GroupBox、 Panel、 ResizeGrip、 Separator、 ScrollBar、 ScrollViewer、 StackPanel、 Thumb、 Viewbox、 

    2024年02月02日
    浏览(47)
  • WPF网格拖动自动布局效果

    使用Canvas和鼠标相关事件实现如下的效果: XAML代码: C#代码 项目地址github

    2024年02月11日
    浏览(31)
  • 浅谈WPF之UI布局

    一个成功的软件,离不开人性化的UI设计,如何抓住用户第一视觉,让用户产生依赖感,合适优雅的布局必不可少。本文以一些简单的小例子,简述 WPF中布局 面板 控件 的使用 ,仅供学习分享使用,如有不足之处,还请指正。 在WPF中,关于布局面板控件,主要有以下几种:

    2024年01月25日
    浏览(35)
  • WPF 入门笔记 - 02 - 布局综合应用

    本篇博文对接上篇末尾处WPF常用布局控件的综合应用,为痕迹g布局控件介绍课后作业的一个思路方法。 首先来谈一谈布局原则: WPF 窗口只能包含一个元素(Window元素属于内容控件,内容控件只允许有一个子元素),所以我们得在窗口中放置一个容器,才能使我们的窗口放置更

    2024年02月06日
    浏览(48)
  • WPF 启动项目 Grid、StackPanel 布局

    1.固定像素布局 Width = “200” 2.比例布局 Width = “1*” 3.内容长度自动布局 Width = “AUTO”

    2024年02月22日
    浏览(36)
  • WPF ListView 自定义Item布局

    ViewModel : View:

    2024年02月16日
    浏览(54)
  • 三、深入浅出WPF之控件与布局

    图形化用户界面:Graphic User Interface ,它的便捷之处在于对数据的直观性表达,把抽象性的对象通过界面的形式展现出来。很多编程都要自己的GUI工具:像java的Swing、c++的QT 、C#的winform等等. 在日常工作中我们打交道最多的控件无外乎5类: (1)布局控件 特点:均派生于 Syste

    2024年02月15日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包