摘要：
1、概述 叠布局（StackLayout）用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。层叠布局通过Stack容器组件实现位置的固定定位与层叠，容器中的子元素（子组件）依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。 层叠布局具有较强的页面层叠、位置定位 阅读全文
posted @ 2024-12-08 23:15
鸿蒙自习室
阅读(326)
评论(0)
推荐(0)
摘要：
1、概述 弹性布局（Flex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方向的尺寸称为主轴尺寸，在交叉轴方向的尺寸称为交叉轴尺寸。弹性布局在开发场景中用例特别多，比如页面头部导航栏的均匀分布、页面框架的搭建、多行数据的 阅读全文
posted @ 2024-12-08 23:13
鸿蒙自习室
阅读(379)
评论(0)
推荐(0)
摘要：
1、概述 布局指用特定的组件或者属性来管理用户页面所放置UI组件的大小和位置。组件按照布局的要求依次排列，构成应用的页面。 在声明式UI中，所有的页面都是由自定义组件构成，开发者可以根据自己的需求，选择合适的布局进行页面开发。 一个页面开发中，最优先的就是确定UI的布局结构，布局的结构通常是分层级的 阅读全文
posted @ 2024-12-08 23:11
鸿蒙自习室
阅读(413)
评论(0)
推荐(0)
摘要：
1、前言 接下里我们将开启“鸿蒙UI布局系列”的学习，第一站：学习线性布局（Row/Column）+ 弹性布局（Flex） 在展开学习前，先上一个实战demo——开发一个个人中心页面，示意图如下： 其中需要关注的重点知识有： 如何实现图标按钮左对齐； 如何实现一个渐变色的圆形头像站位图； “关于我们 阅读全文
posted @ 2024-12-08 21:02
鸿蒙自习室
阅读(389)
评论(0)
推荐(0)
摘要：
1、前言 在声明式描述语句中开发者除了使用系统组件外，还可以使用渲染控制语句来辅助UI的构建，这些渲染控制语句包括控制组件是否显示的条件渲染语句，基于数组数据快速生成组件的循环渲染语句。 2、条件渲染 假设我们存在这样一个应用场景：当我们的界面在满足某种条件时，需要显示一些组件，在不满足某些条件时， 阅读全文
posted @ 2024-12-08 20:59
鸿蒙自习室
阅读(153)
评论(0)
推荐(0)
摘要：
1、前言 经过我们前面10章的学习，我们基本上可以开发出一个简单的APP了，为了巩固学习的内容，我们先开发一个计算器APP来连个手（文末有源代码），界面如下： 包含基本的计算器运算功能 支持一键清空，支持逐个删除数字 支持将上次计算的过程保存下来，下次打开app继续； 支持清理之前保存的记录 这里面 阅读全文
posted @ 2024-12-08 20:57
鸿蒙自习室
阅读(456)
评论(0)
推荐(0)
摘要：
1、前言 我们在鸿蒙UI开发快速入门 —— part09: 应用级状态管理LocalStorage & AppStorage中已经学习了LocalStorage与AppStorage，但他们都是运行时的内存，在APP退出后所有数据将丢失。 如果我们想将一部分状态数据保存下来，让用户在下次进入app时 阅读全文
posted @ 2024-12-08 20:49
鸿蒙自习室
阅读(212)
评论(0)
推荐(0)
摘要：
1、说在前面的话 前面几个章节中介绍的装饰器(@State、@Props、@Link、@Provide、@Consume、@Observed、@ObjectLink)仅能在页面内，即一个组件树上共享状态变量。 如果开发者要实现应用级的，或者多个页面的状态数据共享，就需要用到应用级别的状态管理的概念。 阅读全文
posted @ 2024-12-08 20:25
鸿蒙自习室
阅读(340)
评论(0)
推荐(0)
摘要：
1、说在前面的话 在此之前，我们已经先后学习了三个装饰器：@State、@Props、@Link，它们的功能和使用场景分别是什么？暂停会议一下。 我们目前已经可以处理组件内状态(@State)，也可以处理父组件向子组件传递状态(@Props)，还可以处理父组件与子组件共用状态(@Link)。 我们再 阅读全文
posted @ 2024-12-08 20:24
鸿蒙自习室
阅读(190)
评论(0)
推荐(0)
摘要：
1、前言 我们在上一章学习了@State装饰器，@State装饰器的作用范围仅仅在当前组件，接下来，我们讨论如何从父组件中传入参数到子组件，让子组件随着父组件的状态发生变化。本章将要介绍的就是：@Props装饰器。 2、@Props装饰器 @Prop装饰的变量可以和父组件建立单向的同步关系。@Pro 阅读全文
posted @ 2024-12-08 20:22
鸿蒙自习室
阅读(305)
评论(0)
推荐(0)
摘要：
1、说在前面的话 在前五个章节中，我们构建的页面基本都是静态的页面，如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念，以便随着用户的交互，界面随着发生变化，例如如下的动图： 上面的示例中，用户与应用程序的交互触发了文本状态变更，状态变更引起了UI渲染，UI从“Hello World”变 阅读全文
posted @ 2024-12-08 20:21
鸿蒙自习室
阅读(326)
评论(0)
推荐(0)
摘要：
1、 为什么要样式复用？ 如果每个组件的样式都需要单独设置，在开发过程中会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，样式的复用就很有必要了。 为此，鸿蒙推出了可以提炼公共样式进行复用的装饰器@Styles； 2、@Styles装饰器 @Styles装饰器可以将 阅读全文
posted @ 2024-12-08 20:17
鸿蒙自习室
阅读(252)
评论(0)
推荐(0)
摘要：
1、为什么要复用？ 从鸿蒙UI开发快速入门 —— part02: 组件开发文章中我们学习到，build()函数是我们构建用户UI界面的入口函数，在该函数中完成UI样式定义以及事件定义。 实际的项目开发中，一个组件的UI可能是相对比较复杂的（代码量比较多），如果把所有的UI描述代码都写在build() 阅读全文
posted @ 2024-12-08 11:27
鸿蒙自习室
阅读(155)
评论(0)
推荐(0)
摘要：
1. 什么是组件的生命周期 组件的生命周期是我们开发一个组件必须要关注的内容，组件的生命周期，指的是组件的创建、渲染、销毁等过程。因为这个过程就类似于人从出生到离世的过程，从而称为：组件的生命周期。 只有了解了组件的生命周期，我们才能开发出一个流畅的用户界面。 2. 页面 & 组件 还记得我们 “h 阅读全文
posted @ 2024-12-08 11:05
鸿蒙自习室
阅读(368)
评论(0)
推荐(0)
摘要：
1. 组件基本介绍 在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或 阅读全文
posted @ 2024-12-08 11:02
鸿蒙自习室
阅读(283)
评论(0)
推荐(0)
摘要：
1. 背景 在鸿蒙开发中，ArkTS是优选的主力应用开发语言。 ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展，继承了TS的所有特性，是TS的超集。 因此，在学习ArkTS语言之前，建议开发者具备TS语言开发能力，本文的假设前提为，读者拥有TS编程经验。 2. 综述 阅读全文
posted @ 2024-12-08 10:58
鸿蒙自习室
阅读(240)
评论(0)
推荐(0)
摘要：
1. 前言 鸿蒙是一款由华为推出的全生态操作系统（探索 | 华为开发者联盟），最近几年发展势头非常强劲，现在开始，让我们来一起认识他吧。 本文针对鸿蒙基本的开发内容做一次概览性的串联。 咱们学习一款新的开发平台，一般先关注两个事情：a）开发工具；b）开发语言。 2. 开发工具与开发语言 开发工具 鸿 阅读全文
posted @ 2024-12-08 10:54
鸿蒙自习室
阅读(141)
评论(0)
推荐(0)
浙公网安备 33010602011771号