写点什么

【每日学点 HarmonyOS Next 知识】列表匀速滑动、判断页面是否在路由栈、导航栏顶部加一条横线、滑动冲突、进度条自定义圆角大小

作者:轻口味
  • 2025-03-11
    北京
  • 本文字数:1093 字

    阅读完需:约 4 分钟

【每日学点HarmonyOS Next知识】列表匀速滑动、判断页面是否在路由栈、导航栏顶部加一条横线、滑动冲突、进度条自定义圆角大小

1、HarmonyOS list 组件如何设置匀速滑动?

edgeEffect.None 这个属性是设置边缘滑动效果,支持弹簧效果和阴影效果。


friction:设置摩擦系数,手动划动滚动区域时生效,只对惯性滚动过程有影响,对惯性滚动过程中的链式效果有间接影响。


https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-list-V5#listscroller11%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E


![[Pasted image 20250126181910.png]]

2、HarmonyOS router 怎么判断某个 Page 是否启动了 还在路由栈里面?

router 怎么判断某个 Page 是否启动了,还在路由栈里面,需要知道某个 Entry 组件是否还存活了。router 不支持判断是否在路由栈中的方法,建议你尽量用 navigation 来实现,因为后续 router 会停止演进,后续也不会新增能力。navigation 中可以通过 getAllPathName 获取栈中所有 NavDestination 页面的名称。


参考地址:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-navigation-V5#getallpathname10

3、HarmonyOS 如何在 Tabs 导航栏顶部加一条横线?

如何在 Tabs 导航栏顶部加一条横线。可以添加一个边框样式,可参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-border-V5


参考 demo:


.border({  width: { left: 0, right: 0, top: 3, bottom: 0 },  color: {left:Color.White, right:Color.White, top: Color.Red, bottom:Color.White},  style: {    top: BorderStyle.Solid,  }})
复制代码

4、HarmonyOS 触摸滑动与滚动组件冲突问题?

父组件 A,在 onTouch 事件中执行下拉上滑移动 A 组件,子组件 B(Scroll、Web 等)的滚动和父组件的拖动会同时出现,如何避免该手势的冲突


可以参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-gesture-events-multi-level-gesture-V5



5、HarmonyOS Progress 怎样自定义圆角大小?

Progress 怎样自定义圆角大小 ProgressType.Linear 怎么实现大小 16x8 圆角 2 的效果。参考 demo:


// xxx.ets@Entry@Componentstruct ProgressExample {  build() {    Column({ space: 15 }) {      Text('Linear Progress').fontSize(9).fontColor(0xCCCCCC).width('90%')      Progress({ value: 20, total: 100, type: ProgressType.Linear })        .width(200)        .backgroundColor('#B3E54C')        .style({ strokeRadius: 0, strokeWidth: 100 ,})        .color('#917AF9')        .borderColor('#00000000')        .borderRadius(20)        .clip(true)    }.width('100%').margin({ top: 30 })  }}
复制代码


发布于: 刚刚阅读数: 3
用户头像

轻口味

关注

🏆2021年InfoQ写作平台-签约作者 🏆 2017-10-17 加入

Android、音视频、AI相关领域从业者。 欢迎加我微信wodekouwei拉您进InfoQ音视频沟通群 邮箱:qingkouwei@gmail.com

评论

发布
暂无评论
【每日学点HarmonyOS Next知识】列表匀速滑动、判断页面是否在路由栈、导航栏顶部加一条横线、滑动冲突、进度条自定义圆角大小_HarmonyOS_轻口味_InfoQ写作社区