首页 > 其他分享 >鸿蒙HarmonyOS实战-ArkUI组件(Shape)

鸿蒙HarmonyOS实战-ArkUI组件(Shape)

时间:2024-04-17 14:14:16浏览次数:14  
标签:150 width 300 height HarmonyOS Shape 100 ArkUI

标签:150,width,300,height,HarmonyOS,Shape,100,ArkUI
From: https://www.cnblogs.com/shudaoshan/p/18140563

相关文章

  • HarmonyOS-基础之动画
    1、是什么?动画可以在UI界面发生变化时,提供渐变过渡效果,提升用户体验。动画的实现原理是通过在一段时间内连续播放一系列静止画面(帧),从而产生流畅的视觉效果。ArkUI提供了多种动画接口,例如:显式动画、属性动画、转场动画等,来实现各种动画效果。2、显示动画animateTo()是ArkUI......
  • HarmonyOS开发(一)
    1、安装 DevEcoStudio链接:https://developer.huawei.com/consumer/cn/deveco-studio/2、安装配置环境 为保证DevEcoStudio正常运行,建议电脑配置满足如下要求:操作系统:Windows1064位、Windows1164位内存:8GB及以上硬盘:100GB及以上分辨率:1280*800像素及以上4、配置......
  • HarmonyOS NEXT应用开发案例——行程地址交换动画
    介绍本示例介绍使用显式动画animateTo实现左右地址交换动画。该场景多用于机票、火车票购买等出行类订票软件中。效果预览图使用说明加载完成后显示地址交换动画页面,点击中间的图标,左右两边地址交换。实现思路创建左右两边Text组件显示地址。设置初始偏移量以及文本对......
  • HarmonyOS NEXT应用开发案例——阻塞事件冒泡
    介绍本示例主要介绍在点击事件中,子组件enabled属性设置为false的时候,如何解决点击子组件模块区域会触发父组件的点击事件问题;以及触摸事件中当子组件触发触摸事件的时候,父组件如果设置触摸事件的话,如何解决父组件也会被触发的问题。效果图预览使用说明:开启使能开关,在点击事......
  • HarmonyOS NEXT应用开发案例——自定义TabBar
    介绍本示例主要介绍了TabBar中间页面如何实现有一圈圆弧外轮廓以及TabBar页签被点击之后会改变图标显示,并有一小段动画效果。效果图预览使用说明:依次点击tabBar页面,除了社区图标之外,其它图标往上移动一小段距离。实现思路场景1:TabBar中间页面实现有一圈圆弧外轮廓将Imag......
  • 鸿蒙HarmonyOS实战-ArkUI组件(Tabs)
    ......
  • HarmonyOS-基础之生命周期
    生命周期函数importrouterfrom'@ohos.router'@Entry@ComponentstructIndex{//页面的生命周期--5个(如果是组件,则只有前2个;如果是页面则有5个)//组件有的2个aboutToAppear(){console.log('aboutToAppear---将要出现')}aboutToDisappear(){......
  • HarmonyOS-基础之Tabs组件
    1、Tabs的基本使用@Entry@ComponentstructIndex{privatecontroller:TabsController=newTabsController();//声明周期函数aboutToAppear(){//页面加载1s后跳转到商城setTimeout(()=>{this.controller.changeIndex(1)},1000)}......
  • HarmonyOS NEXT应用开发案例——滑动页面信息隐藏与组件位移效果
    介绍在很多应用中,向上滑动"我的"页面,页面顶部会有如下变化效果:一部分信息逐渐隐藏,另一部分信息逐渐显示,同时一些组件会进行缩放或者位置移动。向下滑动时则相反。效果图预览使用说明向上滑动页面,出现如下变化:用户名/选择身份/设置图标/客服图标逐渐隐藏,用户头像尺寸逐渐缩小......
  • HarmonyOS NEXT应用开发案例——全屏登录页面
    全屏登录页面介绍本例介绍各种应用登录页面。全屏登录页面:在主页面点击跳转到全屏登录页后,显示全屏模态页面,全屏模态页面从下方滑出并覆盖整个屏幕,模态页面内容自定义,此处分为默认一键登录方式和其他登录方式。效果图预览使用说明点击主页面按钮"点击跳转到全屏登录页",......