• Home
Name Date Size #Lines LOC

..--

entry/12-May-2024-740634

screenshots/device/12-May-2024-

.gitignoreD12-May-2024121 88

README.mdD12-May-2024516 147

README_zh.mdD12-May-2024788 2613

build-profile.json5D12-May-20241 KiB4341

hvigorfile.jsD12-May-2024174 21

package.jsonD12-May-2024303 1515

README.md

1# Adaptive Portal List
2
3### Introduction
4
5This sample provides a list that displays properly on devices of different sizes. By leveraging adaptive features, such as stretching, zooming, equalization, and proportion, with polymorphic components and responsive layouts, this sample automatically adapts its layout to screens of different sizes.
6
7### Usage
8
9You can install the demo app on different types of devices to view the adaptation effect.
10
11### Constraints
12
13This sample can only be run on large-system devices.
14

README_zh.md

1# 多设备自适应的效率型首页
2
3### 简介
4
5本示例展示了一个列表页面,在不同尺寸的设备上,通过拉伸、缩放、均分、占比等自适应能力,使用多态控件、布局和组件的延展性以及响应式布局的运用,自适应展示为合理的布局效果。实现效果如下:
6
7![](./screenshots/device/table1.png)
8
9### 相关概念
10
11通过媒体查询设备屏幕宽高比,按照一定的比例自适应布局。
12
13### 相关权限
14
15不涉及。
16
17### 使用说明
18
19开发者可将本示例安装到不同类型设备上,查看自适应效果。
20
21### 约束与限制
22
231.本示例仅支持在大型系统上运行。
24
252.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
26