本文介绍列表滑动删除: 1.列表中只允许滑出其中一项 2.如果有打开的项,点击或滑动其他项都会关闭打开的项 3.点击删除,刷新列表界面
本项目基于OpenHarmony的ArkUI框架:TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:基于TS扩展的声明式开发范式,因为OpenHarmony的API相对于HarmonyOS的API,功能上比较完善和成熟的,有些新的技术也早早接触到,所以本项目直接使用OpenHarmony SDK开发。
推荐 原创 2022-08-25 15:39:43
2663阅读
1点赞
本项目界面搭建基于ArkUITS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址.
最近刚接触基于openHarmony开源框架的应用开发,特别是基于TS扩展的声明式开发。本文主要结合Harmony官网上的ETS相关组件及API实现日常开发中常见的故障循播效果,以此熟悉ETS下的一些基础组件的应用。
本项目基于OpenHarmony的ArkUI框架:TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:基于TS扩展的声明式开发范式,因为OpenHarmony的API相对于HarmonyOS的API,功能上比较完善和成熟的,有些新的技术也早早接触到,所以本项目直接使用OpenHarmony SDK开发。
推荐 原创 2022-08-02 11:24:21
2460阅读
鸿蒙3.0推出了一种新的开发方式ETS,本文通过采用ETS实现我们项目开发中比较常见的下拉选择菜单组件来初步了解和体验下ETS的开发规范和方法,主要用到的TS知识点有Flex布局、文本展示、样式绑定、图片引入、父子组件变量共享、参数传递、ForEach循环遍历、事件绑定。
推荐 原创 2022-08-26 14:05:28
5581阅读
3评论
本项目基于OpenHarmony的ArkUI框架:TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:基于TS扩展的声明式开发范式
推荐 原创 2022-07-22 14:48:50
2610阅读
1点赞
本项目基于OpenHarmony的ArkUI框架:TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:基于TS扩展的声明式开发范式,因为OpenHarmony的API相对于HarmonyOS的API,功能上比较完善和成熟的,有些新的技术也早早接触到,所以本项目直接使用OpenHarmony SDK开发。
前段时间SDK版本更新了,看了更新介绍,ArkUITS)主要是新增了文本输入组件。更新版本后研究一下,发现有些组件也有所更新和优化。所以就想写这个项目。
原创 2022-04-12 14:30:14
1024阅读
在声明式UI编程范式中,UI是应用程序状态的函数,开发人员通过修改当前应用程序状态来更新相应的UI界面。 开发框架提供了多种应用程序状态管理的能力。
介绍ArkUI(方舟开发框架):是一套UI开发框架,提供开发者进行应用UI开发时所必须的能力。相关概念1)组件:组件是界面搭建与显示的最小单位。开发者通过多种组件的组合,构建出满足自身应用诉求的完整界面。2)页面:page页面是ArkUI最小的调度分割单位。开发者可以将应用设计为多个功能页面,每个页面进行单独的文件管理,并通过路由API实现页面的调度管理,以实现应用内功能的解耦。 主要特
转载 2023-11-22 22:07:36
132阅读
# ArkUI线程:提升用户界面的并发性能 在软件开发中,用户界面的响应速度是至关重要的。为了提供流畅的用户体验,我们需要确保用户界面的操作能够及时响应,并且不会阻塞其他任务。为了达到这个目标,我们可以利用多线程编程来提升用户界面的并发性能。本文将介绍一种名为ArkUI线程的技术,它可以帮助我们实现高效的用户界面。 ## ArkUI线程的概述 ArkUI线程是一种基于线程的编程模式,旨在提升
原创 2024-01-10 00:22:53
99阅读
# ArkUI教程 ## 介绍 ArkUI是一个基于React的UI组件库,旨在帮助开发者快速构建美观、易用的用户界面。本教程将介绍ArkUI的一些常用组件和使用方法。 ## 安装 你可以通过npm来安装ArkUI,使用以下命令: ``` npm install arkui ``` ## 使用 在你的React项目中,你可以通过以下方式导入ArkUI组件: ```jsx impor
原创 2024-01-10 05:24:53
222阅读
实现"arkui padding"的步骤如下: | 步骤 | 操作 | | --- | --- | | 步骤1 | 引入所需的库 | | 步骤2 | 创建一个包含padding的容器元素 | | 步骤3 | 使用CSS样式设置padding | 下面是每个步骤的具体操作和代码: ## 步骤1:引入所需的库 在HTML文件的``标签中引入arkui库的CSS文件和JavaScript文件,以
原创 2024-01-12 18:02:58
71阅读
# 如何实现“arkui webview” ## 概述 在本文中,我将向你介绍如何实现“arkui webview”。你将学习到每个步骤需要做什么,并提供相应的代码示例。请按照以下步骤进行操作。 ## 流程图 ```mermaid flowchart TD A[准备工作] --> B[下载arkui webview库] B --> C[创建工程] C --> D[配置工
原创 2024-01-15 20:32:40
161阅读
# ArkUI VP ## 1. Introduction ArkUI VP is a powerful user interface (UI) framework that allows developers to create interactive and visually appealing web applications. Built on top of ArkUI, ArkUI
原创 2024-01-16 01:12:09
82阅读
实现 "arkui 半圆" 的过程可以分为以下几个步骤: 1. 创建 HTML 页面:首先,我们需要创建一个 HTML 页面来展示半圆。可以使用以下代码创建一个简单的 HTML 页面,并在其中添加一个画布元素来绘制半圆。 ```html ArkUI 半圆 canvas { border: 1px solid black;
原创 2024-01-10 00:23:17
148阅读
# arkUI linearGradient ## Introduction In the world of web development, the ability to add gradients to elements is a popular technique to enhance the visual appeal of a website. Gradients allow des
原创 2024-01-09 21:05:19
113阅读
如何实现"arkui Navigation" 本文将教你如何实现"arkui Navigation",首先我们来看一下整个实现的流程。下面是一个简单的步骤表格: | 步骤 | 任务 | | --- | ---- | | 1 | 创建一个新的工程 | | 2 | 配置依赖 | | 3 | 创建导航栏 | | 4 | 添加页面 | | 5 | 导航跳转 | 下面我们将逐步指导你完成每一步,让你能
原创 2024-01-12 22:59:48
80阅读
动画是UI界面的重要元素之一,ArkUI开发框架为开发者提供了丰富的动画能力,如属性动画、显示动画、转场动画和路径动画等。 一、属性动
原创 精选 2024-01-22 10:55:55
435阅读
  • 1
  • 2
  • 3
  • 4
  • 5