鸿蒙开发基础知识 第二篇【页面布局】

于 2024-09-04 17:43:42 发布
阅读量72 收藏
点赞数
文章标签： 鸿蒙 harmony4.0 鸿蒙页面布局 鸿蒙基础知识 web前端开发转鸿蒙开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43617604/article/details/141894650
版权

鸿蒙开发基础知识 第二篇

1. 两端对齐
在这里插入图片描述
demo在这里插入图片描述
2.交叉轴对齐方式
在这里插入图片描述
demo
在这里插入图片描述
3.列表项布局
在这里插入图片描述
demo
在这里插入图片描述
4.自适应伸缩布局
在这里插入图片描述
demo
在这里插入图片描述
自行练习
在这里插入图片描述

5.弹性布局 flex
在这里插入图片描述
换行布局
在这里插入图片描述
demo
在这里插入图片描述
案例
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

更多鸿蒙技能知识与案例 我已经整理到下面了 ↓↓↓ 快去看那看吧！

在这里插入图片描述

点击下方↓↓↓↓↓↓↓

前端成长营
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HarmonyOS开发实战知识：页面布局与数据连接—ETS
maniu110的博客
07-10 909
这次我们需要准备的数据模型是食物数据模型，每个食物有食物名称、卡路里、蛋白质、脂肪、碳水和维生素C的字段。
HarmonyOS 实战开发——页面布局方式
YHDMYBY的博客
08-21 946
一个丰富的页面需要很多组件组成，那么，我们如何才能让这些组件有条不紊地在页面上布局呢？这就需要借助容器组件来实现。容器组件是一种比较特殊的组件，它可以包含其他的组件，而且按照一定的规律布局，帮助开发者生成精美的页面。容器组件除了放置基础组件外，也可以放置容器组件，通过多层布局的嵌套，可以布局出更丰富的页面。ArkTS为我们提供了丰富的容器组件来布局页面，本文将以构建登录页面为例，介绍Column和Row组件的属性与使用。
鸿蒙HarmonyOS开发知识：弹性布局 (Flex)
DMZDAMS的博客
06-24 1443
常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。
【鸿蒙实战开发】HarmonyOS基础布局之栅格布局
HarmonyOS_002的博客
07-10 953
在进行响应式开发时，我们需要根据实际的开发需求和技术复杂度开发项目。当涉及一块组件的改变时，用栅格布局；当涉及到某个组件的属性改变或js动态改变时，用断点系统；以组件的自适应布局进行布局思路开发。
HarmonyOS开发知识：层叠布局 (Stack)
DMZDAMS的博客
06-24 1023
层叠布局（StackLayout）用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。层叠布局通过Stack容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。层叠布局具有较强的页面层叠、位置定位能力，其使用场景有广告、卡片层叠效果等。如图1，Stack作为容器，容器内的子元素的顺序为Item1->Item2->Item3。图1层叠布局。
鸿蒙：Harmony开发基础知识详解
肖云鹤的博客
11-19 6123
工欲善其事，必先利其器。 上一篇博文实现了一个"Hello Harmony"的Demo，今天这篇博文就以Demo"Hello Harmony"为例，以官网开发文档为依据，从鸿蒙开发主要的几个方面入手，详细了解一下鸿蒙开发所需的基础知识。
Harmony OS实战：基础页面布局与数据连接— ETS
m0_70749039的博客
06-20 712
首先讲一下大致的思路，我们要实现一个简单的 List页面布局
【HarmonyOS开发】鸿蒙开发入门篇
HarmonyOS_666的博客
07-12 778
在开始学习 Stage 模型之前，我们先看看应用程序包的结构是什么样子的从上图可以看到一个应用包含一个或者多个Module，那什么是 Module 呢？其实 Module 是应用或者服务的基本功能单元，包含了源代码、资源文件、第三方库及应用或者服务的配置文件，每一个 Module 都可以独立进行编译和运行。Module 分为Ability和Library两种类型，Ability类型的 Modul e对应于编译后的HAP（Harmony Ability Package）；
HarmonyOS开发实战：Swiper自定义页面布局
weixin_55362248的博客
08-22 912
将Swiper分成两个部分上部分为Swiper内容区，下部分为一块空白区域， 空白区域专门放置指示器点。可以通过indicator 属性去设置指示器点的部分样式。
HarmonyOS应用开发者基础认证考试题目及答案
11-19
HarmonyOS 应用开发者基础认证考试涵盖了HarmonyOS应用开发的核心知识，包括数据存储、组件使用、生命周期管理、网络请求以及界面布局等多个方面。以下是这些知识点的详细解释： 1. **首选项Preferences**：...
高分通过HarmonyOS基础认证-必学HarmonyOS第一课_附题库答案【官网课程提炼关键知识点-精炼】
一键难忘的博客
12-17 5853
运行Hello WorldHarmonyOS 3.1及以上本课程是基于HarmonyOS 3.1及以上版本的新技术和特性所推出的系列化课程，每个课程单元里面都包含视频、Codelab、文章和习题，帮助您快速掌握HarmonyOS的应用开发；通过本章节的学习，您可以安装DevEco Studio开发工具，运行第一个应用。介绍了HarmonyOS课程，旨在帮助开发者快速掌握HarmonyOS应用开发。
鸿蒙应用开发系列 EX篇：HarmonyOS应用开发者基础认证
生活在别处
05-06 716
该认证旨在验证开发者是否掌握了HarmonyOS应用开发的基本技能和知识，包括但不限于HarmonyOS的应用架构、开发环境搭建、基础组件使用、页面导航、数据存储、网络通信、图形与动画处理、权限管理、应用分发与安全等核心内容。准备该认证的开发者可以通过官方提供的培训资源进行学习，包括在线课程、文档、实践教程等，这些资源详细介绍了HarmonyOS应用开发的基础概念、开发工具（如DevEco Studio）的使用、以及如何运用HarmonyOS特有的功能和服务来构建应用。
HarmonyOS鸿蒙开发指南:UI开发 基于ArkTS的声明式开发范式 声明式UI开发实例 页面布局与连接
sybh的博客
01-07 1582
新建自定义组件PageTitle，包含后退的图标和Food Detail的文本，调用路由的router.back()接口，弹出路由栈最上面的页面，即返回上一级页面。我们已经完成了FoodCategoryList页面和FoodDetail页面的跳转和回退，但是点击不同的FoodListItem/FoodGridItem，跳转的FoodDetail页面都是西红柿Tomato的详细介绍，这是因为没有构建起两个页面的数据传递，需要用到携带参数（parameter）路由。重构FoodDetail页面的组件。
2949.蔡秋凤-雨水我问你.mp3
09-04
2949.蔡秋凤-雨水我问你.mp3
C#写的Winform客户端，可以用来连接阿里云OSS、Hadoop集群。_Cloud-File-Explorer.zip
最新发布
09-04
C#写的Winform客户端，可以用来连接阿里云OSS、Hadoop集群。_Cloud-File-Explorer
Java项目-基于微信小程序的论坛小程序（包括源码，数据库，教程）.zip
09-04
Java毕设，小程序毕业设计，小程序课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！可以放心下载 1. 技术组成 前端： 小程序 后台框架：SSM/SpringBoot（如果有的话） 开发环境：idea，微信开发者工具 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库可视化工具：使用 Navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven
类似今天吃什么的一个插件，通过命令返回健身、游泳、瑜伽的锻炼方式啦_nonebot_plugin_h2e.zip
09-04
类似今天吃什么的一个插件，通过命令返回健身、游泳、瑜伽的锻炼方式啦_nonebot_plugin_h2e
用向日葵8号拍摄的地球作为你的windows系统的电脑壁纸_EarthWallParper.zip
09-04
用向日葵8号拍摄的地球作为你的windows系统的电脑壁纸_EarthWallParper
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端成长营

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值