- 博客(6)
- 收藏
- 关注
RSS订阅原创 ArktsUI弹窗，路由页面跳转和交互事件
本篇主要学习鸿蒙 ArkTS 两种核心交互能力：组件状态点击事件、弹窗提示，以及页面路由跳转功能，通过完整实例实现按钮修改文本、弹窗弹出、登录 / 注册页面互相跳转，同时掌握路由页面注册配置规范，理解 ArkTS 声明式 UI 与事件驱动开发逻辑。纵向排列组件，通过space设置组件间距，justifyContent实现页面垂直居中，统一宽高与内边距优化页面样式。鸿蒙内置弹窗 API，无需自定义组件，一键唤起弹窗，支持自定义标题与提示文本，适合操作成功、消息提醒场景。（2）注册页面 Register1。
2026-06-23 10:50:07
2444
原创 ArkTSUI组件
本文基于 ArkTS+ArkUI，整理了轮播图，视频，图片，选项卡，文本/输入框，按钮，单选框，Toggle的代码以及布局容器、基础组件、状态管理、交互事件、页面导航、媒体轮播等案例。定义：@State 用于修饰当前组件内私有变量，将普通变量转为响应式状态变量，实现「数据变化 → UI 自动刷新」的单向数据流。组成：Tabs外层容器 + 多个TabContent页面 + .tabBar("标签文字")作用：顶部标签栏切换多个页面，比如学校简介、系部、班级、个人中心四栏切换。（1.）状态切换文字与颜色。
2026-06-22 15:42:18
323
原创 State组件
TextInput({text:this.inputText,placeholder:'请输入任意内容'})@State isShow:boolean = true // 修改后，页面所有绑定isShow的Text自动刷新。Text(`你输入的内容是:\n${this.inputText}`)//@state变量，这是变量具备相应的能力，数据一旦修改，页面会自动刷新。'状态已开启':'状态已关闭')//普通变量,修改数据后，页面不会自动刷新，仅仅是存储最新的数据。Text('数值范围：0-10')
2026-06-18 11:35:51
207
原创 ArkTSUI布局
Text("图1").width('100%').height('100%').backgroundColor(0xE6F7E9)Text("图2").width('100%').height('100%').backgroundColor(0xC7EFCF)Column(){ Text("学校简介页面") }Column(){ Text("系部简介页面") }Column(){ Text("班级介绍页面") }Column(){ Text("个人中心页面") }Text('这个组件依赖于button')
2026-06-10 17:39:16
250
原创 使用DevEco Studio模型实现两个页面跳转
2.创建第二个页面，在左侧pages右击新建ArkTS文件，例如Second.ets。5.点击按钮实现来回跳转（分别在button里面设计）3.分别在第一页和第二页设计跳转按钮，代码如下。在左侧找到以下文件，进行编辑，并点击立即同步。点击左侧index.ets，进行编辑。1.输入以下代码完成第一个页面的设计。（建议把设备模型开启，以便观察。选择模板，点击下一步直至完成。打开软件，如图所示新建项目。
2026-05-15 18:26:32
43
原创 鸿蒙系统以及模拟器的安装
输入：bcdedit /set hypervisorlaunchtype autog。第二步：双击打开软件，选择中文，同意协议，进入界面。默认即可，我点击过，所以显示虚拟设备名称已存在。截顶部中文菜单栏，圈出「工具」→「设备管理器」名称自拟，路径根据自身情况而定，然后点击完成。下载镜像，选择左侧的手机，下载任意一个即可。双击.exe,安装，安装不能有空格和中文。如果报错，在命令提示符中以管理员身份运行。然后重启，就可以打开了。新建项目，选择第一个。点击下一步，然后完成。点击设备旁的启动三角。
2026-05-11 12:18:07
462
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人