对于DevecoStudio的学习（一）

2024-11-12 14:32:05

15次阅读

0个评论

最后修改时间：2024-11-12 14:45:19

DevEco Studio 是华为面向 HarmonyOS 应用及元服务开发者提供的集成开发环境（IDE）。以下是关于它的详细介绍：基本信息：起源与发展：于 2020 年 9 月 8 日在华为开发者大会前夕推出了第一个稳定版本，最初是为华为 Vision TVs 的 HarmonyOS 1 以及手机、平板、手表的 HarmonyOS 2 测试版开发的。此后不断更新迭代，功能不断增强。支持的操作系统：可在 Microsoft Windows 和 macOS 操作系统上运行。功能特性：多语言支持：支持 Java、XML（可扩展标记语言）、C/C++、JavaScript、CSS（层叠样式表）、HML（HarmonyOS 标记语言）以及 ArkTS 等多种编程语言。这使得开发者可以根据项目需求和自身技术背景选择合适的语言进行开发。多端应用开发：是真正意义上的跨终端研发工具，开发者创建一个工程，只需一份代码，即可在支持 HarmonyOS 的各种终端设备上运行，如手机、平板、智能穿戴、智慧屏、车机等，实现代码的最大化重用。工程管理：提供便捷的工程创建、管理功能，开发者可以轻松创建新的项目，并对项目的文件结构、依赖关系等进行管理和配置。代码编辑：具备强大的代码编辑功能，包括代码高亮、智能补全、错误检查、自动跳转、格式化等，能够提高开发者的编码效率。调试仿真：模拟器资源：提供手机、平板、车机、智能穿戴等设备模拟器资源，方便开发者在开发过程中进行高效调试。开发者可以模拟各种设备的运行环境，测试应用在不同设备上的表现，提前发现和解决问题。预览器资源：基于 JS 和 Java 应用研发，提供多设备的预览器资源，开发者可实时查看布局效果，便于了解同一个布局在不同设备上的呈现情况，从而进行针对性的优化。打包发布：支持应用的打包和发布，帮助开发者将开发完成的应用打包成可安装的文件，并发布到应用市场或其他分发渠道。优势亮点：一体化开发环境：集成了从代码编写、调试到应用发布的全流程工具，为开发者提供了一站式的开发体验，降低了开发门槛，提高了开发效率。多设备协同开发：对华为生态系统内多设备的原生支持是其独到之处，开发者能针对不同设备开发专属的应用程序，并确保这些设备间能够无缝协同工作，解决了传统应用开发中针对不同平台需多次调整与修改的繁琐问题。丰富的组件和 API：内置了丰富的组件和 API，开发者可以直接调用这些组件和 API 来快速实现应用的功能，进一步提高了开发效率。开发者社区与支持：华为构建了活跃的 DevEco Studio 开发者社区，提供在线文档、教程、案例分享等丰富资源，帮助开发者解决开发中遇到的问题。同时，华为定期举办开发者大会，展示最新的开发工具和技术，鼓励开发者进行创新。一、Java 基础语句（适用于 HarmonyOS 应用开发中 Java 部分）一、Java 基础语句（适用于 HarmonyOS 应用开发中 Java 部分）

变量声明与赋值 java 复制 // 声明一个整型变量 int number; // 给变量赋值 number = 10; // 也可以在声明的同时赋值 int anotherNumber = 20; 解释：在 Java 中，int是基本数据类型之一，用于存储整数。变量在使用之前需要先声明，声明的格式是数据类型加上变量名。赋值操作是将一个值赋给已经声明的变量。
条件语句（if - else） java 复制 int score = 75; if (score >= 60) { System.out.println("及格"); } else { System.out.println("不及格"); } 解释：if语句用于根据条件执行不同的代码块。在这里，首先判断score变量的值是否大于等于 60，如果是，则执行if后面花括号内的语句，打印 “及格”；如果不满足条件，就执行else后面花括号内的语句，打印 “不及格”。
循环语句（for 循环） java 复制 for (int i = 0; i < 10; i++) { System.out.println(i); } 解释：这是一个for循环的例子。for循环有三个部分，第一部分int i = 0是初始化部分，用于初始化循环变量i；第二部分i < 10是条件判断部分，只要这个条件为真，循环就会继续执行；第三部分i++是迭代部分，每次循环结束后会执行这个操作，用于更新循环变量。在这个例子中，循环会打印从 0 到 9 的数字。二、JavaScript 基础语句（适用于应用开发中的前端部分）
变量声明 javascript 复制 // 使用let声明变量 let variable1 = "Hello"; // 使用const声明常量 const PI = 3.14159; 解释：在 JavaScript 中，let用于声明变量，其特点是变量可以重新赋值。const用于声明常量，常量一旦被赋值就不能再重新赋值，适合用于存储那些不会改变的值，比如数学常数。
函数定义与调用 javascript 复制 // 定义一个函数 function add(a, b) { return a + b; } // 调用函数 let result = add(3, 5); console.log(result); 解释：function关键字用于定义函数，函数可以接受参数（这里的a和b），并通过return返回一个值。在调用函数时，将实际的值（这里是 3 和 5）传递给函数，函数执行内部的代码并返回结果，最后将结果存储在result变量中，并通过console.log打印出来。三、ArkTS 基础语句（HarmonyOS 应用开发语言）
组件创建与属性设置 typescript 复制 import { Button } from '@ohos.component'; // 创建一个按钮组件 let myButton = new Button(); // 设置按钮的文本属性 myButton.text = "点击我"; 解释：在 ArkTS 中，首先通过import导入需要的组件（这里是Button组件）。然后使用new关键字创建一个Button组件的实例。最后，可以通过访问组件的属性（这里是text属性）来设置组件的显示内容。
事件绑定 typescript 复制 myButton.on('click', () => { console.log("按钮被点击了"); }); 解释：这是一个事件绑定的例子。on方法用于为组件绑定一个事件，这里是click事件。当按钮被点击时，会执行箭头函数内的代码，即打印 “按钮被点击了”。 eveco studio基本样式布局样式线性布局（LinearLayout）在 ArkTS（用于 HarmonyOS 开发）中，线性布局可以让子组件按照水平或垂直方向排列。例如：

复制
 import { LinearLayout, Text } from '@ohos.component';
 @Entry
@Component
 struct MyComponent {
     build() {
         // 创建一个垂直方向的线性布局
         let linearLayout = new LinearLayout({
             orientation: Orientation.Vertical
         });
         // 创建两个文本组件并添加到线性布局中
         let text1 = new Text('文本1');
         let text2 = new Text('文本2');
         linearLayout.addChild(text1);
         linearLayout.addChild(text2);
         return linearLayout;
     }
 }

解释：上述代码首先从@ohos.component中导入了LinearLayout和Text组件。然后创建了一个垂直方向（Orientation.Vertical）的线性布局linearLayout，接着创建了两个Text组件text1和text2，并将它们添加到线性布局中。最后返回这个线性布局作为组件的内容。这样，两个文本就会按照垂直方向排列。相对布局（RelativeLayout）相对布局允许子组件相对于父组件或其他子组件进行定位。例如：

复制
 import { RelativeLayout, Text } from '@ohos.component';
 @Entry
@Component
 struct MyComponent {
     build() {
         let relativeLayout = new RelativeLayout();
         let text1 = new Text('左上角文本');
         let text2 = new Text('右下角文本');
         // 设置text1相对于父组件左上角对齐
         text1.layoutConfig = LayoutConfig.setMargin({
             left: 0,
             top: 0
         });
         // 设置text2相对于父组件右下角对齐
         text2.layoutConfig = LayoutConfig.setMargin({
             left: '100vp',
             top: '100vp'
         });
         relativeLayout.addChild(text1);
         relativeLayout.addChild(text2);
         return relativeLayout;
     }
 }

解释：代码创建了一个相对布局relativeLayout，然后创建了两个Text组件。对于text1，通过layoutConfig设置其相对于父组件左上角对齐（left: 0和top: 0表示距离父组件左边和上边的距离为 0）。对于text2，设置它相对于父组件右下角有一定的偏移（100vp是指 100 虚拟像素，用于定位）。最后将两个文本组件添加到相对布局中并返回。文本样式字体设置在 HarmonyOS 应用开发中，可以设置文本的字体大小、字体颜色、字体粗细等属性。例如：

复制
 import { Text } from '@ohos.component';
 @Entry
@Component
 struct MyComponent {
     build() {
         let text = new Text('这是一段有样式的文本');
         // 设置字体大小为20fp（字体像素）
         text.fontSize = 20;
         // 设置字体颜色为红色
         text.fontColor = Color.Red;
         // 设置字体加粗
         text.fontWeight = FontWeight.Bold;
         return text;
     }
 }

解释：代码创建了一个Text组件，然后通过fontSize属性设置字体大小为 20 字体像素（fp），fontColor属性设置字体颜色为红色（Color.Red是预定义的颜色常量），fontWeight属性设置字体为加粗（FontWeight.Bold）。文本对齐方式可以设置文本在组件内的对齐方式，如左对齐、右对齐、居中对齐等。例如：

 import { Text } from '@ohos.component';
 @Entry
@Component
 struct MyComponent {
     build() {
         let text = new Text('这是一段对齐的文本');
         // 设置文本水平居中对齐
         text.textAlign = TextAlign.Center;
         return text;
     }
 }

解释：创建Text组件后，通过textAlign属性设置文本的对齐方式为水平居中（TextAlign.Center）。这样文本就会在组件内部水平居中显示。按钮样式按钮外观设置在 HarmonyOS 开发中，可以设置按钮的形状、背景颜色、边框等属性。例如：

复制
 import { Button } from '@ohos.component';
 @Entry
@Component
 struct MyComponent {
     build() {
         let button = new Button('点击我');
         // 设置按钮背景颜色为蓝色
         button.backgroundColor = Color.Blue;
         // 设置按钮边框为2vp（虚拟像素）宽的黑色边框
         button.border = {
             width: 2,
             color: Color.Black
         };
         return button;
     }
 }

解释：代码创建了一个带有文本 “点击我” 的Button组件。然后通过backgroundColor属性设置按钮的背景颜色为蓝色，通过border属性设置按钮的边框宽度为 2 虚拟像素，颜色为黑色。按钮状态样式（按下、禁用等）可以为按钮的不同状态（如按下状态、禁用状态）设置不同的样式。例如：

 import { Button } from '@ohos.component';
 @Entry
@Component
 struct MyComponent {
     build() {
         let button = new Button('点击我');
         // 设置按钮按下时的背景颜色为灰色
         button.pressBackgroundColor = Color.Gray;
         // 设置按钮禁用时的背景颜色为淡灰色且文本颜色为浅灰色
         button.disabledBackgroundColor = Color.LightGray;
         button.disabledTextColor = Color.LightGray;
         return button;
     }
 }

解释：创建Button组件后，通过pressBackgroundColor属性设置按钮按下时的背景颜色为灰色。通过disabledBackgroundColor和disabledTextColor属性分别设置按钮在禁用状态下的背景颜色和文本颜色为淡灰色，这样可以给用户提供按钮不同状态的视觉反馈。

收藏1赞1

请登录后评论。没有帐号？注册一个。

邢先生

0回答
0粉丝
0关注