HarmonyOS ArkUI 用户登录页面技术解析

接上文 http://blog.fankunle.cn/archives/019e1b71-7062-736b-b889-b3a3faf1faac

作者：犯困乐发布时间：2026-05-14

分类： ArkTs , ArkUI

标签： #笔记 , #ArkUI , #HarmonyOS NEXT , #ArkTs

HarmonyOS ArkUI 用户注册页面技术解析

一、项目概述本文将深入解析基于 HarmonyOS ArkUI 框架开发的用户注册页面 textinput1.ets。该页面采用声明式UI开发模式，展示了如何构建一个美观、交互流畅的移动端注册表单。二、技术架构 2.1 组件结构设计页面采用分层架构设计，主要包含以下组件层次： Column (

作者：犯困乐发布时间：2026-05-12

分类： ArkUI , ArkTs

标签： #笔记 , #ArkUI , #HarmonyOS NEXT , #ArkTs

arkui-text文本（第二期）

自定义文本样式 ps：必须配合 maxLines 使用，用来控制文本超出容器范围时的显示方式写法 .textOverflow({overflow:TextOverflow.None}) TextOverflow.None

作者：犯困乐发布时间：2026-05-07

分类： ArkUI

标签： #笔记 , #HarmonyOS NEXT , #ArkUI , #ArkTs

arkui-text文本

创建文本 Text('你好') Resources文本 Text($r('app.string.fankunle')) //引用的是项目目录下的 \entry\src\main\resources\base\element\string.json 中的name为fankunle的

作者：犯困乐发布时间：2026-04-30

分类： ArkUI

标签： #笔记 , #ArkUI , #HarmonyOS NEXT

arkui-图片的缩放

objectFit ImageFit ImageFit.contain 效果：保持图片的宽高比，让图片完整显示在容器内，不会裁剪。特点：图片会按比例缩小 / 放大，直到刚好有一边触碰到容器边界，另一边留白。场景：需要完整显示图片、不裁剪内

作者：犯困乐发布时间：2026-04-28

分类： ArkUI

标签： #笔记 , #ArkUI , #HarmonyOS NEXT

arkui-img组件

图片关键词：image 1、加载图片资源 image支持加载存档图多媒体像素图两种类型其中存档图类型数据源可以分为本地资源、网络资源、resource资源、媒体库源和base64 本地资源：

作者：犯困乐发布时间：2026-04-23

分类： ArkUI

标签： #笔记 , #ArkUI , #HarmonyOS NEXT

ArkUI-Scroll自适应延申

Scroll 垂直延申作用：在一屏放不下时会出现滚动条注意：默认滚屏方向时竖向 Scroll 水平延申如果需要

作者：犯困乐发布时间：2026-04-16

分类： ArkUI

标签： #ArkUI , #HarmonyOS NEXT

arkui课上练习-布局

Column-垂直 row-左右

作者：犯困乐发布时间：2026-03-31

分类： ArkUI , ArkTs

标签： #JavaScript , #ArkUI , #HarmonyOS NEXT , #ArkTs

arkui-微信通讯录实例

// 标记当前组件为【页面入口】 // 作用：应用启动后，第一个显示的页面就是这个组件 @Entry // 标记当前结构为【自定义UI组件】，是ArkTS的页面基础结构 @Component struct Wx { // build() 方法：页面所有布局、样式、内容都必须写在这里 bui

作者：犯困乐发布时间：2026-03-24

分类： ArkUI

标签： #笔记 , #JavaScript , #ArkUI , #HarmonyOS NEXT , #ArkTs

Arkui-组件

什么是组件组件是独立的代码块，具有特定功能和样式，并且可以在页面中独立使用和重复使用。ArkUI为开发者提供了可以直接在程序中使用的组件，通过组件可以快速构建UI，提高

作者：犯困乐发布时间：2026-03-17

分类： ArkUI

标签： #笔记 , #JavaScript , #ArkUI , #HarmonyOS NEXT , #ArkTs