未验证 提交 827145ff 编写于 作者: O openharmony_ci 提交者: Gitee

!3046 调整ui下示例图大小+目录修改

Merge pull request !3046 from LiAn/master
...@@ -35,6 +35,7 @@ Then, equip yourself for developing the key features, with the following guideli ...@@ -35,6 +35,7 @@ Then, equip yourself for developing the key features, with the following guideli
- [Device Management](device/Readme-EN.md) - [Device Management](device/Readme-EN.md)
- [Device Usage Statistics](device-usage-statistics/Readme-EN.md) - [Device Usage Statistics](device-usage-statistics/Readme-EN.md)
- [DFX](dfx/Readme-EN.md) - [DFX](dfx/Readme-EN.md)
- [Internationalization](internationalization/Readme-EN.md)
### Tools ### Tools
......
...@@ -35,6 +35,7 @@ Then, equip yourself for developing the key features, with the following guideli ...@@ -35,6 +35,7 @@ Then, equip yourself for developing the key features, with the following guideli
- [Device](device/usb-overview.md) - [Device](device/usb-overview.md)
- [Device Usage Statistics](device-usage-statistics/device-usage-statistics-overview.md) - [Device Usage Statistics](device-usage-statistics/device-usage-statistics-overview.md)
- [DFX](dfx/hiappevent-overview.md) - [DFX](dfx/hiappevent-overview.md)
- [Internationalization](internationalization/international-overview.md)
### Tools ### Tools
......
...@@ -201,11 +201,8 @@ ...@@ -201,11 +201,8 @@
- Sensor - Sensor
- [Sensor Overview](device/sensor-overview.md) - [Sensor Overview](device/sensor-overview.md)
- [Sensor Development](device/sensor-guidelines.md) - [Sensor Development](device/sensor-guidelines.md)
- Sensor
- [Sensor Overview](device/sensor-overview.md)
- [Sensor Development](device/sensor-guidelines.md)
- Vibrator - Vibrator
- [vibrator-Overview.md](device/vibrator-overview.md) - [Vibrator Overview](device/vibrator-overview.md)
- [Vibrator Development](device/vibrator-guidelines.md) - [Vibrator Development](device/vibrator-guidelines.md)
- Device Usage Statistics - Device Usage Statistics
- [Device Usage Statistics Overview](device-usage-statistics/device-usage-statistics-overview.md) - [Device Usage Statistics Overview](device-usage-statistics/device-usage-statistics-overview.md)
......
...@@ -42,7 +42,7 @@ When you create a system component, the default style is used. You can change th ...@@ -42,7 +42,7 @@ When you create a system component, the default style is used. You can change th
The attribute method must follow the component and be connected by the operator ".". You can also configure multiple attributes of the component in method chaining mode. The attribute method must follow the component and be connected by the operator ".". You can also configure multiple attributes of the component in method chaining mode.
``` ```
@Entry @Entry
@Component @Component
...@@ -62,7 +62,7 @@ When you create a system component, the default style is used. You can change th ...@@ -62,7 +62,7 @@ When you create a system component, the default style is used. You can change th
![en-us_image_0000001267767845](figures/en-us_image_0000001267767845.png) ![en-us_image_0000001267767845](figures/en-us_image_0000001267767845.png)
2. Change the display content of the <Text> component from Hello World to Tomato by modifying the constructor parameters of the <Text> component. 2. Change the display content of the <Text> component from Hello World to Tomato by modifying the constructor parameters of the <Text> component.
``` ```
@Entry @Entry
@Component @Component
......
...@@ -62,6 +62,7 @@ Before creating a project, you need to install DevEco Studio. ...@@ -62,6 +62,7 @@ Before creating a project, you need to install DevEco Studio.
![en-us_image_0000001222807756](figures/en-us_image_0000001222807756.png) ![en-us_image_0000001222807756](figures/en-us_image_0000001222807756.png)
8. Install the application and run the application. Connect the device to the computer. After the IDE identifies the device, click Run'entry'. 8. Install the application and run the application. Connect the device to the computer. After the IDE identifies the device, click Run'entry'.
![en-us_image_0000001267607865](figures/en-us_image_0000001267607865.png) ![en-us_image_0000001267607865](figures/en-us_image_0000001267607865.png)
Before the installation, you must configure an application signature. For details, see Configuring the OpenHarmony App Signature. After the installation is complete, click the Run icon on the screen to open the application. Hello World is displayed in the center of the screen. Before the installation, you must configure an application signature. For details, see Configuring the OpenHarmony App Signature. After the installation is complete, click the Run icon on the screen to open the application. Hello World is displayed in the center of the screen.
......
...@@ -434,6 +434,7 @@ You can use the Flex layout to build a food composition table. In this way you d ...@@ -434,6 +434,7 @@ You can use the Flex layout to build a food composition table. In this way you d
``` ```
5. Use the custom constructor @Builder to simplify the code. It can be found that the food groups in each food composition table are actually of the same UI structure. 5. Use the custom constructor @Builder to simplify the code. It can be found that the food groups in each food composition table are actually of the same UI structure.
![en-us_image_0000001223287704](figures/en-us_image_0000001223287704.png) ![en-us_image_0000001223287704](figures/en-us_image_0000001223287704.png)
Currently, all food groups are declared, resulting in code duplication and redundancy. You can use @Builder to build a custom method and abstract the same UI structure declaration. The @Builder decorated method and the build method for the @Component decorated component are used to declare some UI rendering structures and comply with the same eTS syntax. You can define one or more methods decorated by @Builder, but a component decorated by @Component can have only one build method. Currently, all food groups are declared, resulting in code duplication and redundancy. You can use @Builder to build a custom method and abstract the same UI structure declaration. The @Builder decorated method and the build method for the @Component decorated component are used to declare some UI rendering structures and comply with the same eTS syntax. You can define one or more methods decorated by @Builder, but a component decorated by @Component can have only one build method.
...@@ -539,15 +540,3 @@ You can use the Flex layout to build a food composition table. In this way you d ...@@ -539,15 +540,3 @@ You can use the Flex layout to build a food composition table. In this way you d
![en-us_image_0000001222807792](figures/en-us_image_0000001222807792.png) ![en-us_image_0000001222807792](figures/en-us_image_0000001222807792.png)
You've learned how to build a simple food details page. Read on to learn how to define the page layout and connection. You've learned how to build a simple food details page. Read on to learn how to define the page layout and connection.
## Samples
The following sample is provided to help you better understand how to use build a simple page:
- [eTSBuildCommonView](https://gitee.com/openharmony/app_samples/tree/master/ETSUI/eTSBuildCommonView)
This sample shows how to build a common view to display the picture of tomatoes and nutrition information, with the stack layout and flex layout.
```
```
\ No newline at end of file
...@@ -272,11 +272,3 @@ We have implemented the redirection and going back of the FoodCategoryList and F ...@@ -272,11 +272,3 @@ We have implemented the redirection and going back of the FoodCategoryList and F
} }
} }
``` ```
## Samples
The following sample is provided to help you better understand how to define the page layout and connection:
- [eTSDefiningPageLayoutAndConnection](https://gitee.com/openharmony/app_samples/tree/master/ETSUI/eTSDefiningPageLayoutAndConnection)
This sample exemplifies the basic usage of the list layout, grid layout, and page routing, by building the food list page and food details page.
...@@ -201,11 +201,8 @@ ...@@ -201,11 +201,8 @@
- Sensor - Sensor
- [Sensor Overview](device/sensor-overview.md) - [Sensor Overview](device/sensor-overview.md)
- [Sensor Development](device/sensor-guidelines.md) - [Sensor Development](device/sensor-guidelines.md)
- Sensor
- [Sensor Overview](device/sensor-overview.md)
- [Sensor Development](device/sensor-guidelines.md)
- Vibrator - Vibrator
- [vibrator-Overview.md](device/vibrator-overview.md) - [Vibrator Overview](device/vibrator-overview.md)
- [Vibrator Development](device/vibrator-guidelines.md) - [Vibrator Development](device/vibrator-guidelines.md)
- Device Usage Statistics - Device Usage Statistics
- [Device Usage Statistics Overview](device-usage-statistics/device-usage-statistics-overview.md) - [Device Usage Statistics Overview](device-usage-statistics/device-usage-statistics-overview.md)
......
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
- [设备管理](device/Readme-CN.md) - [设备管理](device/Readme-CN.md)
- [设备使用信息统计](device-usage-statistics/Readme-CN.md) - [设备使用信息统计](device-usage-statistics/Readme-CN.md)
- [DFX](dfx/Readme-CN.md) - [DFX](dfx/Readme-CN.md)
- [国际化](internationalization/Readme-CN.md)
### 工具 ### 工具
......
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
- [设备管理](device/usb-overview.md) - [设备管理](device/usb-overview.md)
- [设备使用信息统计](device-usage-statistics/device-usage-statistics-overview.md) - [设备使用信息统计](device-usage-statistics/device-usage-statistics-overview.md)
- [DFX](dfx/hiappevent-overview.md) - [DFX](dfx/hiappevent-overview.md)
- [国际化](internationalization/international-overview.md)
### 工具 ### 工具
......
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
1. 新建model文件夹,在model目录下创建FoodData.ets。 1. 新建model文件夹,在model目录下创建FoodData.ets。
![zh-cn_image_0000001195119619](figures/zh-cn_image_0000001195119619.png) ![zh-cn_image_0000001195119619](figures/zh-cn_image_0000001195119619.png)
2. 定义食物数据的存储模型FoodData和枚举变量Category,FoodData类包含食物id、名称(name)、分类(category)、图片(image)、热量(calories)、蛋白质(protein)、脂肪(fat)、碳水(carbohydrates)和维生素C(vitaminC)属性。 2. 定义食物数据的存储模型FoodData和枚举变量Category,FoodData类包含食物id、名称(name)、分类(category)、图片(image)、热量(calories)、蛋白质(protein)、脂肪(fat)、碳水(carbohydrates)和维生素C(vitaminC)属性。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册