在DevEco Studio下创建新的工程（非可视化），并在ets工程文件夹中（一般自行命名为xxxWorkSpace），找到Index页面，并创建一个相对布局。 依次加入相关控件，按效果图做出对应的登录页面

在DevEco Studio中创建非可视化的工程，首先需要打开终端或者命令行工具，进入到项目根目录，也就是`xxxWorkSpace`所在的路径。假设您已经创建了一个名为`LoginApp`的新工程，步骤如下：

1. **创建工程**：
使用DevEco Studio提供的命令行工具，比如`deveco create`，输入类似下面的命令来初始化一个新的工程结构：

   deveco create -n LoginApp --type app --template plain --platform your-platform-name

其中`-n`指定工程名称，`your-platform-name`替换为您想要支持的平台（如HarmonyOS、Android等）。

2. **进入工程目录**：
进入到`LoginApp`目录：

   cd LoginApp

3. **打开工程文件**：
打开`LoginApp`的工程配置文件，通常是`.devproject`，然后编辑它来指定您的应用入口文件以及相关设置。

4. **创建Index页面**：
在项目的`src/main/java/com/example/LoginApp`目录下，找到`activity/IndexActivity.java`（或者对应平台的Activity），如果不存在，则需要手动创建这个文件。在其中编写一个基本的`IndexActivity`类，例如使用`FragmentActivity`作为基础，添加一个`ConstraintLayout`作为根视图：

import androidx.constraintlayout.widget.ConstraintLayout;

public class IndexActivity extends AppCompatActivity {
    private ConstraintLayout rootLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_index); // activity_index.xml

        rootLayout = findViewById(R.id.root_layout);
        // 初始化和设置约束布局...
    }
}

5. **创建布局文件**（activity_index.xml）：
在`res/layout`目录下创建一个新的XML文件，如`activity_index.xml`，定义相对布局：

   <?xml version="1.0" encoding="utf-8"?>
   <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       xmlns:tools="http://schemas.android.com/tools"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       tools:context=".IndexActivity">

       <!-- 添加各个控件，如EditText、Button等 -->
       <EditText
           android:id="@+id/usernameEdit"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:hint="用户名"
           app:layout_constraintStart_toStartOf="parent"
           app:layout_constraintTop_toTopOf="parent" />

       <EditText
           android:id="@+id/passwordEdit"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:hint="密码"
           app:layout_constraintEnd_toEndOf="parent"
           app:layout_constraintTop_toBottomOf="@id/usernameEdit" />

       <Button
           android:id="@+id/loginBtn"
           android:text="登录"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           app:layout_constraintTop_toBottomOf="@id/passwordEdit"
           app:layout_constraintStart_toStartOf="parent"
           app:layout_constraintEnd_toEndOf="parent" />

   </androidx.constraintlayout.widget.ConstraintLayout>

6. **添加控件**：
根据您的需求，在上述XML文件中添加相应的控件，如`EditText`用于输入用户名和密码，`Button`用于触发登录操作。

完成以上步骤后，您已经在DevEco Studio的非可视化环境下创建了登录页面的基本结构。接下来可以编写对应的逻辑处理代码。