WPFGrid布局

最新推荐文章于 2024-08-05 15:06:28 发布
最新推荐文章于 2024-08-05 15:06:28 发布
阅读量301 收藏
点赞数
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43826111/article/details/89370333
版权
这篇博客介绍了WPF中的Grid布局，通过XML代码展示了如何创建一个包含两列四行的Grid，并详细解释了ColumnDefinitions和RowDefinitions的用法。内容包括设置单元格宽度、高度，以及使用Grid.Column和Grid.Row属性定位元素。示例中，Grid被用于创建登录窗口，包含用户名、密码和确认密码输入框以及一个确认按钮，展示了Grid.ColumnSpan属性用于合并单元格的功能。
摘要由CSDN通过智能技术生成

WPF中Grid布局XMAl<Grid Width="200" Height="100" >
<Window x:Class="wpfyonghukongjian.login"

        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:wpfyonghukongjian"

        mc:Ignorable="d"

        Title="login" Height="150" Width="300">

    <Grid>

        <!--定义了两列-->

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="Auto"/>

            <ColumnDefinition Width="100*"/>

        </Grid.ColumnDefinitions>

        <!--定义了四行-->

        <Grid.RowDefinitions>

            <RowDefinition Height="25"/>

            <RowDefinition Height="25"/>

            <RowDefinition Height="25"/>

            <RowDefinition Height="25"/>

        </Grid.RowDefinitions>

        <TextBlock Grid.Row="0" Grid.Column="0" TextAlignment="Right" Text="用户名：" Name="UserName" />

        <!--第一行第一列-->

        <TextBlock Grid.Row="1" Grid.Column="0" TextAlignment="Right" Text="密码：" Name="pass"/>

        <TextBlock Grid.Row="2" Grid.Column="0" TextAlignment="Right" Text="确认密码：" Name="repass"/>

        <Button Grid.Row="3" Grid.ColumnSpan="2" Height="23" Width="100" Content="确认" Click="Button_Click" Name="btn"/>

        <!--Grid.ColumnSpan="2":合并单元格-->

        <TextBox Name="TxtBoxName" Grid.Row="0" Grid.Column="1" Text=""  Width="200"/>

        <!--第一行第二列-->

        <PasswordBox Name="pass1" Grid.Row="1" Grid.Column="1" Width="200"/>

        <!--密码框-->

        <PasswordBox Name="pass2" Grid.Row="2" Grid.Column="1"  Width="200"/>

    </Grid>

</Window>

效果如图所示

Xue凝夏
关注
专栏目录
C#WPF 应用Grid布局实现用户登录实例
qq_30725967的博客
10-17 851
本文介绍C#WPF Grid布局应用实例，通过用户登录实例演示掌握Grid布局用法。
wpf Grid布局
01-04
wpf Grid布局 简单介绍Grid布局控件的基本属性
WPF Grid布局
weixin_33842328的博客
09-07 159
本节讲述布局，顺带加点样式给大家看看~单纯学布局，肯定是枯燥的~哈哈 那如上界面，该如何设计呢？ 1、一些布局元素经常用到.Grid StackPanel Canvas WrapPanel等。如上这种布局，在子元素数量未知的情况下，我们应该使用WrapPanel或者StackPanel来布局，子元素会自己换行。 2、然后每一行的元素中，第一个要居左，第...
WPF篇（1）-Grid控件（网格布局）
最新发布
一个人的江湖
08-05 608
Grid控件绝对是WPF中所有布局控件中最好用的一个，因为它自适应屏幕的宽度，最关键的一点是，它在呈现时，其ActualWidth实际宽度和ActualHeight实际高度会有一个计算值，我们在业务开发中，有时候要根据父控件的实际宽度和高度来计算子控件的呈现位置和大小。
WPF(Grid与布局）
weixin_34185512的博客
04-03 117
<Window x:Class="TestOfGridLayout.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Ti...
使用Grid来对WPF页面进行布局排版
蝈蝈俊.net
08-17 8785
       对于以前用 Windows Form 来开发客户端程序的程序员，在使用 WPF 开发客户端的程序时，在窗体布局上将是他必须面对的一个坎。       布局产生困惑的一个典型场景如下：       我们在开发WPF窗体时候，我们会发现，当我们把菜单控件(Menu)、工具条（ToolBar、ToolBarPanel）、状态条（StatusBar）这些最常见的页面元素拖动到WPF窗
WPF布局控件之Grid布局
qq_36819973的博客
11-10 3971
Grid控件常用于界面表格网格的布局，Grid和其他各个Panel比较起来，功能最多也最为复杂。同时此面板可承载任意元素，包括控件，图形，甚至文字。各种元素依据屏幕坐标确定位置。
wpf grid布局内容居中
11-13
可以使用以下两种方法来实现WPF Grid布局内容居中： 1. 使用HorizontalAlignment属性和Margin属性 ```xaml <Grid> !" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="20"/> </Grid> ``` ...
WPF经典教程之Grid、UniformGrid布局
10-05
一、Grid布局 Grid是WPF中最基本且强大的布局容器之一，它将窗口划分为一个二维网格，每个单元格可以容纳一个或多个控件。Grid的一个显著特点是其灵活性，允许对行和列进行精确控制，包括合并单元格和自定义高度和...
WPF:(三) Grid布局
weixin_44870681的博客
06-24 749
一：Grid Grid面板也许是最复杂的面板类型了。Grip可以包含多行多列。你可以定义每一行的高度和每一列的宽度，通过一个像素值、可用空间的百分比或者自动分配这三种方式。自动分配会根据内容自动调整行高和列宽。Grip一般用于其他面板无法实现的情形，譬如如你需要很多列而且需要联合其他面板。 在Grid中的所有控件都会被最大化，同时一个叠一个放置。这是Grid最基本的形式。 <Window x...
WPF Grid布局的理解
nicker08的专栏
01-12 359
<Window x:Class="WpfApp1.WindowGridDemo" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="WindowGridDemo" Height="300" Width="400"> <G...
WPF用Grid绘制的DataGrid
03-25
WPF使用Grid绘制的DataGrid。可以合并单元格，合并表头，自定义单元格的显示控件（TextBox、TextBlock、ComboBox、CheckBox、DatePicker），为单元格绑定自定义计算公式（四则运算、三元运算、if\else表达式运算），表尾列可自定义（求和、计数、均值），单击表头可以自动排序，可以设置每列的显示文本格式（文本、数值、货币）。
WPF入门2：Grid网格布局
黄瓜炒鸡蛋的博客
02-16 2191
WPF入门2：Grid网格布局
WPF---Grid布局讲解
weixin_41883890的博客
08-04 1976
清单 4 中的以下代码片段创建一个 TextBlock 控件并将其显示在代表 Grid 的第一行和第一列的 Cell(0,0) 中。WPF 中的任何控件都可以使用其 Grid.Row 和 Grid.Column 属性放置在网格中，这些属性表示控件将放置在哪一列和哪一行。以下代码片段创建了一个 Grid 控件，设置它的宽度、水平对齐、垂直对齐并显示网格线并设置背景颜色。下面的代码片段创建一个 Grid 控件，设置它的宽度和前景色，并确保网格线可见。要将图像设置为网格的背景，我们可以将图像设置为网格的背景。..
wpf:Grid 布局
热门推荐
张海涛
07-10 2万+
今天新学习了一下wpfBroserApplication中的Grid布局：虽然比起ASP.NET有点麻烦，但是挺容易理解的，下面我就分享一下
WPF语言中Grid布局
jiangqingzhihe的博客
07-08 1万+
WPF语言中Grid布局 一、什么是布局？这是一个非常简单的问题，简单来说就是把一些控件有条理的放在你想放的地方，就是把控件放在界面上合适的位置，让人看的不是乱七八糟的布局 二、WPF的布局控件有很多，不过我们常用的布局控件就有五个 1、Grid：网格。可以自定义行和列并通过行列的数量、行高列宽来调整控件的布局。近似...
WPF —— Grid网格布局
一个新人博客，愿多多支持。
03-14 1252
Grid为WPF中最常用的布局容器, 作为View中的主要组成部分, 负责框架中整体的页面布局。
WPF编程基础入门 ——— 第三章 布局（七）布局面板Grid
m0_46334316的博客
05-30 6362
WPF布局——布局面板GridWPF——Grid布局控件Grid简单实例——按钮排列Grid简单实例——登录界面 WPF——Grid布局控件 尽管上一篇讲解的UniformGrid能够布局统一单元格，但是很多布局中需要构建单元格大小不等，具有跨越式单元格(Span Cells) 和空白列等功能。而Grid能实现上述这些功能，它是一个使用灵活、能构建复杂UI的布局控件。 Grid最简单的用法是通过设置RowDefinitions和ColumnDefinitions属性定义单元格的总数。其中，RowDefini
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值