首页 > 其他分享 >WPF基本布局代码

WPF基本布局代码

时间:2023-12-29 12:56:02浏览次数:28  
标签:基本 代码 布局 如下 所示 WPF

<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-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp2"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition Height="350"/>
        </Grid.RowDefinitions>
        <Border Grid.Row="0" Background="#7671D8"/>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition Width="600"/>
            </Grid.ColumnDefinitions>
            <Border Grid.Row="1" Grid.Column="0" Background="Pink"/>
            <Grid Grid.Column="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <Border Margin="5" Background="#7671D8" Grid.Column="0" Grid.Row="0"/>
                <Border Margin="5" Background="#4C9ECD" Grid.Column="1" Grid.Row="0"/>
                <Border Margin="5" Background="#D970CF" Grid.Column="2" Grid.Row="0"/>
                <Border Margin="5" Background="#5AC4B6" Grid.Column="3" Grid.Row="0"/>
                <Border Margin="5" Background="#D9707F" Grid.Column="4" Grid.Row="0"/>


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

效果如下图所示:
WPF基本布局

标签:基本,代码,布局,如下,所示,WPF
From: https://www.cnblogs.com/lilyflower/p/17934642.html

相关文章

  • Linux下netcore调用java代码
    代码备份,仅供参考自述文件#CSharpCallJavaC#invokeJavaviaC++asawraper.C#invokeC++viaP/invoke.C++startsaJVMtoruntheJavacode.C#codeshouldbecompiledin.NETcore2.0YoushouldedittheMakefiletosetthePathofJavaSDKexpor......
  • Git-统计每天特定时间区间代码提交次数-非上班时间代码提交
    git-code-specific-time-of-day.sh#!/bin/bashtotal_count=0#获取最早的提交日期first_commit_date=$(gitlog--pretty=format:'%ad'--date=format:'%Y-%m-%d'|sort|head-n1)#计算当前日期current_date=$(date+%Y-%m-%d)#遍历从最早提交日期到当前日期的所......
  • 在Python中,如果你想查找特定的SQLite数据库文件(例如'mydatabase.db'),你可以使用os模块
    这是Python中os.walk()函数的常见用法¹²⁴⁵⁶。os.walk()函数用于递归遍历指定目录及其子目录,并返回一个生成器,每次迭代都会返回一个包含三个元素的元组:当前目录的路径、当前目录下所有子目录的列表和当前目录下所有文件的列表¹²⁴⁵⁶。在fordirpath,dirnames,filenamesi......
  • Git-代码量行数提交次数统计脚本
    git-code-user-commit-stats.sh#!/bin/sh#请在unix终端或git-bash中运行此脚本printf"\n1.项目成员数量:";gitlog--pretty='%aN'|sort-u|wc-lprintf"\n\n2.按用户名统计代码提交次数:\n\n"printf"%10s%s\n""次数"&qu......
  • (实用)解决csdn登录后才能复制代码以及关注博主后才能浏览全文的问题
      在面向百度编程的过程中,我们总是会上网找答案,而CSDN就是其中一个答案聚居地,但是它总是会有下面的问题:问题一:问题二: 解决方法如下:问题一:解决登录后才能复制代码1.在需要复制的代码处,右键选择检查 2. 3.F12,在console中输入神秘代码:document.body.contentEditable......
  • WPF自定义控件之ItemsControl鱼眼效果
    原理先获取鼠标在控件中的坐标,在获取其每一项相对于ItemsControl的坐标,然后计算每一项离当前鼠标的距离,在根据这个距离,对其每一项进行适当的缩放实现创建一个类,命名为FishEyeItemsControl publicclassFishEyeItemsControl:ItemsControl 添加应用鱼眼效果方法(控制其控件......
  • WPF中bind使用
    1、例TextBox的text关联类的属性1.1、类的创建classTestViewMode:INotifyPropertyChanged{publiceventPropertyChangedEventHandlerPropertyChanged;protectedvoidOnPropertyChanged(stringpropertyName){PropertyC......
  • 成功复制CSDN博客中的代码的几种方法
    背景由于公司有规定,不能直接登陆CSDN,由于工作中时不时会参考一下CSDN的代码(主要是想一键复制),而鼠标放到代码上面则会提示登陆后复制,这就很伤心难过了。CSDN代码要登录才能复制,让这个平台的使用体验极其不太好(仅此吐槽一下而已),小编为大家整理了以下几种方法可以解决。目录1、......
  • 低代码之光!轻量级 GUI 的设计与实现
    前言每当提起低代码,很多人都会下意识的出现过激反应,吐槽低代码都是**,唯恐避之不及。可能大部分人觉得低代码就是替代手写代码,对于程序员来说这是不可接受的。其实低代码表述的含义非常宽泛,我相信很多人可能都在低代码平台中受益过,而且确实可以提升效率。像原型工具(Figma)、建站平......
  • 代码随想录算法训练营第十六天 |104.二叉树的最大深度,559.n叉树的最大深度,111.二叉树
    一、104.二叉树的最大深度题目链接:LeetCode104.二叉树的最大深度学习:思路:分别求左子树和右子树的高度,返回给根结点,加1之后是根结点的深度,这是后序遍历的思路二、559.n叉树的最大深度题目链接:LeetCode559.N叉树的最大深度学习前:思路:后序遍历。分别所有孩子结点的深......