- 博客(32)
- 收藏
- 关注
RSS订阅原创 案例：应用内字体大小调节
本篇Codelab将介绍如何使用基础组件Slider，通过拖动滑块调节应用内字体大小。实现两个页面的UX：主页面和字体大小调节页面。拖动滑块改变字体大小系数，列表页和调节页面字体大小同步变化。往右拖动滑块字体变大，反之变小。字体大小支持持久化存储，再次启动时，应用内字体仍是调节后的字体大小。
2024-01-16 02:02:15
1099
原创 数据管理-首选项
在移动互联网蓬勃发展的今天，移动应用给我们生活带来了极大的便利，这些便利的本质在于数据的互联互通。因此在应用的开发中数据存储占据了非常重要的位置，HarmonyOS应用开发也不例外。本文将为您介绍HarmonyOS提供的数据管理能力之一首选项。首选项为应用提供Key-Value键值型的数据存储能力，支持应用持久化轻量级数据，并对其进行增删改查等。该存储对象中的数据会被缓存在内存中，因此它可以获得更快的存取速度，下面详细介绍下首选项的开发过程。
2024-01-15 22:02:46
1249
原创 案例：新闻数据加载
本篇Codelab是基于ArkTS的声明式开发范式实现的样例，主要介绍了数据请求和touch事件的使用。数据请求。列表下拉刷新。列表上拉加载。使用List组件实现数据列表。使用Tabs、TabContent组件实现内容视图切换。网络数据请求。触摸事件onTouch的使用。
2024-01-14 22:57:52
1198
原创 HTTP数据请求
日常生活中我们使用应用程序看新闻、发送消息等，都需要连接到互联网，从服务端获取数据。例如，新闻应用可以从新闻服务器中获取最新的热点新闻，从而给用户打造更加丰富、更加实用的体验。那么要实现这样一种能实时从服务端获取数据的场景，就依赖于HTTP数据请求。HTTP即超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。
2024-01-13 01:45:29
1522
原创 案例：Web组件抽奖案例
本篇Codelab是基于ArkTS的声明式开发范式的样例，主要介绍了Web组件如何加载本地和云端H5小程序。所加载的页面是由HTML+CSS+JavaScript实现的完整小应用。Web组件加载H5页面。ArkTS和H5页面交互。使用Web组件加载H5页面。使用ArkTS与H5页面进行交互。
2024-01-12 00:22:50
1078
原创 Web组件的使用
相信大家都遇到过这样的场景，有时候我们点击应用的页面，会跳转到一个类似浏览器加载的页面，加载完成后，才显示这个页面的具体内容，这个加载和显示网页的过程通常都是浏览器的任务。ArkUI为我们提供了Web组件来加载网页，借助它我们就相当于在自己的应用程序里嵌入一个浏览器，从而非常轻松地展示各种各样的网页。本文将为您介绍Web组件一些常用API的使用。
2024-01-11 01:47:06
1440
原创 案例：自定义下拉刷新动画（ArkTS）
本篇Codelab主要介绍组件动画animation属性设置。当组件的某些通用属性变化时，可以通过属性动画实现渐变效果，提升用户体验。本Codelab使用的display接口处于mock阶段，在预览器上使用会显示白屏现象，可选择在真机或模拟器上运行。自定义下拉刷新通过自定义List组件RefreshComponent实现。在List容器中添加自定义刷新头部组件和其它的需要刷新部件，RefreshComponent提供了头部样式设置，刷新部件样式设置和刷新回调方法设置。
2024-01-10 09:42:21
886
原创 属性动画的使用
属性动画，是最为基础的动画，其功能强大、使用场景多，应用范围较广。一、页面布局发生变化。例如添加、删除部分组件元素。二、页面元素的可见性和位置发生变化。例如显示或者隐藏部分元素，或者将部分元素从一端移动到另外一端。三、页面中图形图片元素动起来。例如使页面中的静态图片动起来。简单来说，属性动画是组件的通用属性发生改变时而产生的属性渐变效果。
2024-01-09 01:05:38
1041
原创 构建多种样式的弹窗（案例）
点击兴趣爱好选项，通过customDialogController.open方法弹出自定义弹窗，根据需要选择相应的兴趣爱好，效果如图所示：在view目录下，点击鼠标右键 > New > ArkTS File，新建一个ArkTS文件，然后命名为CustomDialogWidget子组件。在CustomDialogWidget的aboutToAppear方法，通过manager.getStringArrayValue方法获取本地资源数据进行初始化。...return;if (!
2024-01-08 14:51:14
1093
原创 给您的应用添加弹窗
在我们日常使用应用的时候，可能会进行一些敏感的操作，比如删除联系人，这时候我们给应用添加弹窗来提示用户是否需要执行该操作，如下图所示：弹窗是一种模态窗口，通常用来展示用户当前需要的或用户必须关注的信息或操作。在弹出框消失之前，用户无法操作其他界面内容。确认类：例如警告弹窗AlertDialog。选择类：包括文本选择弹窗TextPickerDialog 、日期滑动选择弹窗DatePickerDialog、时间滑动选择弹窗TimePickerDialog等。您可以根据业务场景，选择不同类型的弹窗。
2024-01-07 20:36:21
994
原创 简易视频播放器（案例）
Swiper组件的使用。List组件的使用。Video组件的使用。Slider组件的使用。如何实现自定义视频控制器。
2024-01-06 00:43:08
1142
2
原创 Video组件的使用
在手机、平板或是智慧屏这些终端设备上，媒体功能可以算作是我们最常用的场景之一。无论是实现音频的播放、录制、采集，还是视频的播放、切换、循环，亦或是相机的预览、拍照等功能，媒体组件都是必不可少的。以视频功能为例，在应用开发过程中，我们需要通过ArkUI提供的Video组件为应用增加基础的视频播放功能。借助Video组件，我们可以实现视频的播放功能并控制其播放状态。常见的视频播放场景包括观看网络上的较为流行的短视频，也包括查看我们存储在本地的视频内容。
2024-01-05 00:40:14
1074
原创 目标管理（案例）
State、@Prop、@Link、@Watch、@Provide、@Consume的使用。List组件的使用。自定义弹窗的使用。Slider组件的使用。
2024-01-04 18:37:08
1189
原创 管理组件状态
在应用中，界面通常都是动态的。如图1所示，在子目标列表中，当用户点击目标一，目标一会呈现展开状态，再次点击目标一，目标一呈现收起状态。界面会根据不同的状态展示不一样的效果。图1展开/收起目标项ArkUI作为一种声明式UI，具有状态驱动UI更新的特点。当用户进行界面交互或有外部事件引起状态改变时，状态的变化会触发组件自动更新。所以在ArkUI中，我们只需要通过一个变量来记录状态。当改变状态的时候，ArkUI就会自动更新界面中受影响的部分。
2024-01-04 00:25:32
1056
原创 案例：常用组件与布局
由于“首页”和“我的”页面中有多处图片和文字的组合，因此提取出ItemData类。在MainViewModel.ets文件中对页面使用的资源进行定义，在MainViewModel.ets文件中定义数据。others?: Resource;.........Button、Image、TextInput、Text等基础组件的使用。Column、Row、List、Tabs等容器组件的使用。
2024-01-03 00:19:30
918
原创 Tabs组件的使用
在我们常用的应用中，经常会有视图内容切换的场景，来展示更加丰富的内容。比如下面这个页面，点击底部的页签的选项，可以实现“首页”和“我的”两个内容视图的切换。ArkUI开发框架提供了一种页签容器组件Tabs，开发者通过Tabs组件可以很容易的实现内容视图的切换。页签容器Tabs的形式多种多样，不同的页面设计页签不一样，可以把页签设置在底部、顶部或者侧边。本文将详细介绍Tabs组件的使用。
2024-01-02 15:10:34
1290
原创 List组件和Grid组件的使用
在我们常用的手机应用中，经常会见到一些数据列表，如设置页面、通讯录、商品列表等。下图中两个页面都包含列表，“首页”页面中包含两个网格布局，“商城”页面中包含一个商品列表。上图中的列表中都包含一系列相同宽度的列表项，连续、多行呈现同类数据，例如图片和文本。常见的列表有线性列表（List列表）和网格布局（Grid列表）：为了帮助开发者构建包含列表的应用，ArkUI提供了List组件和Grid组件，开发者使用List和Grid组件能够很轻松的完成一些列表页面。
2024-01-02 00:41:15
1114
原创 Column&Row组件的使用
线性布局容器表示按照垂直方向或者水平方向排列子组件的容器，ArkTS提供了Column和Row容器来实现线性布局。Column表示沿垂直方向布局的容器。Row表示沿水平方向布局的容器。了解布局容器的主轴和交叉轴，主要是为了让大家更好地理解子组件在主轴和交叉轴的排列方式。接下来，我们将详细讲解Column和Row容器的两个属性justifyContent和alignItems。属性名称描述设置子组件在主轴方向上的对齐格式。alignItems设置子组件在交叉轴方向上的对齐格式。
2024-01-01 02:21:41
1048
原创 常用基础组件
组件（Component）是界面搭建与显示的最小单位，HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件是视图层的基本组成单元，包括Text、Image、TextInput、Button、LoadingProgress等，例如下面这个常用的登录界面就是由这些基础组件组合而成。下面我们将分别介绍这些常用基础组件的使用。
2023-12-31 12:59:50
1042
原创 UIAbility内页面间的跳转
选中工程entry > src > main > ets > pages目录，点击鼠标右键 > New > Page，新建命名为SecondPage的page页。在工程pages目录中，选中Index.ets，点击鼠标右键 > Refactor > Rename，改名为IndexPage.ets。在SecondPage页面中，Button按钮添加onClick()事件，调用router.back()方法，实现返回上一页面的功能。启动DevEco Studio，
2023-12-31 02:43:23
922
原创 应用程序入口—UIAbility的使用
UIAbility是一种包含用户界面的应用组件，主要用于和用户进行交互。UIAbility也是系统调度的单元，为应用提供窗口在其中绘制界面。每一个UIAbility实例，都对应于一个最近任务列表中的任务。一个应用可以有一个UIAbility，也可以有多个UIAbility，如下图所示。例如浏览器应用可以通过一个UIAbility结合多页面的形式让用户进行的搜索和浏览内容；
2023-12-31 01:50:00
1185
原创 ArkTS开发实践
ArkTS通过struct声明组件名，并通过@Component和@Entry装饰器，来构成一个自定义组件。使用@Entry和@Component装饰的自定义组件作为页面的入口，会在页面加载时首先进行渲染。@Entry@Component例如ToDoList组件对应如下整个代办页面。图1ToDoList待办列表使用@Component装饰的自定义组件，如ToDoItem这个自定义组件则对应如下内容，作为页面的组成部分。@Component图2ToDoItem。
2023-12-30 01:16:19
1053
原创 TypeScript快速入门
/ 有名函数：给变量设置为number类型// 匿名函数：给变量设置为number类型例如，我们可以声明一个Person类，这个类有3个成员：一个是属性（包含name和age)，一个是构造函数，一个是getPersonInfo方法，其定义如下所示。
2023-12-30 00:41:36
874
原创 华为鸿蒙运行Hello World
从11月中旬开始通过B站帝心接触鸿蒙，至今一个半月左右不到，从小白到入坑，再到看官网案例，分析案例，了解技术点，还需要理清思路，再写博客，在决定写。
2023-12-29 21:06:56
1138
原创 鸿蒙开发 HarmonyOS DevEco Studio 常用快捷键
做HarmonyOS鸿蒙开发离不开开发工具，DevEco Studio 是基于 IntelliJ IDEA Community 开源版本打造，默认的快捷键其实继承于 IntelliJ IDEA。熟悉 DevEco Studio 的快捷键能提升开发效率和开发体验。下面将详细列出 DevEco Studio 一些常用的快捷键，由黑马程序员整理，希望对大家有帮助，也欢迎大家补充或修正。
2023-12-25 18:47:27
1077
原创 HarmonyOS官网案例解析——新闻数据加载（ArkTS）
/ 发送数据请求header: {},});// 处理数据，并返回// 处理数据，并返回} else {serverData.msg = `${'网络错误'}&${value.responseCode}`;serverData.msg = '网络错误';})....// 获取服务端新闻数据列表url += '?});...Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve。
2023-12-21 10:37:53
2629
4
原创 ＜HarmonyOS第一课＞构建更加丰富的页面=＞案例解析4
思路：当进度条进度发生更改时，改变overAllProgressChanged的值，给父控件传递信号，父控件接收到信号，调用onProgressChanged方法，更新进度条已完成数。上一节已经完成了listItem数据的联动，添加数据后，可以更改进度条显示，并更新进度条数据至外部数据。此时，我们发现，添加数据时，顶部的进度数据已经更新，但是，当进度条100%时，数据没刷新。官网案例还有新增数据时，有编辑功能，点击编辑，还有全选功能，就不更新了，可以慢慢尝试；添加数据时，整体进度更改；
2023-12-18 21:18:04
372
原创 ＜HarmonyOS第一课＞构建更加丰富的页面=＞案例解析3
上一节已经完成了list列表的展示及点击button向列表中添加数据，这一节我们完善list列表的数据!!效果不变（去掉了背景等属性）=> 完善TargetListItem 页面。
2023-12-18 21:13:31
363
原创 ＜HarmonyOS第一课＞构建更加丰富的页面=＞案例解析2
新建AddTargetDialog类，需要添加@CustomDialog注解，注意此处不是添加组件，因此不是添加@Component！上一节已完成内容区域界面，通过页面状态管理@state @prop实现了组件间页面数据的传输，这一节，我们完善列表功能。那么问题来了，这里有一个button按钮，子组件的按钮点击事件怎么可以让父组件调用呢？那么问题来了，我们现在需要点击确定，获取输入框的文字，点击确定后，传递给父组件。此时，点击取消，弹窗消息，点击确定，出现提示框。此时，弹窗出现了，继续优化弹窗界面。
2023-12-18 21:11:20
529
原创 ＜HarmonyOS第一课＞构建更加丰富的页面=＞案例解析1
相关概念: 用于管理页面级变量的状态。: 通过CustomDialogController类显示自定义弹窗。: 列表包含一系列相同宽度的列表项。
2023-12-18 21:10:34
1000
5
原创 HCIA-HarmonyOS应用开发能力工程师
HCIA-HarmonyOS应用开发能力工程师，HCIA-HarmonyOS Application Developer 培训与认证具备华为HarmonyOS应用开发能力的工程师
2023-12-01 22:07:12
700
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人