江西企业网站定制,网络营销的概念和界定,重庆网站建设设计公司,无人售货机简介
HarmonyOS ArkUI 提供了丰富多样的 UI 组件#xff0c;您可以使用这些组件轻松地编写出更加丰富、漂亮的界面。在本篇 Codelab 中#xff0c;您将通过一个简单的购物社交应用示例#xff0c;学习如何使用常用的基础组件和容器组件。本示例主要包含#xff1a;“登录”…
简介
HarmonyOS ArkUI 提供了丰富多样的 UI 组件您可以使用这些组件轻松地编写出更加丰富、漂亮的界面。在本篇 Codelab 中您将通过一个简单的购物社交应用示例学习如何使用常用的基础组件和容器组件。本示例主要包含“登录”、“首页”、“我的”三个页面。
效果图如下 相关概念
Text显示一段文本的组件。ImageImage 为图片组件常用于在应用中显示图片。Image 支持加载 string、PixelMap和Resource类型的数据源支持 png、jpg、bmp、svg 和 gif 类型的图片格式。TextInput单行文本输入框组件。Button按钮组件可快速创建不同样式的按钮。LoadingProgress用于显示加载动效的组件。Flex以弹性方式布局子组件的容器组件。Column沿垂直方向布局的容器。Row沿水平方向布局容器。List列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据例如图片和文本。Swiper滑块视图容器提供子组件滑动轮播显示的能力。Grid网格容器由“行”和“列”分割的单元格所组成通过指定“项目”所在的单元格做出各种各样的布局。
使用说明
在登录界面输入账号和密码任意字符点击登录按钮跳转到应用首页。点击底部的 Tabs界面在“首页”和“我的”之间进行切换。
约束与限制
本示例仅支持标准系统上运行支持设备华为手机或运行在 DevEco Studio 上的华为手机设备模拟器。本示例为 Stage 模型支持 API version 9。本示例需要使用 DevEco Studio 3.1 Release 版本进行编译运行。
源码地址
在公众号「Android指南」后台回复关键字「组件」即可获取。
