草庐IT

C#UI布局

.,.,.,. 2023-07-28 原文

讲一下C#中的UI布局

XAML布局分为6种：
Grid：网格 DockPane：泊靠式面板 StackPanel：栈式面板
WrapPanel：自动折行面板（环绕面板） UniformGrid：均分布局 Canvas：画布布局

一． Grid：网格：

  1. Grid顾名思义就是“网格”，它的子控件被放在一个一个实现定义好的小格子里面
    2.要使用Grid，首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和 ColumnDefinitions元素，从而定义行数和列数。
    3.内部元素可以设置自己所在的行和列Grid.Row和Grid.Column，还可以设置自己纵向跨几行Grid.RowSpan，横向跨几列Grid.ColumnSpan。

例：

二．DockPane：泊靠式面板

  1. DockPanel会对每个子元素进行排序，并将根据指定的边进行停靠，多个停靠在同侧的元素则按顺序排序
  2. 默认情况下，后添加的元素只能使用剩余空间，无论对DockPanel的最后一个子元素设置任何停靠值，该子元素都将始终填满剩余的空间。如果不希望最后一个元素填充剩余区域，可以将DockPanel属性LastChildFill设置为false，还必须为最后一个子元素显式指定停靠方向。
  3. 最后元素不填充剩余空间，可以使用LastChildFill=“False”
    例如：

三． StackPanel：栈式面板

  1. 通过设置面板的Orientation属性设置了两种排列方式：横排（Horizontal）和竖排（Vertical默认的）
  2. 每个元素各占一行或者一列
  3. 例

四、WrapPanel：自动折行面板（环绕面板）

1.Orientation——根据内容自动换行。当Orientation属性的值设置为 Horizontal：元素是从左向右排列的，然后自上至下自动换行。当

2.Orientation属性的值设置为Vertical：元素是从上向下排列的，然后从左至右自动换行。

3.ItemHeight——所有子元素都一致的高度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Height属性等。任何比ItemHeight高的元素都将被截断。

4.ItemWidth——所有子元素都一致的宽度。每个子元素填充高度的方式取决于它的VerticalAlignment属性、Width属性等。任何比ItemWidth高的元素都将被截断。

5.例:

5.UniformGrid：均分布局

  1. UniformGrid 布局面板和Grid 面板相似，将子元素按照行列的方式排列。 但是可以Grid 有一下不同：
  • 不需要指定行和列的大小
  • 所有列都是相同的宽度
  • 所有行都是相同的高度
  • 要指定预期的行和列的数目
  • 不需要给子元素指定所在的行和列
    例：
  1. Canvas：画布面板
    1 画布，用于完全控制每个元素的精确位置。他是布局控件中最为简单的一种，直接将元素放到指定位置，主要来布置图面。
UI布局xffxff1axff0cc#

有关C#UI布局的更多相关文章

  1. ruby - i18n Assets 管理/翻译 UI - 2

    我正在使用i18n从头开始​​构建一个多语言网络应用程序，虽然我自己可以处理一大堆yml文件，但我说的语言(非常)有限，最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器，其中一些翻译器不愿意或无法处理存储库中的100多个文件，处理语言数据。谢谢&问候，安德拉斯(如果您已经在ruby​​onrails-talk上遇到了这个问题，我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi

  2. ruby - nanoc 和多种布局 - 2

    是否可以为特定(或所有)项目使用多个布局？例如，我有几个项目，我想对其应用两种不同的布局。一个是绿色的，一个是蓝色的(但是)。我想将它们编译到我的输出目录中的两个不同文件夹中(例如v1和v2)。我一直在玩弄规则和编译block，但我不知道这是怎么回事。因为，每个项目在编译过程中只编译一次，我不能告诉nanoc第一次用layout1编译，第二次用layout2编译。我试过这样的东西，但它导致输出文件损坏。compile'*'doifitem.binary?#don’tfilterbinaryitemselsefilter:erblayout'layout1'layout'layout2'

  3. ruby-on-rails - 如何在 Ruby on Rails 中实现由 JSF 2.0 (Primefaces) 驱动的 UI 魔法 - 2

    按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visitthehelpcenter指导。关闭10年前。问题1)我想知道ruby​​onrails是否有功能类似于primefaces的gem。我问的原因是如果您使用primefaces(http://www.primefaces.org/showcase-labs/ui/home.jsf)，开发人员无需担心javascript或jquery的东西。据我所知，JSF是一个规范，基于规范的各种可用实现，prim

  4. ruby-on-rails - 如何使用 grape swagger ui 传递数组？ - 2

    我在下面定义了api端点:paramsdorequires:ids,type:Array,desc:'Arrayofgroupids'end我无法从Swagger生成的UI传递数组。如果我输入[1,2,3,4]或ids%5b%5d=1&ids%5b%5d=2&ids%5b%5d=3然后两者都无效.如果我使用数组调用spec中的api，它就可以工作。我的客户想尝试Swagger的整个api，所以我想要一个适用于SwaggerUI的解决方案。 最佳答案 我对所有情况的解决方案:paramsdorequires:ids,type:Arra

  5. jquery - Sprockets::FileNotFound - 找不到文件 'jquery.ui' - 2

    这个问题已经被问过几次了，但我尝试了提供的解决方案，但仍然没有帮助，所以我提出了一个新问题。gem文件gem'jquery-ui-rails'按照建议，我将gem放在:assets组之外Application.css~*=require_self*=requirejquery.ui*=requirebootstrap-datepicker*=requirejquery.timepicker*=require_tree.*/RailsAssetPipeline根据列出的顺序加载Assets。在这里，我把它排在列表的第2位。Application.css.scss*=require_sel

  6. jquery - 'jquery-rails' 和 'jquery-ui-rails' 可以在一个项目下管理吗？ - 2

    我有一个Rails应用，使用Rails5.1.6和ruby2.3.5p376我的Gemfile中有这两个gemgem'jquery-rails','~>4.3.3'gem'jquery-ui-rails','~>6.0.1'在show.html.erb中我有以下内容:$(function(){$("#datepicker").datepicker();});Date:在application.js中//=requirejquery-ui//=requirejquery//=requirerails-ujs//=requireturbolinks//=require_tree.在appl

  7. Handler在UI线程与子线程中的使用 - 2

    Handler在UI线程与子线程中的使用一、Handler基本概念Handler：其作用是在新启动的线程中发送消息，在主线程中获取和处理消息。Message：Handler接收和处理的消息对象。MessageQueue：消息队列，采用先进先出的方式来管理Message。由Looper对象进行管理，在程序创建Looper对象时，会在它的构造方法中创建MessageQueue对象，两者是相互依存的。Looper：每个线程只能拥有一个Looper对象。它在loop()方法会不断在MessageQueue中读取Message消息，分给对应的Handler来进行处理。二、Handler使用步骤在主线程中

  8. ruby-on-rails - 我可以在没有 Controller 的情况下直接从 routes.rb 渲染布局吗？ - 2

    我想为网站的管理和公共(public)部分设置一对样式指南。每个都需要自己的布局，其中包含静态html和调用erbpartials的混合(因此静态页面不会削减它)。我不需要Controller来为这些页面提供服务，而且我不希望有效的仅开发内容使其余代码困惑。这让我想知道是否有一种方法可以直接呈现布局。免责声明:我明白这不是我应该经常/永远做的事情，而且我知道有很多争论可以解释为什么这是一个坏主意。我对这是否可能感兴趣。有没有办法让我直接从routes.rb渲染布局而不通过Controller？ 最佳答案 出于某种奇怪的原因，我想暂时

  9. ruby-on-rails - 设计 Controller 如何改变布局？ - 2

    这个问题在这里已经有了答案:differentlayoutforsign_inactionindevise(8个答案)关闭7年前。如何更改设计Controller中的布局？

  10. ruby-on-rails - Rails 4 - Mailer deliver_later 没有按照我的预期进行，阻止了 UI - 2

    我有一个Rails应用程序，其中有一个功能可以发送很多电子邮件。我想以异步方式的方式进行，并且我认为deliver_later方法可以做到这一点。目前，从用户单击submit到提交表单，我有一些延迟-这会导致糟糕的用户体验(这是一个非常简单的表单)。我的实现如下所示:defcreaterespond_todo|format|if@competition.save[...]send_notification_to_team_membersendenddefsend_notification_to_team_members@team.members.eachdo|member|unless

随机推荐