成都网站建设公司哪家好,网站建设人员配置是怎样的,昆明网站优化建设,网站怎么做后期维护直线绘制组件。 说明#xff1a; 该组件从API Version 7开始支持。后续版本如有新增内容#xff0c;则采用上角标单独标记该内容的起始版本。 子组件
无
接口
Line(value?: {width?: string | number, height?: string | number})
从API version 9开始#xff0c;该接…直线绘制组件。 说明 该组件从API Version 7开始支持。后续版本如有新增内容则采用上角标单独标记该内容的起始版本。 子组件
无
接口
Line(value?: {width?: string | number, height?: string | number})
从API version 9开始该接口支持在ArkTS卡片中使用。
参数
参数名参数类型必填默认值参数描述widthstring | number否0宽度。说明 异常值按照默认值处理。heightstring | number否0高度。说明 异常值按照默认值处理。
属性
除支持通用属性外还支持以下属性
名称类型默认值描述startPointArrayLength[0, 0]直线起点坐标点(相对坐标)单位vp。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 异常值按照默认值处理。endPointArrayLength[0, 0]直线终点坐标点(相对坐标)单位vp。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 异常值按照默认值处理。fillResourceColorColor.Black设置填充区域颜色。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 Line组件无法形成闭合区域该属性设置无效。fillOpacityLength1设置填充区域透明度。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 Line组件无法形成闭合区域该属性设置无效。strokeResourceColor-设置边框颜色不设置时默认没有边框线条。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 异常值不会绘制边框线条。strokeDashArrayArrayLength[]设置线条间隙。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 线段相交时可能会出现重叠现象。异常值按照默认值处理。strokeDashOffsetnumber | string0线条绘制起点的偏移量。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 异常值按照默认值处理。strokeLineCapLineCapStyleLineCapStyle.Butt设置线条端点绘制样式。 从API version 9开始该接口支持在ArkTS卡片中使用。strokeLineJoinLineJoinStyleLineJoinStyle.Miter设置线条拐角绘制样式。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 Line组件无法形成拐角该属性设置无效。strokeMiterLimitnumber | string4设置锐角绘制成斜角的极限值。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 Line组件无法设置锐角图形该属性设置无效。strokeOpacityLength1设置线条透明度。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 该属性的取值范围是[0.0, 1.0]若给定值小于0.0则取值为0.0若给定值大于1.0则取值为1.0其余异常值按1.0处理 。strokeWidthLength1设置线条宽度。 从API version 9开始该接口支持在ArkTS卡片中使用。说明 该属性若为string类型, 暂不支持百分比百分比按照1px处理。antiAliasbooleantrue是否开启抗锯齿效果。 从API version 9开始该接口支持在ArkTS卡片中使用。
示例
示例1
// xxx.ets
Entry
Component
struct LineExample {build() {Column({ space: 10 }) {// 线条绘制的起止点坐标均是相对于Line组件本身绘制区域的坐标Line().width(200).height(150).startPoint([0, 0]).endPoint([50, 100]).stroke(Color.Black).backgroundColor(#F5F5F5)Line().width(200).height(150).startPoint([50, 50]).endPoint([150, 150]).strokeWidth(5).stroke(Color.Orange).strokeOpacity(0.5).backgroundColor(#F5F5F5)// strokeDashOffset用于定义关联虚线strokeDashArray数组渲染时的偏移Line().width(200).height(150).startPoint([0, 0]).endPoint([100, 100]).stroke(Color.Black).strokeWidth(3).strokeDashArray([10, 3]).strokeDashOffset(5).backgroundColor(#F5F5F5)// 当坐标点设置的值超出Line组件的宽高范围时线条会画出组件绘制区域Line().width(50).height(50).startPoint([0, 0]).endPoint([100, 100]).stroke(Color.Black).strokeWidth(3).strokeDashArray([10, 3]).backgroundColor(#F5F5F5)}}
} 示例2
// xxx.ets
Entry
Component
struct LineExample1 {build() {Row({ space: 10 }) {// 当LineCapStyle值为Butt时Line().width(100).height(200).startPoint([50, 50]).endPoint([50, 200]).stroke(Color.Black).strokeWidth(20).strokeLineCap(LineCapStyle.Butt).backgroundColor(#F5F5F5).margin(10)// 当LineCapStyle值为Round时Line().width(100).height(200).startPoint([50, 50]).endPoint([50, 200]).stroke(Color.Black).strokeWidth(20).strokeLineCap(LineCapStyle.Round).backgroundColor(#F5F5F5)// 当LineCapStyle值为Square时Line().width(100).height(200).startPoint([50, 50]).endPoint([50, 200]).stroke(Color.Black).strokeWidth(20).strokeLineCap(LineCapStyle.Square).backgroundColor(#F5F5F5)}}
} 示例3
// xxx.ets
Entry
Component
struct LineExample {build() {Column() {Line().width(300).height(30).startPoint([50, 30]).endPoint([300, 30]).stroke(Color.Black).strokeWidth(10)// 设置strokeDashArray的数组间隔为 50Line().width(300).height(30).startPoint([50, 20]).endPoint([300, 20]).stroke(Color.Black).strokeWidth(10).strokeDashArray([50])// 设置strokeDashArray的数组间隔为 50, 10Line().width(300).height(30).startPoint([50, 20]).endPoint([300, 20]).stroke(Color.Black).strokeWidth(10).strokeDashArray([50, 10])// 设置strokeDashArray的数组间隔为 50, 10, 20Line().width(300).height(30).startPoint([50, 20]).endPoint([300, 20]).stroke(Color.Black).strokeWidth(10).strokeDashArray([50, 10, 20])// 设置strokeDashArray的数组间隔为 50, 10, 20, 30Line().width(300).height(30).startPoint([50, 20]).endPoint([300, 20]).stroke(Color.Black).strokeWidth(10).strokeDashArray([50, 10, 20, 30])}}
} 最后有很多小伙伴不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。所以有一份实用的鸿蒙HarmonyOS NEXT资料用来跟着学习是非常有必要的。
这份鸿蒙HarmonyOS NEXT资料包含了鸿蒙开发必掌握的核心知识要点内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙HarmonyOS NEXT技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取
获取这份完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
鸿蒙HarmonyOS NEXT最新学习路线 HarmonOS基础技能 HarmonOS就业必备技能 HarmonOS多媒体技术 鸿蒙NaPi组件进阶 HarmonOS高级技能 初识HarmonOS内核 实战就业级设备开发 有了路线图怎么能没有学习资料呢小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。
获取以上完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
《鸿蒙 (OpenHarmony)开发入门教学视频》 《鸿蒙生态应用开发V2.0白皮书》 《鸿蒙 (OpenHarmony)开发基础到实战手册》
OpenHarmony北向、南向开发环境搭建 《鸿蒙开发基础》
ArkTS语言安装DevEco Studio运用你的第一个ArkTS应用ArkUI声明式UI开发.…… 《鸿蒙开发进阶》
Stage模型入门网络管理数据管理电话服务分布式应用开发通知与窗口管理多媒体技术安全技能任务管理WebGL国际化开发应用测试DFX面向未来设计鸿蒙系统移植和裁剪定制…… 《鸿蒙进阶实战》
ArkTS实践UIAbility应用网络案例…… 获取以上完整鸿蒙HarmonyOS学习资料请点击→纯血版全套鸿蒙HarmonyOS学习资料
总结
总的来说华为鸿蒙不再兼容安卓对中年程序员来说是一个挑战也是一个机会。只有积极应对变化不断学习和提升自己他们才能在这个变革的时代中立于不败之地。
