鸿蒙开发者社区

[【本文正在参加2023年第一期优质创作者激励计划】](https:ost.51cto.composts21211)作者：徐金生仿视频播放器应用爱电影合集[OpenHarmony仿视频播放器应用爱电影（一）](https:ost.51cto.composts22228)[OpenHarmony仿视频播放器应用爱电影（二）](https:ost.51cto.composts22241)[OpenHarmony仿视频播放器应用爱电影（三）](https:ost.51cto.composts22282)[OpenHarmony仿视频播放器应用爱电影（四）](https:ost.51cto.compos...

globalCompositeOperation、shadowBlurglobalCompositeOperation属性与方法代码：xxx.etsEntryComponentstructGlobalCompositeOperation{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection.Column,alignItems:ItemAlign.Center,justifyContent:FlexAlign.Center}){Canvas(t...

版本：v3.1Beta自定义组件的基本用法更新时间:2023021709:19自定义组件是用户根据业务需求，将已有的组件组合，封装成的新组件，可以在工程中多次调用，从而提高代码的可读性。自定义组件通过element引入到宿主页面，使用方法如下：<elementname'comp'src'....commoncomponentcomp.hml'><element><div><compprop1'xxxx'child1"bindParentVmMethod"><comp><div>结合ifelse使用自定义组件的示例，showComp1为true时显示自定义组件...

[【本文正在参加2023年第一期优质创作者激励计划】](https:ost.51cto.composts21211)前言好好学习，天天向上！Codelabs上有不少还未的学习案例呢，这次学习的是[库的调用(ArkTS)案例](https:developer.huawei.comconsumercncodelabsPortalcarddetailstutorialsHarmonyOSThirdPartyLibraryhalinkereyJ0cyI6MTY3ODM2NTM2NzA5NiwiaWQiOiJiNzBiMmI1ODVhY2M0MGY4ODJmZjExYzFhM2QxYzE2NiJ9)。学习笔记拆成两部分，本文是关于社区库调...

版本：v3.1Betapath更新时间:2023021709:19说明该组件从APIversion7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。绘制路径。权限列表无子组件支持​​animate​​​、​​animateMotion​​​、​​animateTransform​​。属性支持Svg组件​​通用属性​​和以下属性，设置的通用属性会传递给子组件。名称类型默认值必填描述idstring否组件的唯一标识。dstring否设置路径的形状。包含一组字符指令，...

版本：v3.1BetaCanvasRenderingContext2D对象方法fillRectfillRect(x:number,y:number,width:number,height:number):void填充一个矩形。参数：参数类型描述xnumber指定矩形左上角点的x坐标。ynumber指定矩形左上角点的y坐标。widthnumber指定矩形的宽度。heightnumber指定矩形的高度。示例：<!xxx.hml><div><canvasref"canvas"style"width:500px;height:500px;backgroundcolor:ffff00;"><canvas><div>xxx.jsexportdefault{onSho...

版本：v3.1BetaCanvasRenderingContext2D对象更新时间:2023021709:19说明从APIversion4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。使用CanvasRenderingContext2D在canvas画布组件上进行绘制，绘制对象可以是矩形、文本、图片等。示例：<!xxx.hml><div><canvasref"canvas1"style"width:200px;height:150px;backgroundcolor:ffff00;"><canvas><inputtype"button"style"width:180px;height:60px;"val...

版本：v3.1Betagridcontainer更新时间:2023021709:19说明从APIversion5开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。栅格布局容器根节点，使用gridrow与gridcol进行栅格布局。权限列表无子组件仅支持<gridrow>。属性除支持​​通用属性​​外，还支持如下属性：名称类型默认值必填描述columnsstringnumberauto否设置当前布局总列数，使用string类型时仅支持auto，配置为auto时按照当前的sizetype决...

版本：v3.1Betarichtext更新时间:2023021709:19说明该组件从APIversion6开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。富文本内容需要写在元素标签内。富文本组件，用于展示富文本信息。权限列表无属性仅支持​​通用属性​​中的id、style和class属性。样式仅支持​​通用样式​​中的display和visibility样式。事件除支持​​通用事件​​外，还支持如下事件：名称参数描述start开始加载时触发。co...

版本：v3.1Betatoggle更新时间:2023021709:19说明从APIversion5开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。状态按钮用于从一组选项中进行选择，并可能在界面上实时显示选择后的结果。通常这一组选项都是由状态按钮构成。权限列表无子组件不支持。属性除支持​​通用属性​​外，还支持如下属性：名称类型默认值必填描述valuestring是状态按钮的文本值。checkedbooleanfalse否状态按钮是否被选中。...

一、事件组件区域变化事件指组件显示的尺寸、位置等发生变化时触发的事件。（api8开始支持）名称支持冒泡功能描述onAreaChange(event:(oldValue:Area,newValue:Area)void)否组件区域变化时触发该回调。二、示例代码：EntryComponentstructAreaExample{Statevalue:string'Text'StatesizeValue:string''build(){Column(){Text(this.value).backgroundColor(Color.Gray).margin(30).fontSize(20).padding(4).onClick((){this.value...

版本：v3.1Betaprogress更新时间:2023021709:19说明从APIversion4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。进度条，用于显示内容加载或操作处理进度。权限列表无子组件不支持。属性除支持​​通用属性​​外，还支持如下属性：名称类型默认值必填描述typestringhorizontal否设置进度条的类型，该属性不支持动态修改，可选值为：horizontal：线性进度条；circular：loading样式进度条；ring：圆...

版本：v3.1Betapickerview更新时间:2023021709:19说明从APIversion4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。嵌入页面的滑动选择器。子组件不支持。属性除支持​​通用属性​​外，还支持如下属性：名称类型默认值必填描述typestringtext否设置滑动选择器的类型，该属性不支持动态修改，可选项有：text：文本选择器。time：时间选择器。date：日期选择器。datetime：日期时间选择器。multitext...

版本：v3.1Betabutton更新时间:2023021709:19说明从APIversion4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。按钮组件，包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮。子组件不支持。示例divclass"divbutton"><textclass"title">普通按钮<text><divclass"circleall"><buttonclass"buttons">确认按钮<button><buttonclass"buttons"waiting"true">Loading<button><div><divclass"circleall"...

版本：v3.1Betatabs更新时间:2023021709:19说明从APIversion4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。tab页签容器。权限列表无子组件仅支持<​​tabbar​​​>和<​​tabcontent​​>。示例divclass"containe"><textclass"tittle">横向展示<text><tabsclass"tabs"onchange"tabChange"><tabbarclass"tabBar"><textclass"tabBarItem">页签1<text><textclass"tabBarItem">页签2<text><textclass"t...

版本：v3.1Betaimage更新时间:2023021709:19说明从APIversion4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。图片组件，用来渲染展示图片。子组件不支持。示例divclass"containeroutcontainer"><divclass"container"><textclass"title">基础用法<text><div><imageclass"images"src"commonimagesbgtv.jpg"><image><imageclass"imagesround"src"commonimagesbgtv.jpg"><image><div><div><textclass"tit...

首选项概述首选项Preferences，适用于对KeyValue结构的数据进行存取和持久化操作。应用获取某个Preferences对象后，该存储对象中的数据将会被缓存在内存中，以便应用获得更快的数据存取速度。应用也可以将缓存的数据再次写回文本文件中进行持久化存储，由于文件读写将产生不可避免的系统资源开销，建议应用降低对持久化文件的读写频率。关于数据库锁机制，开发者无需关注其具体实现。基本概念KeyValue数据结构一种键值型的数据...

版本：v3.1Betapicker更新时间:2023021709:19说明从APIversion4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。滑动选择器组件，类型支持普通选择器、日期选择器、时间选择器、时间日期选择器和多列文本选择器。权限列表无子组件不支持。示例divclass"container"><textclass"txt">选择器<text><divclass"outcontainertextcontainer"><textclass"title">普通选择器<text><pickerclass"text"focusable"t...

鸿蒙应用开发当前支持的颜色枚举值坚果：润开鸿技术专家，华为HDE，InfoQ签约作者，OpenHarmony布道师，多个平台的专家博主。主页：https:ost.51cto.compersonposts14830231枚举名称对应颜色颜色alicebluef0f8ffantiquewhitefaebd7aqua00ffffaquamarine7fffd4azuref0ffffbeigef5f5dcbisqueffe4c4black000000blanchedalmondffebcdblue0000ffblueviolet8a2be2browna52a2aburlywooddeB887cadetblue5f9ea0chartreuse7fff00chocolate...