自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

中年程序员

10年+的中年程序员,余生专注鸿蒙开发

  • 博客(46)
  • 收藏
  • 关注

原创 鸿蒙开发-ArkTS语言-XML

上文详细学习鸿蒙开发ArkTS语言容器类库非线性容器的特点以及常见操作的API,本文将学习XML生成、解析与转换相关知识。XML(可扩展标记语言)是一种用于描述数据的标记语言,旨在提供一种通用的方式来传输和存储数据,特别是Web应用程序中经常使用的数据。本文详细学习XML生成、解析与转换相关知识,学习了XML生成、解析以及转换相关API的使用,下文将详细学习鸿蒙开发窗口管理。

2024-05-11 16:55:31 596 1

原创 鸿蒙开发-ArkTS语言-容器-非线性容器

上文详细学习鸿蒙开发ArkTS语言容器类库线性容器的特点以及常见操作的API,本文将学习非线性容器的相关知识。本文详细学习鸿蒙开发ArkTS语言容器类库非线性容器的特点以及常见操作的API,下文将学习XML生成、解析与转换相关知识。

2024-05-09 18:02:09 1193

原创 鸿蒙开发-ArkTS语言-容器

上文详细学习了鸿蒙开发使用多线程并发的开发方式,针对CPU密集、IO密集以及同步任务开发场景做了一些开发说明,本文将学习鸿蒙开发ArkTS语言容器类库相关知识容器类库用于存储各种数据类型的元素,并具备一系列处理数据元素的方法。容器类采用了类似静态语言的方式来实现,并通过对存储位置以及属性的限制,让每种类型的数据都能在完成自身功能的基础上去除冗余逻辑,保证了数据的高效访问,提升了应用的性能。本文详细学习鸿蒙开发ArkTS语言容器类库线性容器的特点以及常见操作的API,下文将学习非线性容器的相关知识。

2024-05-06 16:33:29 1089

原创 鸿蒙开发-ArkTS语言-并发-案例

上文详细学习ArkTS语言并发异步并发开发和多线程并发开发两种并发场景,了解了两种并发场景的区别,以及开发方法。同时详细学习了多线程并发开发的两种方式,以及各个使用场景。本文将学习多线程并发开发的示例分析本文详细学习了鸿蒙开发使用多线程并发的开发方式,针对CPU密集、IO密集以及同步任务开发场景做了一些开发说明,下文将鸿蒙开发ArkTS语言容器类库相关知识。

2024-04-12 13:54:26 849

原创 鸿蒙开发-ArkTS语言-并发

上文简单介绍ArkTS语言基础类库相关概述,简单了解了ArkTS语言提供的基础能力,本文将学习ArkTS语言并发并发是指在同一时间段内,能够处理多个任务的能力。为了提升应用的响应速度与帧率,以及防止耗时任务对主线程的干扰,HarmonyOS系统提供了异步并发和多线程并发两种处理策略。Promise和async/await提供异步并发能力,是标准的JS异步语法。异步代码会被挂起并在之后继续执行,同一时间只有一段代码执行,适用于单次I/O任务的场景开发,例如一次网络请求、一次文件读写等操作。

2024-04-03 14:45:58 1288

原创 鸿蒙开发-ArkTS语言-基础类库

上文详细学习了鸿蒙开发web中应用侧与前端页面的JS交互方式,同时学习页面跳转以及浏览器记录导航、页面缓存以及自定义页面返回处理,最后学习了Devtools工具的调试方式,本文将学习ArkTs语言基础类库。ArkTS语言基础类库是HarmonyOS系统上为应用开发者提供的常用基础能力,类似JAVA语言提供的JDK中基础类库ArkTS语言基础类库能力本文简单介绍ArkTS语言基础类库相关概述,简单了解了ArkTS语言提供的基础能力,下文将学习ArkTS语言并发。

2024-04-02 11:30:46 472

原创 鸿蒙开发-web-页面

上文学习了鸿蒙开发web相关的知识,了解web组件的基本概念,以及加载页面的三种方式,同时也学习了web组件的的基本属性和事件,本文将学习web的其他知识。Web组件支持在应用拦截到页面请求后自定义响应请求。通过接口来实现自定义资源请求响应。用于开发者自定义Web页面响应、自定义文件资源响应等场景。Web网页上发起资源加载请求,应用层收到资源请求消息。应用层构造本地资源响应消息发送给Web内核。Web内核解析应用层响应信息,根据此响应信息进行页面资源加载前端页面<html><head></head>

2024-04-01 15:40:06 1618

原创 鸿蒙开发-web

Web组件用于在应用程序中显示Web页面内容,为开发者提供页面加载、页面交互、页面调试等能力本文学习了鸿蒙开发web相关的知识,了解web组件的基本概念,以及加载页面的三种方式,同时也学习了web组件的的基本属性和事件,下文将学习web的其他知识。

2024-03-28 15:51:47 1118

原创 鸿蒙开发-UI-交互事件-手势事件

上文学习鸿蒙开发UI交互焦点事件,了解焦点、获焦、失焦、走焦等相关概念,详细学习了走焦的相关规则,以及设置组件是否获焦的接口,最后学习了自定义TAB键的走焦顺序,本文将学习手势事件。本文学习手势事件,学习绑定手势的三种方法,以及单一手势和组合手势的使用方法,下文将学习鸿蒙开发web相关的知识。

2024-03-27 14:16:26 1526

原创 鸿蒙开发-UI-交互事件-焦点事件

上文详细学习了鸿蒙开发UI交互事件中的键鼠事件,了解了键鼠事件的数据流,学习了各种事件的回调函数,以及响应示例代码,本文将学习鸿蒙开发UI交互焦点事件。焦点系统在页面初次构建完成时,会搜索当前页下的所有组件,找到第一个绑定了defaultFocus(true)的组件,然后将该组件置为默认焦点,若无任何组件绑定defaultFocus(true),则将第一个找到的可获焦的组件置为默认焦点。//默认焦点的设置接口tabIndex用于设置自定义TAB键走焦顺序,默认值为0。

2024-03-26 15:54:34 1329

原创 鸿蒙开发-UI-交互事件-键鼠事件

上文学习了鸿蒙开发UI交互事件的类型,详细学习了通用事件的触屏事件,本文将学习通用事件中的键鼠事件和焦点事件。本文详细学习了鸿蒙开发UI交互事件中的键鼠事件,了解了键鼠事件的数据流,学习了各种事件的回调函数,以及响应示例代码,下文将学习鸿蒙开发UI交互焦点事件。

2024-03-25 15:04:45 1758

原创 鸿蒙开发-UI-交互事件-通用事件

上文详细学习了鸿蒙开发UI页面见的动画,了解了页面间动画的两种形式,一种用于页面间有相同元素场景,另一种是应用于页面转场时,随着一个页面出现另一个页面消失产生转场效果的场景。同时详细学习了页面进入时的和退出时分别对应的两种RouteType的类型的设置方式很效果,本文将学习鸿蒙开发UI交互事件相关知识触屏事件指当手指/手写笔在组件上按下、滑动、抬起时触发的回调事件本文学习了鸿蒙开发UI交互事件的类型,详细学习了通用事件的触屏事件,下文将学习通用事件中的键鼠事件和焦点事件。

2024-03-22 17:09:12 1398

原创 鸿蒙开发-UI-动画-页面间动画

上文详细学习了鸿蒙开发UI弹簧曲线动画,了解弹簧曲线的概念,学习了弹簧曲线两种实现方式以及使用场景,本文将学习页面间动画。本文详细学习了鸿蒙开发UI页面见的动画,了解了页面间动画的两种形式,一种用于页面间有相同元素场景,另一种是应用于页面转场时,随着一个页面出现另一个页面消失产生转场效果的场景。同时详细学习了页面进入时的和退出时分别对应的两种RouteType的类型的设置方式很效果,下文将学习鸿蒙开发UI交互事件相关知识。

2024-03-21 17:12:17 1179

原创 鸿蒙开发-UI-动画-弹簧曲线动画

上文细学习了鸿蒙开发UI组件内转场动画,了解转场的概念,学习在if/else,foreach场景下如何结合transition和animateTo实现组件的转场动画效果,本文将学习弹簧曲线动画。本文细学习了鸿蒙开发UI弹性曲线动画,了解弹性曲线的概念,学习了弹性曲线两种实现方式以及使用场景,下文将学习页面间动画。

2024-03-12 17:43:51 779

原创 鸿蒙开发-UI-动画-组件内转场动画

上文细学习了鸿蒙开发UI使用动画相关知识,了解动画的两个维度的分类方式,详细学习了页面内动画-布局更新动画,本文将学习组件内转场动画。本文细学习了鸿蒙开发UI组件内转场动画,了解转场的概念,学习在if/else,foreach场景下如何结合transition和animateTo实现组件的转场动画效果,下文将学习弹簧曲线动画。

2024-03-11 16:17:37 601

原创 鸿蒙开发-UI-动画-页面内动画

上文详细学习了鸿蒙开发UI使用画布绘制自定义图形的相关知识,了解画布绘制的三种方式,同时学习了画布组件的常用用法,以及如何绘制规则、不规则图形、图片图像等,本文将学习鸿蒙开发UI动画一个时间段内,多次改变UI外观,由于人眼会产生视觉暂留,所以最终看到的就是一个“连续”的动画。UI的一次改变称为一个动画帧,对应一次屏幕刷新,而决定动画流畅度的一个重要指标就是帧率FPS(Frame Per Second),即每秒的动画帧数,帧率越高则动画就会越流畅。

2024-03-08 17:40:35 1483

原创 鸿蒙开发-UI-图形-绘制自定义图形

上文学习了鸿蒙开发UI显示图形关于几何图形绘制的相关知识,了解了相关图形绘制组件以及两种绘制方式,同时学习了形状视口来做图形的缩放效果,本文将学习使用画布绘制自定义图形Canvas提供画布组件,用于自定义绘制图形CanvasRenderingContext2D对象和OffscreenCanvasRenderingContext2D对象在Canvas组件上进行绘制,绘制对象可以是基础形状、文本、图片等,有三种形式在画布绘制自定义图形1. 使用CanvasRenderingContext2D对象。

2024-02-27 14:08:44 1669

原创 鸿蒙开发-UI-图形-绘制几何图形

上文详细学习了鸿蒙开发UI图片显示相关知识,学习了图片资源加载的两种类型,以及矢量图的显示,同时学习了图片渲染组件的相关属性和相关事件的使用方式和效果。本文将学习鸿蒙开发UI图形绘制绘制组件支持通过各种属性对组件样式进行更改本文学习了鸿蒙开发UI显示图形关于几何图形绘制的相关知识,了解了相关图形绘制组件以及两种绘制方式,同时学习了形状视口来做图形的缩放效果,下文将学习使用画布绘制自定义图形。

2024-02-21 16:31:17 1353

原创 鸿蒙开发-UI-图形-图片

上文详细学习了组件导航组件Tabs的使用场景,以及不同的导航布局方式,同时也学习了导航栏的使用模式(固定,滚动)以及自定义导航栏的使用。本文学习鸿蒙开发UI图形显示相关知识本文详细学习了鸿蒙开发UI图片显示相关知识,学习了图片资源加载的两种类型,以及矢量图的显示,同时学习了图片渲染组件的相关属性和相关事件的使用方式和效果。下文将学习鸿蒙开发UI图形绘制。

2024-02-08 12:42:16 2105

原创 鸿蒙开发-UI-组件导航-Tabs

上文学习了鸿蒙UI开发组件导航Navigation,学习了组件导航navigation的使用,页面的显示模式以及页面的组成,菜单栏和工具栏的使用设置,本文将要学习另外一种组件导航组件Tabs对于底部导航栏,一般作为应用主页面功能区分,为了更好的用户体验,会组合文字以及对应语义图标表示页签内容,这种情况下,需要自定义导航页签的样式。代码示例。

2024-02-06 11:33:09 2747 1

原创 鸿蒙开发-UI-组件导航-Navigation

上文详细学习了鸿蒙开发UI页面跳转的相关知识,学习页面路由router基本概念,使用方法,页面路由两种跳转模式和两种实例模式的区别以及不同跳转模式和实例模式组合下的使用场景,学习了页面跳转后普通返回和带弹窗的返回使用方法,学习了页面带数据的跳转方式以及目标页面接收数据的方法,本文将学习鸿蒙UI开发组件导航Navigation。

2024-02-02 09:52:13 2637 2

原创 鸿蒙开发-UI-页面路由

前面系列文章,我们详细学习了鸿蒙开发UI组件相关知识,学习了组件基本使用方法、自定义样式以及各种组件的使用场景,本文将学习鸿蒙开发UI页面路由自定义询问框的方式,可以使用弹窗和自定义弹窗来实现,这样可以让应用界面与系统默认询问框有所区别,提高应用的用户体验度。实现方式是通过promptAction.showDialog()打开弹窗代码示例//step1:先导入Router模块//step2:定义点击返回回调函数。

2024-02-01 09:54:50 2230

原创 鸿蒙开发-UI-组件-气泡/菜单

上文主要学习了鸿蒙开发UI组件(文本输入、自定义弹窗、视频播放)的使用,详细学习了文本输入组件的样式定义以及事件添加,简单学习了默认弹窗以及模式视频播放器组件的使用,详细学习了自定义弹窗的使用步骤以及自定义视频播放的开发步骤。本文将学习鸿蒙开发UI气泡提示与菜单。开发者可以使用构建器CustomPopupOptions创建自定义气泡,@Builder中可以放自定义的内容。除此之外,还可以通过popupColor等参数控制气泡样式代码示例@Entry@Component。

2024-01-31 10:57:46 1724

原创 鸿蒙开发-UI-组件3

上文详细学习了鸿蒙开发UI常用组件(进度条、文本显示)的创建方式、自定义样式、事件监听以及常用场景,下文将学习鸿蒙开发UI其它常用组件。样式代码示例设置无输入时的提示文本TextInput({placeholder:'我是提示文本'})UI渲染设置输入框当前的文本内容TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})UI渲染添加backgroundColor改变输入框的背景颜色。

2024-01-30 15:01:49 1789

原创 鸿蒙开发-UI-组件2

上文学习了鸿蒙开发UI相关的常用组件,包括按钮组件、单选组件、切换组件,详细学习了每种组件的创建方式,样式调整,监听事件以及常见的使用场景,本文继续学习鸿蒙开发UI相关的其他常用组件。自定义样式代码示例通过textAlign属性设置文本对齐样式Text('左对齐').width(300).Text('中间对齐')Text('右对齐')UI渲染通过textOverflow属性控制文本超长处理textOverflow需配合maxLines一起使用。

2024-01-29 10:18:00 1412

原创 鸿蒙开发-UI-组件

上文我们学习了解轮播布局使用的Swiper组件,了解组件的布局约束,详细学习了轮播容器组件的相关应用特性(循环播放、自动播放、导航样式自定义、轮播方向控制、轮播页面控制、单页面多组件控制),本文将学习鸿蒙开发UI相关的常用组件。自定义样式设置方式设置边框弧度.borderRadius(20)//通过borderRadius属性设置按钮边框弧度UI渲染设置文本样式//通过fontSize、fontColor、fontWeight设置文本的大小、颜色、粗细UI渲染设置背景颜色。

2024-01-26 10:33:47 1619

原创 鸿蒙开发-UI-布局-轮播

上文详细学习了网格布局相关概念,以及网格布局的相关约束,详细学习了网格布局排列方式以及网格行列间距的设置,了解了网格布局常用的使用场景以及性能优化。本文将学习轮播布局。本文学习了解轮播布局使用的Swiper组件,了解组件的布局约束,详细学习了轮播容器组件的相关应用特性(循环播放、自动播放、导航样式自定义、轮播方向控制、轮播页面控制、单页面多组件控制),下文将学习鸿蒙开发UI相关的常用组件。

2024-01-25 10:52:42 1839

原创 鸿蒙开发-UI-布局-网格

上文学习了List布局容器的基本概念,了解List布局容器的相关约束,详细学习了List容器组件数据展示(包括迭代展示)、列表样式定义(分割线)、数据分组展示等相关常见使用场景的应用方法,本文将学习网格布局容器相关知识。本文详细学习了网格布局相关概念,以及网格布局的相关约束,详细学习了网格布局排列方式以及网格行列间距的设置,了解了网格布局常用的使用场景以及性能优化。下文将学习轮播布局。

2024-01-24 12:04:56 1559

原创 鸿蒙开发-UI-布局-列表

上文详细学习常见布局方式-栅格布局,学习栅格布局中列数控制,子组件的排列方向已经间距控制,也学习了栅格容器子组件占用列数以及偏移和顺序的定义方式。本文将学习List布局1.设置内容间距在初始化列表时,如需在列表项之间添加间距,可以使用space参数。如下代码所示,在每个列表项之间沿主轴方向添加10vp的间距...2.添加分割线List提供了divider属性用于给列表项之间添加分隔线。在设置divider属性时,可以通过strokeWidth和color属性设置分隔线的粗细和颜色。

2024-01-23 13:02:19 1790

原创 鸿蒙开发-UI-布局-栅格布局

上文详细学习常见布局方式-相对布局,学习相对布局中锚点以及对齐方式的知识,本文将学习格栅布局的相关知识。本文详细学习常见布局方式-栅格布局,学习栅格布局中列数控制,子组件的排列方向已经间距控制,也学习了栅格容器子组件占用列数以及偏移和顺序的定义方式。下文将如何创建List。

2024-01-22 15:11:54 2347

原创 鸿蒙开发-UI-布局-相对布局

上文详细学习常见布局方式-弹性布局,学习弹性布局容器主轴、交叉轴上子元素的顺序方式,同时也学习了弹性布局容器子元素自动伸缩机制,本文将学习相对布局相关知识。本文详细学习常见布局方式-相对布局,学习相对布局中锚点以及对齐方式的知识,下文将学习格栅布局的相关知识。

2024-01-19 12:05:02 2761

原创 鸿蒙开发-UI-布局-弹性布局

上文详细学习常见布局方式-层叠布局,学习如何控制层叠布局中子元素的堆叠顺序,在最后的案例中使用Flex容器组件,Flex容器组件是用来做弹性布局的组件,本文详细学习鸿蒙开发弹性布局。本文详细学习常见布局方式-弹性布局,学习弹性布局容器主轴、交叉轴上子元素的顺序方式,同时也学习了弹性布局容器子元素自动伸缩机制,下文将学习相对布局。

2024-01-17 16:51:39 1764

原创 鸿蒙开发-UI-布局-层叠布局

上文详细学习了线性布局,学习了线性容器内子元素在主轴以及交叉轴上的排列方式,子元素自适应相关的知识点,本文继续学习层叠布局。本文详细学习常见布局方式-层叠布局,学习如何控制层叠布局中子元素的堆叠顺序,后面继续学习弹性布局。

2024-01-16 12:49:30 1532

原创 鸿蒙开发-UI-布局-线性布局

上文学习了鸿蒙开发UI布局相关的知识,简单介绍了布局的分类。本文详细学习其中一种常见布局方式-线性布局。本文详细学习其中一种常见布局方式-线性布局,学习了线性容器内子元素在主轴以及交叉轴上的排列方式,同时也学习了子元素自适应相关的知识点,后面继续学习层叠布局。

2024-01-15 13:24:58 1994

原创 鸿蒙开发-UI-布局

上文我们学习记录鸿蒙开发中的UI渲染相关的知识点,深入学习了条件渲染、循环渲染的使用方法,以及数据懒加载。本文学习鸿蒙开发UI布局相关的知识。在声明式UI中,所有的页面都是由自定义组件构成,组件按照布局的要求依次排列,最终构成UI页面。布局指用特定的组件或者属性来管理用户页面所放置UI组件的大小和位置。本文学习了鸿蒙开发UI布局相关的知识,鸿蒙开发的UI布局技术栈基本与目前前端开发主流技术栈是一致的,这样可以易化前端开发的技术转型。

2024-01-12 12:38:31 1472

原创 鸿蒙开发-UI-渲染控制

前文详细学习了鸿蒙开发中的状态管理,理解了组件状态和应用状态区别,以及ArkUI框架对状态变量与UI渲染交互的底层支撑。本文继续学习渲染控制。ArkUI通过自定义组件的build()函数和@Builder装饰器中的声明式UI描述语句构建相应的UI。在声明式描述语句中,除了使用系统组件外,还可以使用渲染控制语句来辅助UI的构建,这些渲染控制语句包括控制组件是否显示的条件渲染语句,基于数组数据快速生成组件的循环渲染语句以及针对大数据量场景的数据懒加载语句。

2024-01-11 15:38:17 1545

原创 鸿蒙开发-UI-应用-状态管理

上文学习了鸿蒙开发的组件状态,详细分析状态变量与UI渲染交互逻辑,本文将学习鸿蒙开发应用的状态管理。本文学习了鸿蒙开发应用的状态管理,与上文组件状态管理构成整个ArkUI框架提供的状态管理机制,其核心就是UI是状态的运行结果。下文学习UI渲染控制。

2024-01-10 15:07:42 1417

原创 鸿蒙开发-UI-组件-状态管理

上文学习记录了,ArkUI开发页面和自定义组件的关系,以及页面与自定义组件的声明周期。本文继续学习ArkUI框架提供的状态管理机制。在声明式UI编程框架中,UI是程序状态的运行结果,用户构建了一个UI模型,其中应用的运行时的状态是参数。当参数改变时,UI作为返回结果,也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染,在ArkUI中统称为状态管理机制。

2024-01-09 11:08:09 1488

原创 鸿蒙开发-UI-组件

上文我们学习了解了鸿蒙UI开发基于ArkTS声明式开发方式,了解了ArkUI框架对鸿蒙UI开发的底层支撑,后面我们专注基于ArkTS声明式的鸿蒙UI开发的学习ArkUI中,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发者定义的称为自定义组件。允许开发者组合使用系统组件、及其属性和方法。自定义组件可以被其他组件重用,并作为不同的实例在不同的父组件或容器中使用。通过状态变量的改变,来驱动UI的刷新。

2024-01-05 17:13:53 1624

原创 鸿蒙开发-UI

前面系列文章学习了鸿蒙应用的运行机制,偏原理,枯燥乏味。本篇文章开始,侧重鸿蒙应用的开发,偏代码开发。本文主要学习记录了鸿蒙应用UI开发相关的知识,了解了ArkUI开发框架提供能力,简单学习了ArlTS开发语言已经开发规范。后续文章会继续鸿蒙UI开发的学习。2024年,新年新气象,亲朋好友欢聚一堂、开开心心的,让我短暂的忘却了A股带给我的痛苦。但是2024年开年来的A股却没有新气象,一如既往的稳定,稳定的下跌。我的亏损额度持续扩大,给我带来的痛苦让我都有点绝望,什么时候才能改变这种的状态呢?

2024-01-03 20:43:13 1507

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除