开源基础软件社区

说明：APIversion9开始支持可以通过设置inheritcalss属性来继承父组件的样式。自定义组件具有inheritclass属性，定义如下：示例代码：效果：

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

一、事件组件区域变化事件指组件显示的尺寸、位置等发生变化时触发的事件。（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...

【本文正在参加2023年第一期优质创作者激励计划】2022年HDC后“鸿蒙世界”广受关注，作为鸿蒙先行实践者，为了帮助日益兴盛的HarmonyOS应用新手发者们快速体验与入门HarmonyOS应用、元服务开发，遂撰写了这篇手把手的开发教学指导。本文主要包括三方面的内容，第一部分是软件发展分类与元服务，第二部分是元服务应用场景，第三部分是快速上手万能卡片开发体验。大家也可以同步观看我在华为开发者联盟学堂上线的万能卡片相关视频...

一、事件组件可见区域变化事件是组件在屏幕中的显示区域面积变化时触发的事件，提供了判断组件是否完全或部分显示在屏幕中的能力，适用于广告曝光埋点之类的场景。（api9开始支持）二、示例代码：EntryComponentstructIndex{scroller:ScrollernewScroller()privatearr:number[][0,1,2,3,4,5,6,7,8,9]StatetestTextStr:string'test'StatetestRowStr:string'test'build(){Column(){Column(){Text(this.testTextStr).fontSize(20)....

三、示例代码：importpromptfrom'ohos.prompt';Extend(Text)functiontextStyle(){.width('25%').height(35).fontSize(16).textAlign(TextAlign.Center).backgroundColor(0xAFEEEE)}EntryComponentstructDrag{Statenumbers:string[]['one','two','three','four','five','six']Statetext:string''Statebool:booleantrueStateeventType:string''StateappleVisible:VisibilityVisibility.VisibleStateorangeVisible:VisibilityVisib...

一、示例效果图片二、事件挂载卸载事件指组件从组件树上挂载、卸载时触发的事件。（api7开始支持）名称支持冒泡功能描述onAppear(event:()void)否组件挂载显示时触发此回调。onDisappear(event:()void)否组件卸载消失时触发此回调。三、示例代码appear.etsimportpromptfrom'ohos.prompt';ComponentexportdefaultstructAppearExample{StateisShow:booleantrue;StatechangeAppear:string'HideText';privatemyText:string'Textforo...

一、示例效果图片五、示例代码Touch.etsComponentexportdefaultstructTouch{Statetext:string'';StateeventType:string'';build(){Column(){Button('Touch').height(40).width(100).onTouch((event:TouchEvent){if(event.typeTouchType.Down){this.eventType'Down';}if(event.typeTouchType.Up){this.eventType'notouch';}if(event.typeTouchType.Move){this.eventType'Move';}this.text'TouchType:'+this.eventType+'\nx:'+eve...

【本文正在参加2023年第一期优质创作者激励计划】一、事件按键事件指组件与键盘、遥控器等按键设备交互时触发的事件，适用于所有可获焦组件，例如Button。对于Text，Image等默认不可获焦的组件，可以设置focusable属性为true后使用按键事件。（api7开始支持）三、示例EntryComponentstructKeyEventExample{Statetext:string''StateeventType:string''build(){Column(){Button('KeyEvent').onKeyEvent((event:KeyEvent){if(event...

Ability模块提供对Ability生命周期、上下文环境等调用管理的能力，包括Ability创建、销毁、转储客户端信息等。说明:模块首批接口从APIversion9开始支持。模块接口仅可在Stage模型下使用。导入模块:importAbilityfrom'ohos.app.ability.Ability';接口说明：Ability.onConfigurationUpdateonConfigurationUpdate(newConfig:Configuration):void;当系统配置更新时调用。Ability.onMemoryLevelonMemoryLevel(level:AbilityConstant....

一、模块导入二、接口详情dataUriUtils.getIdgetId(uri:string):number获取附加到给定uri的路径组件末尾的ID。dataUriUtils.attachIdattachId(uri:string,id:number):string将给定ID附加到给定uri的路径组件的末尾。dataUriUtils.deleteIddeleteId(uri:string):string从给定uri的路径组件的末尾删除ID。dataUriUtils.updataIdupdateId(uri:string,id:number):string更新指定uri中的ID。三、接口示例demo.etsimportdataUriUtilsf...

【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象（五）globalAlpha、lineDashOffsetglobalAlpha代码xxx.etsEntryComponentstructGlobalAlpha{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection.Col...

【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象（四）font、textAlign、textBaselinefont代码xxx.etsEntryComponentstructFonts{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection.Column,alignIt...

【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象（三）lineCap、lineJoin、miterLimitlineCap代码：xxx.etsEntryComponentstructLineCapExample{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection....

【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象（二）fillStyle、lineWidth、strokeStylefillStyle代码：xxx.etsEntryComponentstructFillStyleExample{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDi...

【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象（一）总述使用RenderingContext在Canvas组件上进行绘制，绘制对象可以是矩形、文本、图片等。从APIVersion8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。接口，CanvasRenderingContext2D(setting:RenderingContextSetting)。RenderingContextSettingsRenderingContextSettin...

提供画布组件，用于自定义绘制图形。该组件从APIVersion8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。子组件，不支持。接口：Canvas(context:CanvasRenderingContext2D)属性，支持通用属性。事件除支持通用事件外，还支持如下事件：示例代码：xxx.etsEntryComponentstructCanvasExample{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRendering...

自适应延伸是在不同尺寸设备下，当页面显示内容个数不一并延伸到屏幕外时，可通过滚动条拖动展示。适用于线性布局中内容无法一屏展示的场景。常见以下两类实现方法。一、List组件List子项过多一屏放不下时，未展示的子项通过滚动条拖动显示。通过scrollBar属性设置滚动条的常驻状态，edgeEffect属性设置拖动到极限的回弹效果。纵向List：EntryComponentstructListExample1{Statearr:string[]["0","1","2","3","4","5","6","7","...

自适应缩放是指在各种不同大小设备中，子组件按照预设的比例，尺寸随容器尺寸的变化而变化。在线性布局中有下列方法实现。1.父容器尺寸确定时，设置了layoutWeight属性的子组件与兄弟元素占主轴尺寸按照权重进行分配，忽略元素本身尺寸设置，在任意尺寸设备下，自适应占满剩余空间。EntryComponentstructlayoutWeightExample{build(){Column(){Text('1:2:3').width('100%')Row(){Column(){Text('layoutWeight(1)').textAlign(Te...

自适应拉伸，在线性布局下，常用空白填充组件Blank，在容器主轴方向自动填充空白空间，达到自适应拉伸效果。实现方式EntryComponentstructBlankExample{build(){Column(){Row(){Text('Bluetooth').fontSize(18)Blank()Toggle({type:ToggleType.Switch,isOn:true})}.backgroundColor(0xFFFFFF).borderRadius(15).padding({left:12}).width('100%')}.backgroundColor(0xEFEFEF).padding(20).width('100%')}}拉伸效果参考引用自官方文档。

全面升级，总结以前，展望未来。

很好很好

有的，正在安排实际应用中。

2023加油，持续的努力才会有成果。

逐步深入，不断学习和分享。

谢谢支持

全面升级，持续前进中。

是一个系列，应该是有7个动作。

欢迎大家参加，线上线下都可以的哦。

很棒很棒

有具体的操作教程没。还是还只是个概念呀。

时间有点长了。这个。你用最新的版本看看。

创作不易，加油加油。

参与活动

继续努力，持续成长。

祝开源基础软件社区两周年生日快乐！！！

祝社区两周年生日快乐，越办越好,共建美好社区。蛟龙腾飞，鸿蒙时代发来贺电。

投给了15、鸿蒙时代

技术开发工作，其实是具备足够的想象空间的，同时对实际能力要求比较高，不是靠关系什么可以很好发展的，因为最终你要呈现出结果和效果出来。要求具备一定的悟性、要有基础的认知和知识、同时需要有实际经验。所以，刚开始主要是方向和学习，只有在技术方向上正确，在足够多的项目实战上积累经验，才会有成长，有了实力，各方面的机会也会随之而来和增多。

持续努力中