项目介绍
项目内容: 自定义基础组件和容器组件、依赖库概念、本地依赖库的创建和引用、三方库的引用。
工具版本: DevEco Studio 3.1 Canary1
SDK版本: 3.2.1.4(API Version 9 Canary1)(Stage模型)
本项目基于HarmonyOS的ArkUI框架TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:基于TS扩展的声明式开发范式,
效
Read More
moregeek program
#yyds干货盘点#【愚公系列】2022年10月 微信小程序-component组件的扩展_qq61972345e36b7的博客-多极客编程
一、Component组件的扩展
// behavior.js
module.exports = Behavior({
definitionFilter(defFields) {
defFields.data.from = 'behavior'
},
})
// component.js
Component({
data: {
from: 'component'
Read More
Read More
#yyds干货盘点#【愚公系列】2022年10月 微信小程序-component组件的通信与事件_qq61972345e36b7的博客-多极客编程
前言
1.组件间通信
组件间的基本通信方式有以下几种。
WXML 数据绑定:用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容数据
事件:用于子组件向父组件传递数据,可以传递任意数据。
如果以上两种方式不足以满足需要,父组件还可以通过this.selectComponent方法获取子组件实例对象,这样就可以直接访问组件的任意数据和方法。
一、Component组件的通信与事件
1.
Read More
Read More
保姆级教程:写出自己的移动应用和小程序(篇八)_wx62de35e719cf2的博客-多极客编程
上一期我们学习了在小程序开发过程中,通过网络请求获取对应的服务器域名与请求接口的使用。本期文章中,我们重点学习如何在开发过程中使用小程序组件。小程序的组件分为两类:内置组件自定义组件内置组件内置组件指在小程序内部已经预先定义好的组件,开发者不需要特殊引用就可以在代码内直接使用,以下面代码为例:<view> <text>这是一个按钮</text> <bu
Read More
Read More
#夏日挑战赛# harmonyos - 自定义组件之slider滑块_鸿蒙社区的博客-多极客编程
作者:范乐乐
本文正在参加星光计划3.0–夏日挑战赛
前言
最近在学习HarmonyOS开发相关知识,在项目开发过程中有用到slider滑块组件,本文主要结合HarmonyOS官网上的相关组件以及通用API,实现一个slider滑块组件。
效果演示
实现原理
1. 触发条件
基于HarmonyOS通用事件touchstart和touchmove,通过手指刚触摸屏幕时触发、手指触摸屏幕后移动时触发
Read More
Read More
#过年不停更#HarmonyOS自定义JS组件—灵动的锦鲤-多极客编程
春节不停更,此文正在参加「星光计划-春节更帖活动」
作者:包月东
简介
今天给大家带来如何用纯JS代码的Canvas绘制一条游动的锦鲤
先看下效果图
实现思路
拆分
先看设计图,我们的小鱼由头、鳍、身体、节肢、尾部五部分组成。
下面给出每个部位的实现api
头是一个实心圆,可以通过canvas.arc()
鱼鳍则由一条直线和曲线构成,会用到path,曲线可以使用贝塞尔曲线canvas.qua
Read More
Read More
#星光计划2.0#HarmonyOS自定义组件之图层的使用-多极客编程
作者:卢日见
【本文正在参与51CTO HarmonyOS技术社区创作者激励计划-星光计划2.0】
前言
HarmonyOS目前已经有较丰富的自定义组件了,但是多数自定义组件都没有讲到图层这个概念,都是使用默认图层进行绘制。这里就通过几个小例子介绍一下HarmonyOS自定义组件中图层概念和使用。
使用说明
1.HarmonyOS的绘制入口
1.1 DrawTask接口
HarmonyOS的Com
Read More
Read More
HarmonyOS ArkUI之自定义组件侧滑菜单(JS)-多极客编程
作者:梁青松
前言
鸿蒙这次API7更新除了新增TS声明式开发之外,还有JS开发也增加了很多API,JS开发自定义组件越来越方便了。
本项目基于ArkUI中JS扩展的类Web开发范式,关于语法和概念直接看官网官方文档地址:基于JS扩展的类Web开发范式1 基于JS扩展的类Web开发范式2
本文介绍最新出的插槽用法,实现侧滑菜单、支持两种风格、支持快速滑动打开关闭。
ArKUI系列文章
【Har
Read More
Read More
自定义组件进阶之一-多极客编程
以LabelView(效果类似于TextView)为例示范简单的自定义View。首先,理清思路,明确要定义的组件的一些属性(类似组件的简单拼接,可不定义属性)
第一步:配置属性:在Values文件夹的attrs.xml中配置出来,见下图所示。
代码如下:
<?xml version="1.0" encoding="utf-8"?> <resources>
Read More
Read More