鸿蒙4.0-DevEco Studio界面工程

2024-03-06 08:20

本文主要是介绍鸿蒙4.0-DevEco Studio界面工程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

DevEco Studio界面工程

  • DevEco Studio 下载与第一个工程
    • 新建的第一个工程界面
    • 回到Project工程结构来看

DevEco Studio 下载与第一个工程

DevEco Studio 下载地址:
https://developer.harmonyos.com/cn/develop/deveco-studio#download
学习课堂以及文档地址:
https://developer.harmonyos.com/cn/documentation/teaching-video/?catalogVersion=V3

新建的第一个工程界面

一个简单工程界面结构

更换一下工程显示方式,更方便了解整体结构
在这里插入图片描述
简单解释一下整个结构用途
在这里插入图片描述

  1. AppScope主要用于存放整个应用公共的信息与资源

  2. entry是默认的初始模块,ets文件夹内是编写的代码文件, entry内的configuration则是存放相应的模块的配置文件

  3. resources对应模块内的公共资源

  4. configuration是存放工程应用级的配置文件

回到Project工程结构来看

ets文件夹,开发主要是该文件下进行的。
1,pages
主要是存放页面,index为初始页面
在这里插入图片描述

2,预览区
点击一开始会对带有@Entry类型的页面进行预览
在这里插入图片描述
3,多设备类型预览开关
在这里插入图片描述
4,也可以选择设备或模拟器
在这里插入图片描述
5,分别为本地模拟器,云端模拟器和云端设备。
本地模拟器只需要下载下来即可使用,云端模拟器和云端设备都需要登录华为账号。
在这里插入图片描述
6,本地模拟器下载之后的启动和运行
如果要看到UI改动的实时效果,只需要打开预览,实时修改@Entry页面下的代码,预览也会实时改变。
在这里插入图片描述在这里插入图片描述

这篇关于鸿蒙4.0-DevEco Studio界面工程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/779403

相关文章

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置:简单、快速、无障碍二、基本功能:从彩色文本到动态交互1. 显示基本内容2. 创建链

你的华为手机升级了吗? 鸿蒙NEXT多连推5.0.123版本变化颇多

《你的华为手机升级了吗?鸿蒙NEXT多连推5.0.123版本变化颇多》现在的手机系统更新可不仅仅是修修补补那么简单了,华为手机的鸿蒙系统最近可是动作频频,给用户们带来了不少惊喜... 为了让用户的使用体验变得很好,华为手机不仅发布了一系列给力的新机,还在操作系统方面进行了疯狂的发力。尤其是近期,不仅鸿蒙O

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

如何在Visual Studio中调试.NET源码

今天偶然在看别人代码时,发现在他的代码里使用了Any判断List<T>是否为空。 我一般的做法是先判断是否为null,再判断Count。 看了一下Count的源码如下: 1 [__DynamicallyInvokable]2 public int Count3 {4 [__DynamicallyInvokable]5 get

沁恒CH32在MounRiver Studio上环境配置以及使用详细教程

目录 1.  RISC-V简介 2.  CPU架构现状 3.  MounRiver Studio软件下载 4.  MounRiver Studio软件安装 5.  MounRiver Studio软件介绍 6.  创建工程 7.  编译代码 1.  RISC-V简介         RISC就是精简指令集计算机(Reduced Instruction SetCom

Jenkins构建Maven聚合工程,指定构建子模块

一、设置单独编译构建子模块 配置: 1、Root POM指向父pom.xml 2、Goals and options指定构建模块的参数: mvn -pl project1/project1-son -am clean package 单独构建project1-son项目以及它所依赖的其它项目。 说明: mvn clean package -pl 父级模块名/子模块名 -am参数

Weex入门教程之2,Android Studio安装Weex插件

插件位置及描述 https://plugins.jetbrains.com/idea/plugin/8460-weex 貌似对windows还不是很支持,先放着吧。 安装 插件功能 先预览下都有什么功能 安装完成Weex插件后,如果在main toolbar找不到这些功能图标,那么就需要手动添加到main toolbar 添加到main toolbar 红框内就是