- 博客(8)
- 收藏
- 关注
RSS订阅原创 ArkTS 常用组件知识点
ArkTS 组件分为页面装饰器、布局容器、展示组件、表单交互组件、弹窗、循环渲染六大类。开发时通过布局容器嵌套各类基础组件搭建页面，搭配 @State 实现数据响应，onClick 完成交互，AlertDialog 实现消息反馈，router 实现页面跳转，多种组件组合即可完成注册、登录完整业务页面。
2026-06-26 09:42:16
231
原创 鸿蒙 ArkTS 页面跳转
本次代码为大合集，几乎包含了80%的知识点，运用到了很多相关知识，与实战很相似下面是代码展示（共分为4部分，最后通过main_pages.json进行关联）
2026-06-26 08:57:20
273
原创 按钮之间的联动
手动输入文字，下方结果区域实时同步显示输入内容，实现文本双向绑定：点击按钮，按钮文字、夜览模式背景、状态提示文字全部同步切换：滑动右侧开关，效果和点击按钮完全一致，双向联动无冲突：开关开启→页面背景变黑（夜览模式）；开关关闭→页面恢复白色背景：开启状态文字变红，关闭状态文字变绿，视觉区分清晰TextInput输入框双向绑定原理TextInput通过text属性绑定msg变量，onChange事件实时接收用户输入值并赋值给msg，，这是ArkTS表单最基础的双向数据绑定写法。
2026-06-25 09:07:08
190
原创 UI详细释义
布局代码和逻辑代码完全分离，先写页面布局，再单独写Java/TS代码修改控件样式，代码割裂，维护麻烦。：UI结构、样式、交互逻辑全部写在一起，采用链式调用，代码自上而下一目了然，（负责展示内容），日常学习和课设只用掌握以下6个即可。：官方轮播组件，自带滑动、自动播放能力。：图片组件，支持本地资源/网络图片。：文本展示组件，用于显示文字。：按钮组件，绑定点击交互事件。垂直布局，元素从上到下排列。水平布局，元素从左到右排列。按钮组、轮播圆点、导航栏。层叠布局，元素上下叠加。页面主体、表单、列表。
2026-06-24 17:19:25
239
原创 轮播图示例
轮播图是鸿蒙APP开发中刚需组件：首页Banner广告、商城活动海报、引导页、图文资讯滑动展示，几乎所有商用鸿蒙项目都会用到。和前端Web手写轮播不同，鸿蒙ArkUI框架内置Swiper原生轮播组件，无需手写定时器、位移动画、手势监听，官方底层封装好了滑动逻辑、无缝循环、自动播放能力，性能远优于自定义View拼接，适配手机、平板、折叠屏全设备，是鸿蒙开发轮播图的最优解。很多鸿蒙新手容易踩坑：默认指示器样式丑陋、自动播放不会暂停、循环轮播失效、折叠屏适配异常。本文从零带大家实现商用级轮播图，
2026-06-24 17:13:11
207
原创 鸿蒙（七个布局）
Entry@Componentbuild(){Tabs() {Text('欢迎来到新三-520宿舍，下面介绍一下宿舍信息').fontSize(24).tabBar('首页')Column() {Text('这是宿舍同学信息').fontSize(24)Swiper() {Text('姓名：刘！！， 学号：851861511').width('100%').height(180).backgroundColor(Color.Red).fontSize(35)
2026-06-03 18:05:33
240
原创 安装DevEco Studio
下载完成之后进行解压缩，并将其安装到桌面上（此应用所在文件夹名称不得以中文命名）下载完成之后点进去运行（不要长时间运行此界面，要不然电脑盘容易崩）对其进行运行之后在模拟手机上显示halloword。选择第二个设备管理器，单击进去。搜所DevEco打开该网页。选择是，在其中随意添加设备。回归当前页面对代码进行运行。点击立即下载，下滑找到。双击打开之后进入界面。
2026-05-06 18:10:48
44
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人