zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

App应用设计之 01 显示信息有哪些组件可以使用?

App应用组件 设计 可以 哪些 01 使用
2023-09-11 14:18:29 时间

Card组件

Card组件带有轻微圆角和高程阴影的面板。常用来表示一些相关信息,例如相册、地理位置、餐点、联系方式等。

这是运行时的样子:

请添加图片描述

flutter 代码实现
swiftui 代码实现

Chip

Chip组件代表小块中的复杂实体,例如联系人。该组件适合表示属性、文本、实体或操作的紧凑元素。
在这里插入图片描述
请添加图片描述

  • 袖珍的
    芯片是代表离散信息的紧凑组件。

  • 相关的
    芯片应该与它们所代表的内容或任务具有清晰且有用的关系。

  • 专注
    条块应该让任务更容易完成,或者内容更容易分类。

Android中主流Chip组件

  • InputChip,一种以紧凑形式表示复杂信息的芯片,例如实体(人、地点或事物)或对话文本。
  • ChoiceChip允许从一组选项中进行单一选择。选择条包含相关的描述性文本或类别。
  • FilterChip,使用标签或描述性词语作为过滤内容的方式。
  • ActionChip,表示与主要