【每日学点HarmonyOS Next知识】上下拉列表、停止无限循环动画、页面列表跟随列表滑动、otf字体、日期选择

1、HarmonyOS 实现只需要保留上拉加载更多,但是不需要下拉刷新?

Refresh通过参数refreshing判断当前组件是否正在刷新,可以控制该参数变化来触发下拉刷新:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#ZH-CN_TOPIC_0000001930756929__refreshoptions%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E

Demo:

@Entry
@Component
struct RefreshExample {@State isRefreshing: boolean = false@State arr: String[] = ['0', '1', '2', '3', '4','5','6','7','8','9','10']build() {Column() {Button('刷新').onClick(()=>{this.isRefreshing = true})Refresh({ refreshing: $$this.isRefreshing}) {List() {ForEach(this.arr, (item: string) => {ListItem() {Text('' + item).width('100%').height(100).fontSize(16).textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)}}, (item: string) => item)}.onScrollIndex((first: number) => {console.info(first.toString())}).width('100%').height('100%').divider({strokeWidth:1,color:Color.Yellow,startMargin:10,endMargin:10}).scrollBar(BarState.Off)}.onStateChange((refreshStatus: RefreshStatus) => {console.info('Refresh onStatueChange state is ' + refreshStatus)}).onOffsetChange((value: number) => {console.info('Refresh onOffsetChange offset:' + value)}).onRefreshing(() => {setTimeout(() => {this.isRefreshing = false}, 2000)console.log('onRefreshing test')}).backgroundColor(0x89CFF0).refreshOffset(64).pullToRefresh(true)}}
}
2、HarmonyOS 如何停止一个无限循环的动画?

如何停止一个无限循环的动画

第一次触发无限循环动画后,再快速点击打断该无限循环动画, 再次点击就无法看到动画了。问题原因:动画其实不是不跑了,而是一直再跑,动画是不断的再叠加,后面就不明显了。解决方案:需要设置一个duration为0的动画,来停掉上一个动画,但是需要停在指定值,且和上一次设的终值不一样,然后再创建需要的动画。简单示例:

@Entry
@Component
struct Page240119142354017 {@State message: string = "Hello World";@State opacityValue: number = 0.5@State isRecording: boolean = false;build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold).opacity(this.opacityValue).onClick(() => {if(this.isRecording) {// 设置一个duration为0的动画停掉上一次动画animateTo({ duration: 0, iterations: 1, playMode: PlayMode.Normal }, () => {// 这里的opacityValue不可以和上一次设置的终止0.1相同this.opacityValue = 0.2})this.isRecording = false;// 再创建需要的动画animateTo({ duration: 0, iterations: 1, playMode: PlayMode.Normal }, () => {this.opacityValue = 1})} else {this.isRecording = trueanimateTo({ duration: 1500, iterations: -1, }, () => {this.opacityValue = 0.1})}})}.width("100%")}.height("100%")}
}
3、HarmonyOS 同一页面其中一个列表跟随另一个列表滚动?

如何在一个页面2个列表的情况下,滚动一个列表的时候,另外一个列表也同时跟着滚动?

参考demo:

@Entry
@Component
struct index240426171014042 {@State dataList: Array<number> = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]private leftListScroller: Scroller = new Scroller()private rightListScroller: Scroller = new Scroller()private scrollFlag = -1 // 1=左边 2=右边build() {Row() {this.left()this.right()}.width('100%').height('100%').backgroundColor('#a68765')}// 左边@Builderleft() {Column() {Text('表头').width(100).height(100)List({ scroller: this.leftListScroller }) {ForEach(this.dataList, (item: number, index) => {ListItem() {Row() {Text(`左边${item}`).width(100).textAlign(TextAlign.Center)}.width("100%").height(100).backgroundColor(Color.Blue)}})}.width(100).height("100%").cachedCount(5).edgeEffect(EdgeEffect.None).onScrollStart(() => {this.scrollFlag = 1}).onScrollStop(() => {this.scrollFlag = -1})/*.onScroll((scrollOffset, state) => {let yOffset = this.leftListScroller.currentOffset().yOffsetif (this.scrollFlag == 1) {// this.rightListScroller.scrollBy(0, scrollOffset)this.rightListScroller.scrollTo({ xOffset: 0, yOffset: yOffset })}})*/.onScrollFrameBegin((offset: number, state: ScrollState) => {if (this.scrollFlag == 1) {let yOffset = this.leftListScroller.currentOffset().yOffset + offsetthis.rightListScroller.scrollTo({ xOffset: 0, yOffset: yOffset })} return { offsetRemain: offset }})}}// 右边@Builderright() {Scroll() {Column() {Text('表头').width(700).height(100)this.rightList()}.width(700).height('100%').alignItems(HorizontalAlign.Start).backgroundColor(Color.Orange)}.width(700).height('100%')// .layoutWeight(1).scrollable(ScrollDirection.Horizontal).backgroundColor(Color.Pink)}// 右边的列表@BuilderrightList() {List({ scroller: this.rightListScroller }) {ForEach(this.dataList, (item: number, index) => {ListItem() {Row() {Text(`第一列${item}`).width(100).textAlign(TextAlign.Center)Text(`第二列${item}`).width(100).textAlign(TextAlign.Center)Text(`第三列${item}`).width(100).textAlign(TextAlign.Center)Text(`第四列${item}`).width(100).textAlign(TextAlign.Center)Text(`第五列${item}`).width(100).textAlign(TextAlign.Center)Text(`第六列${item}`).width(100).textAlign(TextAlign.Center)Text(`第七列${item}`).width(100).textAlign(TextAlign.Center)}.width('100%').height(100)}})}.width(700).height('100%').edgeEffect(EdgeEffect.None).backgroundColor(Color.Yellow).onScrollStart(() => {this.scrollFlag = 2}).onScrollStop(() => {this.scrollFlag = -1})/*.onScroll((scrollOffset, state) => {let yOffset = this.rightListScroller.currentOffset().yOffsetif (this.scrollFlag == 2) {// this.leftListScroller.scrollBy(0, scrollOffset)this.leftListScroller.scrollTo({ xOffset: 0, yOffset: yOffset })}})*/.onScrollFrameBegin((offset: number, state: ScrollState) => {if (this.scrollFlag == 2) {let yOffset = this.rightListScroller.currentOffset().yOffset + offsetthis.leftListScroller.scrollTo({ xOffset: 0, yOffset: yOffset })} return { offsetRemain: offset }})}}
4、HarmonyOS ArkUI的Text支持的字体类型是否包括otf类型的字体文件?

$rawfile方式参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-font-V5

字体文件放置路径:src/main/resources/rawfile/font/gealova.otf

代码中引用示例:

font.registerFont({familyName: 'Gealova',familySrc: $rawfile('font/gealova.otf')
})

在EntryAbility的onWindowStageCreate中注册字体,在模拟器上运行:

//EntryAbility的onWindowStageCreate中:
windowStage.getMainWindow().then(res=>{//注册字体const uiCtc=res.getUIContext()uiCtc.getFont().registerFont({familyName:'mediumRawFile',familySrc:$rawfile('font/BLACKTW-Bold.otf')})uiCtc.getFont().registerFont({familyName:'twrafile',familySrc:$rawfile('font/TW-Bold.otf')})
})//index.ets
@Entry
@Component
struct index{@State message: string = 'Hello World'build() {Column() {Text(this.message).align(Alignment.Center).fontSize(20).fontFamily('mediumRawFile') // mediumRawFile:注册自定义字体的名字Text('eeeee').align(Alignment.Center).fontSize(20).fontFamily('twrafile')}.width('100%')}}
5、HarmonyOS DatePicker?

DatePicker 是否可以控制 只显示 年和月 的属性。

只显示年和月的属性,可使用TextPickerDialog,range字段设置可选年月。参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-textpicker-V5

TextPicker(options?: TextPickerOptions)
根据range指定的选择范围创建文本选择器。
TextPickerOptions对象说明

名称类型必填说明
rangestring[] | string[] []10+ | Resource |<br>TextPickerRangeContent[]| TextCascadePickerRangeContent[]选择器的数据选择列表。不可设置为空数组,若设置为空数组,则不显示;若动态变化为空数组,则保持当前正常值显示。

说明:单列数据选择器使用string[],Resource,TextPickerRangeContent[]类型。

多列数据选择器使用string[][]类型。

多列联动数据选择器使用TextCascadePickerRangeContent[]类型。

Resource类型只支持strarray.json

range的类型及列数不可以动态修改。
selectednumber | number[]10+设置默认选中项在数组中的索引值。

默认值:0

说明:单列数据选择器使用number类型。

多列、多列联动数据选择器使用number[]类型。

从API version 10开始,该参数支持$$双向绑定变量。
valuestring | string[]10+设置默认选中项的值,优先级低于selected。

默认值:第一个元素值

说明:只有显示文本列表时该值有效。显示图片或图片加文本的列表时,该值无效。

单列数据选择器使用string类型。

多列、多列联动数据选择器使用string[]类型。

从API version 10开始,该参数支持$$双向绑定变量。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/35260.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

TCP/IP 协议精讲-精华总结版本

序言 本文旨在介绍一下TCP/IP涉及得所有基础知识&#xff0c;为大家从宏观上俯瞰TCP/IP提供一个基石&#xff0c;文档属于《TCP/IP图解&#xff08;第五版&#xff09;》的精简版本。 专业术语 缩写 全称 WAN Wide area network广域网 LAN Local area network局域网 TC…

Ubuntu22.04虚拟机里安装Yolov8流程

1. 安装pytorch sudo apt install nvidia-cuda-toolkit nvcc --version # 官方适配地址&#xff1a;https://download.pytorch.org/whl/torch/import torch print(torch.__version__) print(torch.cuda.is_available())2. 安装环境 # cuDNN 安装&#xff1a;https://develop…

stm32第五天按键的基础知识

一&#xff1a;按键连接示意图 按键控制LED灯 软件设计流程 初始化系统 o 初始化GPIO外设时钟 o 初始化按键和LED的引脚 • 检测按键输入电平来控制LED灯 o SW2控制灯开 。 SW3控制灯关 1&#xff1a;key.c工程 #include"key.h" #include"stm32f10x.h"v…

Xposed模块开发:运行时修改技术

1. Xposed框架核心原理 1.1 运行时架构解析 Android ART Hook机制&#xff1a; graph TD A[目标APP进程] --> B{系统Zygote} B -->|加载Xposed| C[XposedBridge] C --> D[模块1] C --> E[模块2] D --> F[Hook目标方法] E --> F 1.1.1 核心组件交…

【Python学习笔记】一些关于多线程,xls文件读取,PyQt5,PyInstaller打包等问题的解决方案记录

背景&#xff1a; 最近利用休息时间写了个小型exe程序&#xff0c;主要涉及的技术点有&#xff1a;多线程&#xff0c;读取xls文件&#xff0c;基于PyQt5的简单GUI页面&#xff0c;利用PyInstaller打包成exe。虽然有ChatGPT等协助&#xff0c;但难免还是在开发过程中遇到了一些…

基于javaweb的SpringBoot智能相册管理系统图片相册系统设计与实现(源码+文档+部署讲解)

技术范围&#xff1a;SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。 主要内容&#xff1a;免费功能设计、开题报告、任务书、中期检查PPT、系统功能实现、代码编写、论文编写和辅导、论…

【AI知识管理系统】(一)AI知识库工具测评

嘿,朋友们!🧐你们有没有想过,咱们平日里那些一闪而过的知识笔记、各种碎片化的idea,记录下来之后都是怎么管理的呀? 还有啊,咱们读过的那些书,大家会不会随手写点东西记录一下呢?📝要知道,如果不写的话,很可能过不了多久就全忘得一干二净啦。 😭那多年前记下的…

JVM并发编程AQSsync锁ReentrantLock线程池ThreadLocal

并发编程2 synchronized锁实现**AQS****ReentrantLock实现****JUC 常用类**池的概念 ThreadLocalThreadLocal原理内存泄露强引用:软引用弱引用虚引用ThreadLocal内存泄露 synchronized锁实现 synchronized是一个关键字,实现同步,还需要我们提供一个同步锁对象,记录锁状态,记录…

C++从入门到入土(八)——多态的原理

目录 前言 多态的原理 动态绑定与静态绑定 虚函数表 小结 前言 在前面的文章中&#xff0c;我们介绍了C三大特性之一的多态&#xff0c;我们主要介绍了多态的构成条件&#xff0c;但是对于多态的原理我们探讨的是不够深入的&#xff0c;下面这这一篇文章&#xff0c;我们将…

自带多个接口,完全免费使用!

做自媒体的小伙伴们&#xff0c;是不是经常为语音转文字的事儿头疼&#xff1f; 今天给大家推荐一款超实用的语音转文字软件——AsrTools&#xff0c;它绝对是你的得力助手&#xff01; AsrTools 免费的语音转文字软件 这款软件特别贴心&#xff0c;完全免费&#xff0c;而且操…

国内首款载重1吨级无人运输机TP1000首飞成功 2026年投入应急救援

大湾区经济网珠海快讯&#xff0c;据央视新闻报道&#xff0c;3月15日上午&#xff0c;国内首款载重1吨级大型无人运输机TP1000在山东成功首飞。该机由中国民航适航标准完全自主研发&#xff0c;起飞重量3.3吨&#xff0c;满载航程达1000公里&#xff0c;具备智能空投功能&…

设计模式Python版 访问者模式

文章目录 前言一、访问者模式二、访问者模式示例 前言 GOF设计模式分三大类&#xff1a; 创建型模式&#xff1a;关注对象的创建过程&#xff0c;包括单例模式、简单工厂模式、工厂方法模式、抽象工厂模式、原型模式和建造者模式。结构型模式&#xff1a;关注类和对象之间的组…

(性能测试)性能测试工具 2.jmeter的环境搭建 3jmeter元件和4使用实例 5jmeter元件和参数化

目录 性能测试工具 性能测试工具 jemeter环境搭建 jmeter的常用目录介绍 jmeter修改语言和主题--jmeter界面的汉化 jmeter元件 jmeter元件和组件的介绍 jmeter的作用域原则 jmeter的执行顺序 案例&#xff1a;执行顺序 jmeter使用案例 jmeter线程组的介绍 jmeter…

书摘 ASP.NET Core技术内幕与项目实战:基于DDD与前后端分离

IT行业的发展瞬息万变,新技术层出不穷,很多技术人员出于个人兴趣、个人职业发展等考虑而选择一些流行的新技术,他们会把各种复杂的架构模式、高精尖的技术都加入架构中,这增加了项目的复杂度、延长了交付周期、增加了项目的研发成本。有些技术并不符合公司的情况,最后项目…

Spring Cloud 负载均衡(Ribbon)- 流量管理与服务调用优化

一、Spring Cloud Ribbon 概述 1、什么是 Spring Cloud Ribbon&#xff1f; Spring Cloud Ribbon 是一个基于客户端的负载均衡器&#xff0c;其核心目标是为微服务架构中的服务调用提供智能流量分发能力。与传统的服务端负载均衡&#xff08;如 Nginx&#xff09;不同&#x…

内网环境安装dlv,本地远程调试go

背景&#xff1a;内网环境(服务器)下安装dlv,本地通过dlv调试编译后的go代码。 可以配合观看: 【dlv远程调试-哔哩哔哩】 https://b23.tv/NqPZ5q9 内网安装dlv步骤 1、dlv安装: &#xff08;我额服务器和内网的go都是1.21以上&#xff09; # 先在有网络的环境下&#xff08…

C# MVC项目部署II后错误,403禁止访问:访问被拒绝问题处理

C# MVC项目部署II后错误&#xff0c;403禁止访问&#xff1a;访问被拒绝问题处理 问题如下&#xff1a; 解决办法&#xff1a; 1. 应用程序池要选v4.xx&#xff0c;托管模式选“集成” 2. 把asp.net 4.xx安装在iis上&#xff0c;方法&#xff1a; cd \Windows\Microsoft .NE…

基于Flask的东方财富网股票数据可视化分析系统

【大数据】基于Flask的东方财富网股票数据可视化分析系统 &#xff08;完整系统源码开发笔记详细部署教程&#xff09;✅ 目录 一、项目简介二、项目界面展示三、项目视频展示 一、项目简介 该系统能够高效地从东方财富网抓取股票数据&#xff0c;并通过Python的强大数据处理能…

整形在内存中的存储(例题逐个解析)

目录 一.相关知识点 1.截断&#xff1a; 2.整形提升&#xff1a; 3.如何 截断&#xff0c;整型提升&#xff1f; &#xff08;1&#xff09;负数 &#xff08;2&#xff09;正数 &#xff08;3&#xff09;无符号整型&#xff0c;高位补0 注意&#xff1a;提升后得到的…

HarmonyOS第26天:应用发布与推广全攻略:从0到1走向市场

一、引言:开启 HarmonyOS 应用之旅 在数字化时代的浪潮中,HarmonyOS 以其独特的分布式理念和强大的跨设备协同能力,为应用开发领域开辟了一片崭新的天地。随着 HarmonyOS 市场份额的稳步增长,其生态设备数量已突破 9 亿大关,吸引了超过 254 万开发者投身其中 ,成为了开发…