首页 > 其他分享 >MAUI新生4.1-控件视图:控件总览(未完待续)

MAUI新生4.1-控件视图:控件总览(未完待续)

时间:2022-12-20 10:47:47浏览次数:33  
标签:控件 视图 表单 UI MAUI 总览 页面

根据控件的功能特点,以及个人的习惯,我将MAUI的控件划分为以下几个大类:

  • Page页面类
  • Layout布局类
  • Content单一内容类
  • Collection集合内容类
  • Form表单类
  • Shape形状类
  • 辅助功能:如动效、手势、可访问性、提示框、弹出框等

 

UI控件,本质上都是承载数据的容器,只不过框架为每一种容器定义的对应的外观以及可以承载的数据类型。在MAUI的UI界面设计中,大概遵循以下步骤:①确定页面的类型(页面类控件);②进行从全局到局部的布局规划(布局类控件);③确定数据是单一内容、集合内容、表单还是形状?根据内容的具体形式,选择相应的控件(单一内容类、集合内容类、表单类、形状类);④增加辅助功能,如动效、手势、可访问性、提示框等。PS:MAUI开发应遵循MVVM模式,在进行UI设计前,先开发ViewModel,定义好页面的数据和业务逻辑后,再根据数据和业务逻辑,进行UI设计。

 

一、Page页面类控件总览(逐步更新)

 

二、Layout布局类控件总览(逐步更新)

 

三、Content单一内容类控件总览(逐步更新)

 

四、Collection集合内容类控件总览(逐步更新)

 

五、Form表单类控件总览(逐步更新)

 

六、Shape形状类控件总览(逐步更新)

 

七、辅助功能总览(逐步更新)

标签:控件,视图,表单,UI,MAUI,总览,页面
From: https://www.cnblogs.com/functionMC/p/16990420.html

相关文章

  • 如何实现移除控件?
    通过使用触发器中触发行为移除控件实现一个点击按钮移除图片的功能。效果展示:前置准备:需要移除的组件用于点击触发移除控件的组件(下文简称“触发组件”)具体步骤:创建移除......
  • 界面控件DevExpress WPF中文指南 - 主题设计器工作区介绍
    DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专......
  • 安卓-控件拖动
    一、安卓的当前控件移动可以通过: layoutcaseMotionEvent.ACTION_MOVE:intoffsetX=x-mLastX;intoffsetY=y-m......
  • 一个Android自定义控件差点害我把工作丢了……
    在开发过程中,没有差不多这个概念,差之毫厘谬以千里。一款好的产品,经过了很多的工序,包括市场调研,产品策划,美工设计,开发测试上线等。每一个环节扣在一起,完美对接才能被用户所接......
  • WPF开发经验-实现一种通用阀门控件
    一引入在设计设备界面时,经常会有一种需求,展示一个阀门,阀门有通断两种状态: 二CommonValveControl考虑实现一个自定义控件,CommonValveControl。使用自定义控件比用户......
  • 控件位置大小随窗口大小的改变随着改变
    控件随着父窗口大小改变而改变位置或大小1.获得控件句柄HWNDhEdit=GetDlgItem(m_hWnd,10001);//10001是编辑框控件的ID2.获得控件的屏幕布矩形坐标RECTrcEdit......
  • [编程基础] C#自定义类调用窗体控件
    date:2017-11-0222:54:00+0800tags:-编程基础如果自定义类需要调用窗体控件,首先需要将窗体控件的可见级别(Modifiers)设为public。如下图所示:然......
  • DRF视图集中添加其他API--@action装饰器
    问题:DRF视图集中若想添加其他API?通过给视图集中的函数,添加DRF的@action()装饰器DRF的@action装饰器,用来为函数添加路由,主要参数有:methods:支持的请求方式,值为一个列表,默......
  • 视图
    含义:虚拟表,和普通表一样使用比如:舞蹈班和普通班的对比#案例:查询姓张的学生名和专业名selectstuname,majornamefromstuinfosinnerjoinmajormons.majorid=m.i......
  • WPF自定义搜索框控件样式
    效果图默认焦点触发新建一个用户控件,xaml代码如下:`<Grid.ColumnDefinitions><ColumnDefinitionWidth="15"></ColumnDefinition><ColumnDefi......