鸿蒙学习(-)

.ets文件结构

//页面入口
@Entry
//组件
@Component
struct test{//页面结构build(){//容器  **一个页面只能有一个根容器,父容器要有大小设置**}
1、Column 组件
  1. 沿垂直方向布局的组件,可以包含子组件

  2. 接口 Column({space}) space的参数为string | number

  3. 除了通用属性外,还支持

    alignItems(HorizontalAlign):子组件水平方向对齐

    justifyContent(FlexAlign) :子组件垂直方向对齐

####2、Row组件

  1. 沿水平方向布局容器

  2. 接口:Row({space:25}) pace的参数为string | number

  3. 除了通用属性外,还支持

    alignItems(VertialAlign):子组件垂直方向对齐

    justifyContent(FlexAlign) :子组件水平方向对齐

justifyContent(FlexAlign) 和组件本身描述的方向一直

3、Button组件
  1. 创建不同样式的按钮,可以包含单个子组件

  2. 接口 Button(options?:{type?:ButtonType,stateEffect?:boolean})

    ButtonType: 按钮样式 Capaule(胶囊) ,Circle(圆形),Normal(普通按钮)

    stateEffect: 是否显示按下效果

  3. 如果使用lable标签,就不能再包含其他组件

     Button('ok').width(50)Button('ok'){}          ×
    
4、Text组件
  1. 用于展示文本,文本内容需要写在标签内容区,支持转义字符 \

  2. 记住常用的

    fontSize,fontColor,fontWight等

5、TextInput组件
  1. 单行文本输入框

  2. 接口 TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: TextInputController})

    placeholder:提示文本

    text:设置输入框当前文本输入内容

    controller:控制器

6、Image组件
  1. 使用图片的三种方式

    image(“url”)

    image(“图片名称”) //图片在ets目录下

    image($r(‘图片名称’))

7、Flex组件
  1. 弹性方式布局的容器组件

  2. 接口 Flex(value?: { direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: FlexAlign, alignItems?: ItemAlign, alignContent?: FlexAlign })

    direction:子组件的排列方向

    wrap:单行排列还是多行排列

    justifyContent:子组件在主轴的对齐方向,主轴方向由direction确定

    alignItems:交叉轴上的对齐方式

    alignContent:多行内容的对齐方式,在wrap下生效

8、走马灯 Marquee
  1. 滚动展示一段单行文本,只有当文本宽度超过跑马灯组件宽度滚动

  2. Marquee(value: { start: boolean, step?: number, loop?: number, fromStart?: boolean, src: string })

    start:控制跑马灯是否进入播放

    step:动画滚动步长

    loop:滚动次数,小于等于0无限循环

    fromStart:设置从开头滚动还是反向滚动

    src:需要滚动的文本

  3. 属性 allowScale:是否允许文本缩放

  4. 事件

    onStart:开始滚动时触发回调

    onBounce:完成一次滚动时触发

    onFinish:滚动结束触发

9、路由跳转
  1. 通过不同的url访问不同的页面,包括跳转到应用内的指定页面、用应用内的某个页面替换当前页面、返回上一页面或指定的页面等。

  2. 导入模块

  3. pushUrl(options: RouterOptions): Promise

    options:跳转页面详细信息

    Promise:异常返回结果

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

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

相关文章

云层区分神经网络模型——二分类

云层区分神经网络模型——二分类 问奶奶,是什么让他们维护一份感情长达年,奶奶说那个年代什么东西坏了都会想要修,现在什么坏了都想着换。 安装依赖 # 要运行脚本,请先安装以下库:pip install tensorflowpip install …

华为HCIP Datacom H12-821 卷7

1.单选题 在 USG 系统防火墙中,DMZ 区域的安全级别是多少? A、85 B、5 C、50 D、100 正确答案:C 解析: 非受信区域(Untrust)低安全级别的安全区域,安全级别为5。 非军事化区域(DMZ)中等安全级别的安全区域,安全级别为50。 受信区域(Trust)较高安全级别的安全区…

JAVA每日作业day6.26

ok了家人们,今天我们学习了面向对象-多态,话不多说我们一起来看看吧 一.多态概述 面向对象的第三大特性:封装、继承、多态 我们拿一个生活中的例子来看 生活中,比如跑的动作,小猫、小狗和大象,跑起来是不一…

山水风景视频素材去哪里下?去哪里找?山水风景下载网站分享

在这个数字时代,视频已经成为最直观、有效的传达情感和分享故事的工具。对于那些渴望通过视频传递视觉美感和情感共鸣的创作者来说,拥有高质量的山水风景视频素材是关键。互联网虽然是一个信息量庞大的平台,但找到令人赞叹的山水风景视频素材…

Android系统主动修改鼠标样式

将鼠标移到到Button上,鼠标样式由箭头变成小手,pointerType1000是箭头,pointerType1002是鼠标小手 frameworks/base/core/java/android/view/ViewRootImpl.java processPointerEventmaybeUpdatePointerIcon(event);if (event.getActionMaske…

快速搭建redis集群

快速搭建redis集群 文章目录 快速搭建redis集群一、说明二、安装redis三、快速启动单机redis四、搭建三节点redis集群(三主):全部节点都可以用,集群才可用五、搭建三节点redis集群(三主):一半以…

【Linux】使用ntpdate同步时间

ntpdate 是一个在 Linux 系统中用于同步系统时间的命令行工具,它通过与 NTP 服务器通信来调整本地系统时钟。然而,需要注意的是,ntpdate 已经被许多现代 Linux 发行版弃用。 安装 yum install -y ntpdate 查看时间 date同步时间 ntpdate ntp…

问界M9累计大定破10万,创中国豪车新纪录

ChatGPT狂飙160天,世界已经不是之前的样子。 更多资源欢迎关注 6月26日消息,华为常务董事、终端BG董事长、智能汽车解决方案BU董事长余承东今日宣布,问界M9上市6个月,累计大定突破10万辆。 这一成绩,也创造了中国市场…

postman汉化中文(Windows)

Postman 是一款专业的 API 开发工具,为开发者提供了创建、测试、调试和分享 HTTP 请求的便利性和灵活性。其主要功能包括请求构建与发送、自动化测试、团队协作与分享、实时监视与调试以及环境与变量管理。无论是个人开发者还是团队,Postman 都能有效地提…

深入了解 msvcr120.dll问题解决指南,msvcr120.dll在电脑中的重要性

在Windows操作系统中,.dll 文件扮演了非常重要的角色,它们包含许多程序运行所需的代码和数据。其中 msvcr120.dll 是一个常见的动态链接库文件,是 Microsoft Visual C Redistributable Packages 的一部分。这篇文章将探讨 msvcr120.dll 的功能…

使用Python进行并发和并行编程:提高效率的秘诀

使用Python进行并发和并行编程:提高效率的秘诀 ​ 大家好,今天我们来聊聊如何使用Python进行并发和并行编程,以提升数据处理的效率;在之前的文章中,我们探讨了Python的函数式编程和数据流处理。今天,我们将…

查询SQL 人大金仓 与MySQL的区别

查询SQL 人大金仓 与MySQL的区别&#xff0c;以若依为例 最常见 时间范围 1.人大金仓 Kingbase <select id"selectUserListByOrgIds" parameterType"SysUser" resultMap"SysUserResult">select u.user_id, u.dept_id, u.nick_name,u.tj_…

力扣2748.美丽下标对的数目

力扣2748.美丽下标对的数目 朴素思路 二重循环模拟 class Solution {public:int gcd(int a,int b){return b ? gcd(b,a%b):a;}int countBeautifulPairs(vector<int>& nums) {int res0;for(int i0;i<nums.size() - 1;i)for(int ji1;j<nums.size();j){strin…

C++用Crow实现一个简单的Web程序,实现动态页面,向页面中输入数据并展示

Crow是一个轻量级、快速的C微框架&#xff0c;用于构建Web应用程序和RESTful API。 将处理前端页面的POST请求以添加数据的逻辑添加到 /submit 路由中&#xff0c;并添加了一个新的路由 / 用于返回包含输入框、按钮和表格的完整页面。当用户向表格添加数据时&#xff0c;JavaS…

SpringAOP执行流程——从源码画流程图

文章目录 了解ProxyFactory入门操作添加多个Advice的执行顺序关于异常Advice关于proceed()方法指定方法才进行增强逻辑 创建代理对象的其他方式ProxyFactoryBeanBeanNameAutoProxyCreatorDefaultAdvisorAutoProxyCreator 对SpringAOP的理解TargetSourceProxyFactory选择JDK/CJL…

【教学类-64-05】20240625彩棒鱼骨图(二)AB排列 6.5*1CM 6选2根 30种

背景需求&#xff1a; 【教学类-64-04】20240619彩棒鱼骨图&#xff08;一&#xff09;6.5*1CM 6根棒子720种-CSDN博客文章浏览阅读897次&#xff0c;点赞23次&#xff0c;收藏13次。【教学类-64-04】20240619彩棒鱼骨图&#xff08;一&#xff09;6.5*1CM 6根棒子720种https:…

JetBrains Rider 2024安装教程

一、下载Rider 1、进入官网&#xff0c;点击“下载” 2、下载完毕 二、安装Rider 1、双击下载的exe文件 2、点击“下一步” 3、可以点击“浏览”选择安装路径&#xff0c;之后点击“下一步” 4、选中图中四项&#xff0c;点击“下一步” 5、选中图中四项&#xff0c;点击“下…

Go语言学习:每日一练1

Go语言学习&#xff1a;每日一练1 目录 Go语言学习&#xff1a;每日一练1变量声明函数定义流程控制 ifrange遍历switch 变量声明 package main//定义变量 var a 1 const Message “hello,world”func main() {b : 2 //短变量声明var c 3c TestMethod(a, b, c)} //定义函数…

进程、CPU、MMU与PCB之间的关系

目录 进程与cpu&#xff08;中央处理器&#xff09; 源代码、程序、cpu与进程的关系 cpu超线程 CPU的简易架构与处理数据过程 进程与MMU&#xff08;内存管理单元&#xff09; mmu作用 cpu和mmu的关系 进程与PCB&#xff08;进程控制块&#xff09; PCB介绍与内部成员…

组合数学、圆排列、离散数学多重集合笔记

自用 如果能帮到您&#xff0c;那也值得高兴 知识点 离散数学经典题目 多重集合组合 补充容斥原理公式 隔板法题目 全排列题目&#xff1a;