电子商务网站技术方案,自己如何建设微信网站,网站设计与制作培训班,昆明网站建设技术公司鸿蒙#xff08;HarmonyOS#xff09;项目方舟框架#xff08;ArkUI#xff09;之Rating组件
一、操作环境
操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1 二、Rating组件
提供在给定范围内选择评分的组件。
子组件
无。
接口 Rating(opt…鸿蒙HarmonyOS项目方舟框架ArkUI之Rating组件
一、操作环境
操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1 二、Rating组件
提供在给定范围内选择评分的组件。
子组件
无。
接口 Rating(options?: { rating: number, indicator?: boolean })
从API version 9开始该接口支持在ArkTS卡片中使用。
参数 参数名 参数类型 必填 参数描述 rating number 是 设置并接收评分值。 默认值0 取值范围 [0, stars] 小于0取0大于stars取最大值stars。 indicator boolean 否 设置评分组件作为指示器使用不可改变评分。 默认值false, 可进行评分 说明 indicatortrue时默认组件高度height12.0vp组件widthheight * stars。 indicatorfalse时默认组件高度height28.0vp组件widthheight * stars。
属性 名称 参数类型 描述 stars number 设置评分总数。 默认值5 从API version 9开始该接口支持在ArkTS卡片中使用。 说明 设置为小于0的值时按默认值显示。 stepSize number 操作评级的步长。 默认值0.5 从API version 9开始该接口支持在ArkTS卡片中使用。 说明 设置为小于0.1的值时按默认值显示。 取值范围为[0.1, stars]。 starStyle { backgroundUri: string, foregroundUri: string, secondaryUri?: string } backgroundUri未选中的星级的图片链接可由用户自定义或使用系统默认图片。 foregroundUri选中的星级的图片路径可由用户自定义或使用系统默认图片。 secondaryUri部分选中的星级的图片路径可由用户自定义或使用系统默认图片。 从API version 9开始该接口支持在ArkTS卡片中使用。 说明 startStyle属性所支持的图片类型能力参考Image组件。 支持加载本地图片和网络图片暂不支持PixelMap类型和Resource资源。 默认图片加载方式为异步暂不支持同步加载。 设置值为undefined或者空字符串时rating会选择加载系统默认星型图源。
说明
rating宽高为[width, height]时单个图片的绘制区域为[width / stars, height]。
为了指定绘制区域为方形建议自定义宽高时采取[height * stars, height], width height * stars的方式。
事件 名称 功能描述 onChange(callback:(value: number) void) 操作评分条的评星发生改变时触发该回调。 从API version 9开始该接口支持在ArkTS卡片中使用。
三、示例 代码
// xxx.ets
Entry
Component
struct RatingExample {State rating: number 3.5build() {Column() {Column() {Rating({ rating: this.rating, indicator: false }).stars(5).stepSize(0.5).margin({ top: 24 }).onChange((value: number) {this.rating value})Text(current score is this.rating).fontSize(16).fontColor(rgba(24,36,49,0.60)).margin({ top: 16 })}.width(360).height(113).backgroundColor(#FFFFFF).margin({ top: 68 })Row() {Image(common/testImage.jpg).width(40).height(40).borderRadius(20).margin({ left: 24 })Column() {Text(Yue).fontSize(16).fontColor(#182431).fontWeight(500)Row() {Rating({ rating: 3.5, indicator: false }).margin({ top: 1, right: 8 })Text(2021/06/02).fontSize(10).fontColor(#182431)}}.margin({ left: 12 }).alignItems(HorizontalAlign.Start)Text(1st Floor).fontSize(10).fontColor(#182431).position({ x: 295, y: 8 })}.width(360).height(56).backgroundColor(#FFFFFF).margin({ top: 64 })}.width(100%).height(100%).backgroundColor(#F1F3F5)}
}
图例 你有时间常去我家看看我在这里谢谢你啦... 我家地址:亚丁号
最后送大家一首诗:
山高路远坑深, 大军纵横驰奔,
谁敢横刀立马 惟有点赞加关注大军。
