functionMC

2023年2月13日

摘要： MASA Blazor预定义了Flex弹性布局的样式，可以直接在class属性中直接使用。 #一、复习一下之前提到过的Flex样式（转为MASA Blazor样式类）： ####1、在容器（父元素）上使用的样式-6个 .d-flex .d-inline-flex：打开Flex弹性布局此样式对应于阅读全文

posted @ 2023-02-13 22:04 functionMC 阅读(308) 评论(0) 推荐(0) 编辑

打开MASA Blazor的正确姿势3.3：组件样式

摘要： #一、关于组件样式的理解 ####1、框架和组件前面我们已经说过，现代前端技术，无论是在框架层面（Blazor、Vue、React等），还是组件层面（Bootstrap、MASA Blazor、ElementUI、AntDesign等），本质上都是对HTML、CSS和JS的组合和封装。框架层面，主阅读全文

posted @ 2023-02-13 18:13 functionMC 阅读(343) 评论(0) 推荐(0) 编辑

打开MASA Blazor的正确姿势3.1：HTML和CSS基础

摘要： #一、HTML和CSS关系 HTML元素定义网页的文档结构，CSS定义网页的排版样式。这句话不好理解，通过导航栏案例领会一下（以下案例非常精彩）： ###1、导航栏的HTML文档结构 <ul> <li><a href="#home">主页</a></li> <li><a href="#news">新阅读全文

posted @ 2023-02-13 18:13 functionMC 阅读(242) 评论(0) 推荐(0) 编辑

打开MASA Blazor的正确姿势3.2：响应式

摘要： #一、响应式显示的本质无论是在框架层次，如Blazor、Vue、React，还是在组件层次，如MASA Blazor、BootStrap、Bootstrap Blazor、ElementUI、AntDesign，尽管在开发环节有诸多差异，但在浏览器的运行环节，只要没有脱离Web，都是被编译为HTM 阅读全文

posted @ 2023-02-13 18:12 functionMC 阅读(284) 评论(0) 推荐(0) 编辑

打开MASA Blazor的正确姿势2：组件总览

摘要：官网文档按拼音罗列组件，且部分嵌套组件没有在导航栏内列出，不利于浏览查阅。本篇文章的主要目的，主要是对所有组件按大家习惯的方式进行分类，简要介绍组件，并建立跳转官方文档的链接。 #一、导航布局类 ####1、MApp母版页布局： MApp：根组件 MMain：主体内容 MSystemBar：顶部①，阅读全文

posted @ 2023-02-13 18:11 functionMC 阅读(760) 评论(0) 推荐(2) 编辑

打开MASA Blazor的正确姿势1：目录&MASA Blazor是？？？

摘要： #一、MASA Blazor？？？ ####1、前端技术那么多，为什么选Blazor？嗯？！~ 未来：Blazor将能够融合服务端渲染、SPA、WebAssembly、跨平台开发的多方优势。目前布局方向太多、想要得太多，所以感觉哪个方向都不得劲。现实：如果就想蹲在.NET框架里，Blazor是最阅读全文

posted @ 2023-02-13 18:09 functionMC 阅读(820) 评论(1) 推荐(2) 编辑

2023年2月7日

MAUI新生6.10-控件辅助功能②：手势GestureRecognizers

摘要：除了UI事件之外，MAUI还提供了另外一套UI交互机制-手势识别。通过识别用户的手势，如点击、轻扫等，可以像事件一样执行回调，也可以直接绑定命令。另外，由于手势识别针对View对象，所以我们可以脱离事件限制，为所有UI控件定义手势交互。比较遗憾的是，和Flutter相比，目前MAUI提供的手势识别阅读全文

posted @ 2023-02-07 17:28 functionMC 阅读(523) 评论(0) 推荐(0) 编辑

2023年2月5日

MAUI新生6.9-控件辅助功能①：动画Animation

摘要：一、基本使用 1、MAUI为所有VisualElement对象，定义了一系列动画扩展方法，所以控制动画的原理很简单，在UI层通过x:Name定义视觉对象的变量名（或在后台代码中直接创建视觉对象），然后再后台代码中通过“扩展方法”执行动画。 //UI层：MainPage.xaml <ContentPa 阅读全文

posted @ 2023-02-05 15:32 functionMC 阅读(489) 评论(0) 推荐(0) 编辑

2023年2月4日

MAUI新生2.5-数据绑定和MVVM：MVVM的属性验证

摘要：一、MVVM的属性验证案例 Toolkit.Mvvm框架中的ObservableValidator类，提供了属性验证功能，可以使用我们熟悉的验证特性对属性的值进行验证，并将错误属性提取和反馈给UI层。以下案例实现对UI层的姓名和年龄两个输入框，进行表单提交验证。实现效果如下所示： 1、View <C 阅读全文

posted @ 2023-02-04 23:30 functionMC 阅读(809) 评论(0) 推荐(0) 编辑

2023年2月1日

MAUI新生6.4-集合内容类控件难点：CollectionView

摘要：一、基本使用（数据源在ViewModel中硬编码） //①在Models文件夹下，新建Employee.cs文件，创建Employee类型 public class Employee { public int Id { get; set; } public string Name { get; se 阅读全文

posted @ 2023-02-01 13:09 functionMC 阅读(1676) 评论(2) 推荐(0) 编辑

公告