梅科尔工作室-张启帆-鸿蒙笔记2

本文章内容是根据华为开发课堂学制作一个简单页面的一些思考吧：

1.一些相关概念

• Text：显示一段文本的组件。

• Image：图片组件，支持本地图片和网络图片的渲染展示。

• TextInput：可以输入单行文本并支持响应输入事件的组件。

• Button：按钮组件，可快速创建不同样式的按钮。

• LoadingProgress：用于显示加载动效的组件。

• Flex：应用弹性方式布局子组件的容器组件。

• Column：沿垂直方向布局的容器。

• Row：沿水平方向布局容器。

• List：列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。

• Swiper：滑动容器，提供切换子组件显示的能力。

• Grid：网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。

• 2.关于整体的一个构架

• ├──entry/src/main/ets              // 代码区
  │  ├──common
  │  │  ├──bean
  │  │  │  └──ItemData.ets       // 列表数据实体类
  │  │  └──constants
  │  │     └──CommonConstants.ets    // 公共常量类
  │  ├──entryability
  │  │  └──EntryAbility.ts       // 程序入口类
  │  ├──pages
  │  │  ├──LoginPage.ets             // 登录界面
  │  │  └──MainPage.ets               // 主界面    
  │  ├──view
  │  │  ├──Home.ets                  // 首页
  │  │  └──Setting.ets               // 设置页
  │  └──viewmodel
  │     └──MainViewModel.ets         // 主界面视图Model
  └──entry/src/main/resources        // 应用资源目录

• 3关于一些组件的介绍，可以去官网具体看一下

• 华为开发者学堂

• 4.自己做的过程的一些截图

   

• 

   

   写代码过程中，最多用的就是对每一个小组件的一些具体内容，比如颜色、字体、宽度、高度、背景颜色、大小等进行设置，使自己的页面变得美观就可以

• 5完成的效果图

•