当前位置: 首页 > news >正文

HarmonyOS interface router scale pageTransition SlideEffect.Left ArkTS ArkUI

在这里插入图片描述

🎬️create

@Component
export  default struct TitleBar {build(){Row(){Text('transition').fontSize('30fp').fontColor(Color.White)}.width('100%').height('8%').backgroundColor('#4169E1').padding({left:10})}}

🎞️interface

export  interface IList{title:string;url :string;
}
  @State listData:IList[]=[ //  @State listData:Array<IList>=[{title:'in',url:'pages/home1'},{title:'scale',url:'pages/home2'},{title:'small',url:'pages/home3'},{title:'in',url:''}]

💡foreach

   ForEach(this.listData,( item: IList,index?:number)=>{//listitemButton({type:ButtonType.Capsule}){Text(item.title).fontSize('35fp').fontColor(Color.White)}//...})

🔦router

import router from '@ohos.router'

📼mainpage

  "pages/home1"

📹️onclick

 .onClick(()=>{//routerrouter.pushUrl({url:item.url})})

📺️setInterval

//home1  page1
import  router from '@ohos.router'
@Entry
@Component
struct Index {@State TOTAL_TIME:number = 6;//s@State FIRST_CT:number =3;//saboutToAppear(){//timerlet timer=   setInterval(()=>{this.TOTAL_TIME--;if(this.TOTAL_TIME===0){//endrouter.pushUrl({url:"pages/Index"})clearInterval(timer);}},1000)}build() {Column() {Row() {if(this.TOTAL_TIME>this.FIRST_CT){//1Image($r('app.media.t2')).objectFit(ImageFit.Contain)}else if(this.TOTAL_TIME<this.FIRST_CT) {//2Image($r('app.media.bc')).objectFit(ImageFit.Contain).width('30%')Text(' - m - ').fontSize('30fp')}}.width('100%').height('100%').justifyContent(FlexAlign.Center)// Text('in')//   .fontSize('50fp')}.width('100%')}
}

-----------

📽️TransitionEnter scale

//home2 page2@State scale1: number = 1@State opacity1: number = 1
//...Column()
.scale({ x: this.scale1 }).opacity(this.opacity1)
//...pageTransition() {PageTransitionEnter({ duration: 1200, curve: Curve.Linear }).onEnter((type: RouteType, progress: number) => {this.scale1 = 1this.opacity1 = progress}) // onEnter (0% -- 100%)PageTransitionExit({ duration: 1500, curve: Curve.Ease }).onExit((type: RouteType, progress: number) => {this.scale1 = 1 - progressthis.opacity1 = 1}) // onExit (0% -- 100%)}

在这里插入图片描述

🎥SlideEffect.Left

  pageTransition() {PageTransitionEnter({ duration: 1200 }).slide(SlideEffect.Left)PageTransitionExit({ delay: 100 }).translate({ x: 100.0, y: 100.0 }).opacity(0)}

在这里插入图片描述

相关文章:

HarmonyOS interface router scale pageTransition SlideEffect.Left ArkTS ArkUI

&#x1f3ac;️create Component export default struct TitleBar {build(){Row(){Text(transition).fontSize(30fp).fontColor(Color.White)}.width(100%).height(8%).backgroundColor(#4169E1).padding({left:10})}}&#x1f39e;️interface export interface IList{ti…...

Go语言(Golang)的开发框架

在Go语言&#xff08;Golang&#xff09;的开发中&#xff0c;有多种开发框架可供选择&#xff0c;它们各自具有不同的特点和优势。以下是一些流行的Go语言开发框架&#xff0c;选择Go语言的开发框架时&#xff0c;需要考虑项目需求、团队熟悉度、社区支持、框架性能和可维护性…...

Python入门第三课——Python 数据类型(详细)

文章回顾 Python入门第一课——Python起步安装、Sublime Text安装教程&#xff0c;环境配置Python入门第二课——Python的变量和简单数据类型 目录 文章回顾前言一、Python的详细数据类型二、各种数据类型和使用方法1.Number&#xff08;数字&#xff09;2、String&#xff08…...

html入门

<!DOCTYPE html><!--每个文件都要加上这个&#xff0c;是html文件的主题--> <html><!--查不多就是c预言的main函数&#xff0c;从头括到尾部--><head><meta http-equiv"Content-Type" content"text/html;charsetutf-8" /…...

蓝桥杯杨辉三角

PREV-282 杨辉三角形【第十二届】【蓝桥杯省赛】【B组】 &#xff08;二分查找 递推&#xff09;&#xff1a; 解析&#xff1a; 1.杨辉三角具有对称性&#xff1a; 2.杨辉三角具有一定规律 通过观察发现&#xff0c;第一次出现的地方一定在左部靠右的位置&#xff0c;所以从…...

【活动】开源与闭源大模型:探索未来趋势的双轨道路

&#x1f308;个人主页: 鑫宝Code &#x1f525;热门专栏: 闲话杂谈&#xff5c; 炫酷HTML | JavaScript基础 ​&#x1f4ab;个人格言: "如无必要&#xff0c;勿增实体" 文章目录 开源与闭源大模型&#xff1a;探索未来趋势的双轨道路引言一、开源大模型&#…...

虚拟局域网(VLAN)

关键词&#xff1a;veth、vlan、bridge、iptables、nat、tcpdump、icmp、cidr、arp、路由表、计算机网络协议栈 前言 在过去的几十年里&#xff0c;互联网发展得非常快。许多新兴技术迅速崛起&#xff0c;也有不少曾经的主流技术被淘汰。然而&#xff0c;有些技术因为其基础性…...

内网穿透--Frp-简易型(速成)-上线

免责声明:本文仅做技术交流与学习... 目录 frp项目介绍: 一图通解: ​编辑 1-下载frp 2-服务端(server)开启frp口 3-kali客户端(client)连接frp服务器 4-kali生成马子 5-kali监听 6-马子执行-->成功上线 frp项目介绍: GitHub - fatedier/frp: A fast reverse proxy…...

Python库之Scrapy的简介、安装、使用方法详细攻略

Python库之Scrapy的简介、安装、使用方法详细攻略 简介 Scrapy是一个快速的、高层次的web抓取和web抓取框架&#xff0c;用于抓取网站数据并从页面中提取结构化的数据。Scrapy用途广泛&#xff0c;可以用于数据挖掘、信息处理或存储历史数据&#xff0c;以及各种其他用途。 …...

k8s配置pods滚动发布

背景 采用微服务架构部署的应用&#xff0c;部署方式都要用到容器化部署k8s容器编排&#xff0c;最近我在公司负载的系统也是用的上述架构部署&#xff0c;但是随着系统的运行&#xff0c;用户提的需求就会越多&#xff0c;每次更新的话都要停机发布&#xff0c;最用户侧来说就…...

C++vector的简单模拟实现

文章目录 目录 文章目录 前言 一、vector使用时的注意事项 1.typedef的类型 2.vector不是string 3.vector 4.算法sort 二、vector的实现 1.通过源码进行猜测vector的结构 2.初步vector的构建 2.1 成员变量 2.2成员函数 2.2.1尾插和扩容 2.2.2operator[] 2.2.3 迭代器 2…...

AWTK实现汽车仪表Cluster/DashBoard嵌入式GUI开发(七):快启

前言: 汽车仪表是人们了解汽车状况的窗口,而仪表中的大部分信息都是以指示灯形式显示给驾驶者。仪表指示灯图案都较为抽象,对驾驶不熟悉的人在理解仪表指示灯含义方面存在不同程度的困难,尤其对于驾驶新手,如果对指示灯的含义不求甚解,有可能影响驾驶的安全性。即使是对…...

基于springboot+vue的招聘信息管理系统

开发语言&#xff1a;Java框架&#xff1a;springbootJDK版本&#xff1a;JDK1.8服务器&#xff1a;tomcat7数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09;数据库工具&#xff1a;Navicat11开发软件&#xff1a;eclipse/myeclipse/ideaMaven包&#xff1a;…...

使用STM32F103标准库实现自定义键盘

使用STM32F103标准库实现自定义键盘 在嵌入式系统中&#xff0c;自定义键盘的实现是一个经典的项目&#xff0c;能够帮助我们深入理解GPIO配置、按键扫描和中断处理等知识。本文将详细介绍如何使用STM32F103标准库来实现一个简单的自定义键盘。 1. 准备工作 1.1 硬件准备 S…...

面试八股之JVM篇3.5——垃圾回收——G1垃圾回收器

&#x1f308;hello&#xff0c;你好鸭&#xff0c;我是Ethan&#xff0c;一名不断学习的码农&#xff0c;很高兴你能来阅读。 ✔️目前博客主要更新Java系列、项目案例、计算机必学四件套等。 &#x1f3c3;人生之义&#xff0c;在于追求&#xff0c;不在成败&#xff0c;勤通…...

解决LabVIEW通过OPC Server读取PLC地址时的错误180121602

在使用LabVIEW通过OPC Server读取PLC地址时&#xff0c;若遇到错误代码180121602&#xff0c;建议检查网络连接、OPC Server和PLC配置、用户权限及LabVIEW设置。确保网络畅通&#xff0c;正确配置OPC变量&#xff0c;取消缓冲设置以实时读取数据&#xff0c;并使用诊断工具验证…...

npm,yarn,cnpm,tyarn,pnpm 安使用装配置镜像

npm 安装 安装node后就可以使用了 官方默认地址 npm config set registry https://registry.npmjs.org 镜像 npm config set registry https://registry.npm.taobao.org npm config set registry http://registry.npmmirror.org全局安装依赖 npm install -g <包名&g…...

使用python将一段文本写入一个txt文件中且先格式化文件名

有一段文本内容&#xff0c;有“标题”和“内容”组成。 任务&#xff1a;要将这段文本&#xff0c;存放到一个txt文件中&#xff0c;文件名为当天的日期加上“标题”内容。因为“标题”内可能有/<>之类的&#xff0c;还需要格式化一下。 已经将上述功能都写成了函数&a…...

前端 CSS 经典:元素倒影

前言&#xff1a;好看的元素倒影&#xff0c;可以通过-webkit-box-reflect 实现。但有兼容问题&#xff0c;必须是 webkit 内核的浏览器&#xff0c;不然没效果。但是好看啊。 效果图&#xff1a; 代码实现&#xff1a; <!DOCTYPE html> <html lang"en"&g…...

ROS学习记录:用C++实现IMU航向锁定

前言 获取IMU数据的C节点 在了解了如何获取到IMU的姿态信息&#xff08;链接在上面&#xff09;后&#xff0c;接下来尝试实现让一个节点在订阅IMU数据的时候&#xff0c;还能发布运动控制指令&#xff0c;使机器人能对姿态变化做出反应&#xff0c;达到一个航向锁定的效果。 …...

Anthropic发布史上最强模型:Claude Mythos Preview,但遭禁用

“太危险不能发布”这句话&#xff0c;AI 行业七年前就说过一次。是2019 年 2 月&#xff0c;OpenAI 发了一个叫 GPT-2 的语言模型。当时OpenAI给出的理由是担心被用来大规模生成虚假信息&#xff0c;所以只放出了一个缩水版。七年过去&#xff0c;Anthropic把这句话又说了一遍…...

EasyAnimateV5图生视频模型小白入门:5分钟快速部署与一键生成实战

EasyAnimateV5图生视频模型小白入门&#xff1a;5分钟快速部署与一键生成实战 1. 快速了解EasyAnimateV5 EasyAnimateV5是一款专注于图生视频任务的AI模型&#xff0c;它能将静态图片转化为动态视频。与常见的文生视频模型不同&#xff0c;它特别擅长基于已有图片内容生成连贯…...

S2-Pro大模型WSL2深度学习环境搭建与模型部署避坑指南

S2-Pro大模型WSL2深度学习环境搭建与模型部署避坑指南 1. 前言&#xff1a;为什么选择WSL2进行AI开发 如果你是一名Windows用户&#xff0c;想要在本地运行S2-Pro这样的大模型&#xff0c;WSL2可能是最方便的选择。相比虚拟机或双系统&#xff0c;WSL2提供了接近原生Linux的性…...

主键、外键和约束:让数据库“有规矩”才能不出错!|转行学DB第5天

为什么你的表里会混进“奇怪的数据”&#xff1f;三分钟搞懂数据库的“家规”大家好呀&#xff01;我是数据库小学妹&#x1f44b;一个正在从设计转行学数据库的"萌新"。 前几篇我们学会了建表、插数据、查数据。但有个问题一直让我头疼&#xff1a;我怎么保证同一张…...

如何扩展LivePython功能:开发者定制指南与API详解

如何扩展LivePython功能&#xff1a;开发者定制指南与API详解 【免费下载链接】livepython Visually trace Python code in real-time. 项目地址: https://gitcode.com/gh_mirrors/li/livepython LivePython是一款创新的Python代码实时可视化追踪工具&#xff0c;让开发…...

智谱GLM-5.1实测

智谱在GLM-5发布不到两个月后&#xff0c;迅速推出了迭代版本GLM-5.1。官方将其定位为"面向长程任务的开源第一模型"&#xff0c;核心升级方向集中在代码工程能力和长程Agent任务上——GLM-5.1能够在单次任务中独立、持续工作超过8小时&#xff0c;在SWE-Bench Pro等…...

OpenClaw任务监控:Qwen3-14b_int4_awq模型执行日志分析

OpenClaw任务监控&#xff1a;Qwen3-14b_int4_awq模型执行日志分析 1. 为什么需要关注OpenClaw任务日志 上周我在用OpenClaw自动处理一批技术文档时&#xff0c;遇到了一个奇怪的现象&#xff1a;任务明明显示"已完成"&#xff0c;但输出的文件内容却是空的。这个问…...

拆解政务知识库落地:从0到日均万次应答的实战手记

在基层政务服务中&#xff0c;“这个政策怎么解读&#xff1f;”“社保卡丢了去哪补办&#xff1f;”这类问题每天被重复成百上千次。政策法规分散在数十个系统中&#xff0c;居民问不清&#xff0c;工作人员也答不准。如何在不增加编制的前提下&#xff0c;让90%的重复性问题被…...

2026年AI热点:阿里新模型领跑行业

今日AI热点汇总&#xff08;2026年4月9日&#xff09; 一、阿里发布新模型&#xff0c;性能大幅提升 今天&#xff0c;阿里巴巴重磅推出了全新的通义千问模型&#xff0c;这个新模型在语言理解、逻辑推理和代码生成等方面都有了显著提升。 更强的理解能力&#xff1a;能更准确地…...

技术实测|告别命令行!OpenClaw(小龙虾AI) 一键部署教程

前言 随着本地 AI 智能体快速普及&#xff0c;私有化部署、数据安全、低门槛落地已成为技术选型核心。OpenClaw 作为开源轻量化 AI 智能体&#xff0c;v2.6.1 版本在环境适配、服务稳定性、模型集成度上全面优化&#xff0c;无需编译、无需手动配置依赖&#xff0c;真正实现 W…...