蛟龙腾飞
LV.3
深圳市蛟龙腾飞网络科技有限公司
声望 236
关注 1
粉丝 125
私信
主帖 488
回帖 130
视频 148
提问
回答 1
资源 1
专栏 1
说明:APIversion9开始支持可以通过设置inheritcalss属性来继承父组件的样式。自定义组件具有inheritclass属性,定义如下:示例代码:效果:
4h前 52浏览 0点赞 0回复 0收藏
globalCompositeOperation、shadowBlurglobalCompositeOperation属性与方法代码:xxx.etsEntryComponentstructGlobalCompositeOperation{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection.Column,alignItems:ItemAlign.Center,justifyContent:FlexAlign.Center}){Canvas(t...
1天前 157浏览 0点赞 0回复 0收藏
一、事件组件区域变化事件指组件显示的尺寸、位置等发生变化时触发的事件。(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...
2天前 140浏览 0点赞 0回复 0收藏
【本文正在参加2023年第一期优质创作者激励计划】2022年HDC后“鸿蒙世界”广受关注,作为鸿蒙先行实践者,为了帮助日益兴盛的HarmonyOS应用新手发者们快速体验与入门HarmonyOS应用、元服务开发,遂撰写了这篇手把手的开发教学指导。本文主要包括三方面的内容,第一部分是软件发展分类与元服务,第二部分是元服务应用场景,第三部分是快速上手万能卡片开发体验。大家也可以同步观看我在华为开发者联盟学堂上线的万能卡片相关视频...
3天前 635浏览 4点赞 3回复 2收藏
一、事件组件可见区域变化事件是组件在屏幕中的显示区域面积变化时触发的事件,提供了判断组件是否完全或部分显示在屏幕中的能力,适用于广告曝光埋点之类的场景。(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)....
5天前 165浏览 0点赞 0回复 0收藏
三、示例代码: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...
7天前 362浏览 0点赞 0回复 0收藏
一、示例效果图片二、事件挂载卸载事件指组件从组件树上挂载、卸载时触发的事件。(api7开始支持)名称支持冒泡功能描述onAppear(event:()void)否组件挂载显示时触发此回调。onDisappear(event:()void)否组件卸载消失时触发此回调。三、示例代码appear.etsimportpromptfrom'ohos.prompt';ComponentexportdefaultstructAppearExample{StateisShow:booleantrue;StatechangeAppear:string'HideText';privatemyText:string'Textforo...
9天前 248浏览 0点赞 0回复 0收藏
一、示例效果图片五、示例代码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-03-13 09:31:00 495浏览 0点赞 0回复 0收藏
【本文正在参加2023年第一期优质创作者激励计划】一、事件按键事件指组件与键盘、遥控器等按键设备交互时触发的事件,适用于所有可获焦组件,例如Button。对于Text,Image等默认不可获焦的组件,可以设置focusable属性为true后使用按键事件。(api7开始支持)三、示例EntryComponentstructKeyEventExample{Statetext:string''StateeventType:string''build(){Column(){Button('KeyEvent').onKeyEvent((event:KeyEvent){if(event...
2023-03-11 11:57:00 479浏览 0点赞 0回复 0收藏
Ability模块提供对Ability生命周期、上下文环境等调用管理的能力,包括Ability创建、销毁、转储客户端信息等。说明:模块首批接口从APIversion9开始支持。模块接口仅可在Stage模型下使用。导入模块:importAbilityfrom'ohos.app.ability.Ability';接口说明:Ability.onConfigurationUpdateonConfigurationUpdate(newConfig:Configuration):void;当系统配置更新时调用。Ability.onMemoryLevelonMemoryLevel(level:AbilityConstant....
2023-03-09 15:07:39 391浏览 0点赞 0回复 0收藏
一、模块导入二、接口详情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-03-08 14:05:40 353浏览 0点赞 0回复 0收藏
【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象(五)globalAlpha、lineDashOffsetglobalAlpha代码xxx.etsEntryComponentstructGlobalAlpha{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection.Col...
2023-03-06 09:50:01 397浏览 1点赞 0回复 1收藏
【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象(四)font、textAlign、textBaselinefont代码xxx.etsEntryComponentstructFonts{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection.Column,alignIt...
2023-03-03 09:31:52 769浏览 0点赞 0回复 0收藏
【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象(三)lineCap、lineJoin、miterLimitlineCap代码:xxx.etsEntryComponentstructLineCapExample{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDirection....
2023-03-02 13:39:59 537浏览 0点赞 0回复 0收藏
【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象(二)fillStyle、lineWidth、strokeStylefillStyle代码:xxx.etsEntryComponentstructFillStyleExample{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRenderingContext2DnewCanvasRenderingContext2D(this.settings)build(){Flex({direction:FlexDi...
2023-03-01 09:40:53 884浏览 0点赞 0回复 0收藏
【本文正在参加2023年第一期优质创作者激励计划】HarmonyOSOpenHarmony应用开发ArkTS画布组件CanvasRenderingContext2D对象(一)总述使用RenderingContext在Canvas组件上进行绘制,绘制对象可以是矩形、文本、图片等。从APIVersion8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。接口,CanvasRenderingContext2D(setting:RenderingContextSetting)。RenderingContextSettingsRenderingContextSettin...
2023-02-28 10:35:52 602浏览 2点赞 2回复 0收藏
提供画布组件,用于自定义绘制图形。该组件从APIVersion8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。子组件,不支持。接口:Canvas(context:CanvasRenderingContext2D)属性,支持通用属性。事件除支持通用事件外,还支持如下事件:示例代码:xxx.etsEntryComponentstructCanvasExample{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatecontext:CanvasRendering...
2023-02-27 09:43:45 753浏览 1点赞 0回复 0收藏
自适应延伸是在不同尺寸设备下,当页面显示内容个数不一并延伸到屏幕外时,可通过滚动条拖动展示。适用于线性布局中内容无法一屏展示的场景。常见以下两类实现方法。一、List组件List子项过多一屏放不下时,未展示的子项通过滚动条拖动显示。通过scrollBar属性设置滚动条的常驻状态,edgeEffect属性设置拖动到极限的回弹效果。纵向List:EntryComponentstructListExample1{Statearr:string[]["0","1","2","3","4","5","6","7","...
2023-02-23 09:44:06 435浏览 0点赞 0回复 0收藏
自适应缩放是指在各种不同大小设备中,子组件按照预设的比例,尺寸随容器尺寸的变化而变化。在线性布局中有下列方法实现。1.父容器尺寸确定时,设置了layoutWeight属性的子组件与兄弟元素占主轴尺寸按照权重进行分配,忽略元素本身尺寸设置,在任意尺寸设备下,自适应占满剩余空间。EntryComponentstructlayoutWeightExample{build(){Column(){Text('1:2:3').width('100%')Row(){Column(){Text('layoutWeight(1)').textAlign(Te...
2023-02-22 09:32:14 1179浏览 0点赞 0回复 0收藏
自适应拉伸,在线性布局下,常用空白填充组件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-02-21 10:06:12 1341浏览 0点赞 0回复 0收藏
获得成就
已积累 55.0w 人气
获得 821 个点赞
获得 150 次收藏
技术团队作者
  • 鸿蒙时代
热门内容