鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之ScrollBar组件

最新推荐文章于 2024-05-31 14:13:18 发布
最新推荐文章于 2024-05-31 14:13:18 发布
阅读量853 收藏 9
点赞数 7
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdh13370188237/article/details/136065738
版权

 鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之ScrollBar组件

一、操作环境

操作系统:  Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

二、ScrollBar组件

鸿蒙（HarmonyOS）滚动条组件ScrollBar，用于配合可滚动组件使用，如List、Grid、Scroll。

子组件

可以包含单个子组件。

接口

ScrollBar(value: { scroller: Scroller, direction?: ScrollBarDirection, state?: BarState })

参数

参数名

参数类型
最低0.47元/天 解锁文章
「已注销」
关注
  • 7
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Scroll容器组件
zy0412326的专栏
03-05 1339
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Scroll容器组件。
鸿蒙HarmonyOS开发：Scroll组件结合属性动画实现导航背景色切换效果
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
05-21 1243
支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。可滚动容器组件的控制器，可以将此组件绑定至容器组件，然后通过它控制容器组件的滚动，同一个控制器不可以控制多个容器组件，目前支持绑定到List、Scroll、ScrollBar、Grid、WaterFlow上。可滚动的容器组件，当子组件的布局尺寸超过父组件的尺寸时，内容可以滚动。1、滚动组件触发滚动时触发，支持键鼠操作等其他触发滚动的输入设置。
HarmonyOS ArkUI滚动类组件-Scroll、Scroller
m0_70748458的博客
05-31 1162
(scroller?scroller：给Scroll绑定一个滚动控制器，该控制器可以控制子组件的各种滚动能力，Scroller目前只支持绑定到Scroll和List。Scroll() {Text('Text1')// 子组件的高度小于Scroll高度，不会触发滚动scrollable：设置Scroll的滚动方向，提供了以下 3 种滚动方向：Vertical（默认值）：仅支持竖直方向滚动。Scroll() {// Scroll没有设置滚动方向，默认竖直方向滚动Column() {
鸿蒙开发 - Scroll组件
SSY_1992的博客
12-12 3168
是指在不同尺寸设备下，当页面的内容超出屏幕大小而无法完全显示时，可以通过滚动条进行拖动展示。这种方法适用于线性布局中内容无法一屏展示的场景。通常有以下两种实现方式。1.在List中添加滚动条：当List子项过多一屏放不下时，可以将每一项子元素放置在不同的组件中，通过滚动条进行拖动展示。可以通过scrollBar属性设置滚动条的常驻状态，edgeEffect属性设置拖动到内容最末端的回弹效果。2.使用Scroll组件：在线性布局中，开发者可以进行垂直方向或者水平方向的布局。当一屏无法完全显示时，可以在。
【鸿蒙开发】系统组件Scroll
d312697510的博客
04-07 624
鸿蒙开发arkui组件，scroll组件
HarmonyOS实战开发-组件集合、ArkUI中组件、通用、动画、全局方法的集合。
2401_82546228的博客
04-13 648
本示例为ArkUI中组件、通用、动画、全局方法的集合。
HarmonyOS 组件篇
qq_27494201的博客
06-24 1483
文章目录1、Text（文本框）1.1、点击时：自动调节字体大小+动态增加文字1.2、跑马灯效果1.3、实现一个标题栏和详细内容的界面 1、Text（文本框） 1.1、点击时：自动调节字体大小+动态增加文字 MainAbilitySlice.java Text text = (Text) findComponentById(ResourceTable.Id_text); // 设置自动调整规则 text.setAutoFontSizeRule(30, 100, 1); // 设置点击一次增多一个"T" te
HarmonyOS应用开发-ETSsrcoll滑动组件.docx
最新发布
06-05
### HarmonyOS应用开发-ETSsrcoll滑动组件详解 #### 一、概述 在HarmonyOS的应用开发过程中，为了提供更丰富的用户交互体验，开发者往往需要利用到各种UI组件来构建应用程序界面。其中，`ETSsrcoll`滑动组件作为一...
关于element-ui的隐藏组件el-scrollbar的使用
10-16
主要介绍了关于element-ui的隐藏组件el-scrollbar的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
深入分析element ScrollBar滚动组件
10-17
总的来说，Element UI 的 ScrollBar 组件通过封装滚动条的实现逻辑，提供了高度可定制的滚动条组件，使得开发者能够更轻松地在项目中创建符合设计风格的滚动条。通过深入研究源码，我们可以学习到如何处理滚动条的...
swiper Scrollbar滚动条组件详解
10-16
主要为大家详细介绍了swiper Scrollbar滚动条组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
前端项目-smooth-scrollbar.zip
09-03
在"smooth-scrollbar-master"这个压缩包中，我们可以期待找到以下关键组件和资源： 1. **源代码**：通常包括JavaScript文件，这些文件实现了平滑滚动的功能。开发者可以通过引入这些文件到他们的项目中，使滚动条...
这么全的HarmonyOS开源组件库使用指南，还不快学起来
weixin_56796574的博客
04-27 4105
HarmonyOS目前提供了16000多个API，而在API之外HarmonyOS还提供一系列组件库供开发者使用，这些库明显降低了应用开发者的开发难度，从而提升开发效率，让应用开发更简单高效。 HarmonyOS组件库在OpenHarmony开源社区上可以直接获取，华为也还在不断扩增当中。如此好用的HarmonyOS组件库到底是什么？我们可以从以下五个方面来理解。 一、 HarmonyOS组件库介绍 2021年，HarmonyOS将陆续推出1000+组件，包含UI、动画图形、框架、安全、工具、网络、文件数据
鸿蒙应用开发 | 滚动视图(ScrollView) 的功能和用法
08-09 3205
导语：大家好，我是你们的朋友 朋哥，十年码农经验，对技术情有独钟。 app开发很常见的数据太多，需要完整显示的时候用到滚动效果，今天来看看鸿蒙种的布局滚动ScrollView。 不多说，今天的内容不多，下面我们开始今天的文章，还是老规矩，通过如下几点来说： 1，简介2，属性 3，实战 简介 ScrollView是一种带滚动功能的组件，它采用滑动的方式在有限的区域内显示更多的内容。 比如一个手机界面分为两部分 ，一部分是功能菜单，下一部分是列表，为了显示更多的内容需要...
HarmonyOS常用基础组件
旭日的博客
02-04 1829
TabContent的tabBar属性除了支持string类型，还支持使用@Builder装饰器修饰的函数。@Entry@ComponentColumn() {})build() {.tabBar(this.TabBuilder('首页', 0, $r('app.media.home_selected'), $r('app.media.home_normal')))
鸿蒙开发-横向滚动视图的实现
beargrey的博客
05-16 1114
在鸿蒙里可以使用overflow: scroll实现纵向的滚动，然而这个样式在鸿蒙里目前仅支持纵向滚动，是不支持横向滚动的。所以这里笔者使用了list组件来实现横向滚动，下面是预览图。 下面贴代码 js部分 export default { data: { arrs:[] }, onInit(){ for(let i = 0;i<=100;i++){ this.arrs.push("第"+i+"项") .
HarmonyOS布局之scroll
shayu8nian的博客
12-23 699
这里面有一个概念，容器的内有一个子组件，比如京东的首页可滑动的区域为黑色的部分，而整体的黑色区域又分为banner区域，金刚区域，商品展示形式1区域，和商品展示2区域，(顶部的tabs没有写出来，也属于滑动区域)所以这里有个细节：所有的容器组件内如果有另一个容器组件A，那么这个A就属于这个父容器的单个组件，而容器A内可以有多个容器组件。**并且容器A内可以有多个容器，以上滑动容器scroll 组件包含了两个容器组件，分别为column() 容器A 和column() 容器B，滑动的后的结果只展示容器A，*
HarmonyOS中的组件的滚动条说明
zhizun95tianzi的博客
03-27 1161
滚动条的基本说明如何控制滚动把滚动条改为横向的滚动。
Scrollbar 组件
07-22
Scrollbar 组件是一个用于在用户界面中显示和控制滚动内容的小部件。...在开发中，Scrollbar 组件通常是与其他组件（如文本框、列表或框架）一起使用的，以提供更好的用户体验和对大量内容的更好控制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值