HarmonyOS之ArkUI布局设计常见细节

news/2024/7/5 6:07:18

这里写目录标题

  • 1. Button设置带有渐变色的背景图片无效
    • 1.1 问题分析
    • 1.2 成功案例
  • 2. 路由跳转失败
    • 2.1 问题分析

1. Button设置带有渐变色的背景图片无效

1.1 问题分析

  • 说明:设置颜色渐变需先设置backgroundColor为透明色。
Button($r('app.string.login'), { type: ButtonType.Capsule })
    .width(CommonConstants.BUTTON_WIDTH)
    .height($r('app.float.login_button_height'))
    .fontSize($r('app.float.normal_text_size'))
    .fontWeight(FontWeight.Medium)
    .backgroundImage($r('app.media.btn_bg'))
    .backgroundColor(Color.Transparent)
    .backgroundImageSize(ImageSize.Cover)
    .margin({ top: $r('app.float.login_button_margin_top'), bottom: $r('app.float.login_button_margin_bottom') })
    .onClick(() => {
      this.login();
    })

1.2 成功案例

在这里插入图片描述

2. 路由跳转失败

  • 问题1:Uri error. The uri of router is not exist.

2.1 问题分析

  • main_pages.json 配置错误
    1. 没有配置新的页面路径,
    2. 页面路径配置错误:错误路径: /pages/…

在这里插入图片描述

  • 页面路由跳转时页面路径填写错误
    1. 错误示例:
windowStage.loadContent('/pages/SplashPage');
或者
router.replaceUrl({ url: '/pages/LoginPage' })

http://lihuaxi.xjx100.cn/news/2165402.html

相关文章

FunSound: 基于FunASR-onnx 的高精度离线转写

​ 基于funasr的高精度离线语音转写网页 www.funsound.cn 精度和速度表现不错,提供给大家免费测试 ​

BeanDefinition作用

BeanDefinition接口 BeanDefinition 描述一个 Bean 实例,这个实例有哪些属性值、构造函数以及一些其他信息,就是描述Bean实例的信息。 BeanDefinition是一个接口,允许BeanFactoryPostProcessor 内省和修改属性值和其他 Bean 元数据。 点击了…

React开发必须掌握这些es6语法-03

箭头函数 其实就是java的lamda编程,它的特点是单向无环流,没有变量,源数据状态不能被改变。 基本语法 ()> {} //表示一个空函数,和function(){}功能一样,如果只有一行语句则,{}可省略 lef fn arg &g…

2024-5-24

今日安排: 继续审计 nf_tables 源码 && iptables 相关学习♥♥♥♥♥复现 CTF 相关题目♥♥♥♥学习 winpwn♥♥♥♥mount 的使用,学习 namespace (昨昨昨昨昨昨昨昨昨昨昨昨昨昨天残留的任务)(:看我能搁到什么时候♥♥♥…

魔众文库系统v6.6.0分销功能,后台日志重构,文档转换优化

分销功能,后台日志重构,文档转换优化 [新功能] 升级支持支付宝授权登录最新方式 [新功能] 后台左上角标题支持自定义,修改 modstart.php 中 admin.title 配置 [新功能] 日志界面重构,全新日志查看体验 [新功能] 链接选择弹窗增…

【C++风云录】生物物理模型仿真平台:生态学模型与环境变化预测

重塑生态系统:从模型建立到演化模拟 前言 本文将深入探讨六种用于不同领域的C库。这些库分别应用于生态学模型开发、环境变化预测、个体为基础的生态系统建模、演化模拟、大规模动态系统模型仿真、模型探索,以及对"量化"金融模型的支持和生物…

display(a,b)什么意思

在Python中,如果你看到display(a,b)这样的代码,它通常意味着有人正在使用IPython.display模块中的display函数来同时显示两个对象。 IPython.display是Jupyter Notebook和JupyterLab等交互式计算环境的一部分,它提供了一种在笔记本中显示各种…

QLExpress入门及实战总结

文章目录 1.背景2.简介3.QLExpress实战3.1 基础例子3.2 低代码实战3.2.1 需求描述3.2.1 使用规则引擎3.3.2 运行结果 参考文档 1.背景 最近研究低代码实现后端业务逻辑相关功能,使用LiteFlow作为流程编排后端service服务, 但是LiteFlow官方未提供图形界面编排流程。…