网站公司谁跟客户客户沟通,搜索量最高的网站,seo外包公司多少钱,在线画画网站1.概要既然要做实战开发会建项目之后就需要认识布局控件了#xff0c;本篇文章分享.NET MAUI中的一些基础常用的布局控件。GridStackLayoutFalyxLayoutAbsoluteLayout2.详细内容(1)Grid语法#xff1a;Grid RowDefinitions50,50,50,50 RowSpacing10本篇文章分享.NET MAUI中的一些基础常用的布局控件。GridStackLayoutFalyxLayoutAbsoluteLayout2.详细内容(1)Grid语法Grid RowDefinitions50,50,50,50 RowSpacing10 ColumnDefinitions10,10 ColumnSpacing10 Margin{OnPlatform WinUI5}/Grid解读在MAUI中Grid的语法相比WPF来说有不少的优化我们来逐个看看有哪些更新。本文只演示了部分用法不代表全部属性名作用RowDefinitions定义有几行每用一个逗号分隔就代表有几行以上代码为例有4个50那么就定义了4行高度为50的行RowSpacing定义行间距每行的间隔为10pxColumnDefinitions定义有几列每用一个逗号分隔就代表有几列以上代码为例有2个10那么就定义了2列宽度为10的列ColumnSpacing列间距每行的间隔为10pxMargin定义内边距这里的边距定义还需要指定对应的生效的平台同时可以指定多个平台的上表现以上代码的定义是在WinUI的平台上的每行的间隔为5px还能指定其它平台的内容。如果不关心平台那么可以直接设定default默认全平台都按照这个样式来展现同时MAUI中的Grid也保留了以前WPF中Grid的定义大家能看到蓝色的波浪线说明两种写法只能用其中一种。代码应用(2)StackLayout语法StackLayout OrientationHorizontal Spacing10 HorizontalOptionsCenter VerticalOptionsCenter/解读StackLayout和WPF中的StackPanle基础用法没有太大区别不过还是多了一些MAUI中的特性。本文只演示了部分用法不代表全部属性名作用Orientation指定布局内容横向排列或纵向排列Spacing指定布局内容的排列间距HorizontalOptions按比例横向空间分布布局内容VerticalOptions按比例纵向空间分布布局内容代码应用StackLayout OrientationHorizontal Spacing10 HorizontalOptionsCenter VerticalOptionsCenterButton/Button/StackLayout3FalyxLayout语法FlexLayoutButton WidthRequest100 HeightRequest20/ButtonButton WidthRequest100 HeightRequest20/ButtonButton WidthRequest100 HeightRequest20/Button
/FlexLayout解读我个人的理解是该布局控件会自适应父级控件的宽高来自动调整布局。这个控件的用法可以参考xamarin的文档。当窗体缩小时布局会“收拢”。4AbsoluteLayout语法AbsoluteLayoutButton AbsoluteLayout.LayoutFlagsPositionProportional AbsoluteLayout.LayoutBounds50,50/
/AbsoluteLayout解读AbsoluteLayout和WPF中的Canvs非常类似。绝对定位的布局方式。本文只演示了部分用法不代表全部属性名作用AbsoluteLayout.LayoutFlags指定布局方式的枚举AbsoluteLayout.LayoutBounds指定控件位置的坐标示例中x轴50y轴50可选值AutoSize, 比例值1为最大值可填0.7位置值50
