Flutter学习笔记8 (Card Widget)

本文探讨了Flutter中UI设计的重要性,并重点介绍了Card组件的应用场景和布局方式。Card组件不仅适用于展示图片和文本,还可以通过多张卡片的形式展示不同类型的内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

之前快速过了一些Flutter里的主要概念。

现在我花时间细看了一些Flutter里的UI组件,最常用的就是List和Card。

选择最合适的组件和颜色,让用户对app感到愉悦,就是好的设计。

Google的设计语言是Material Design,质感的设计,将打印材料的理念科幻一般的放入了小小的移动屏幕中。

非常值得仔细阅读和学习,对于最佳实践和不好的设计,都会有一些例子。

比如Card,主要是用于将一组信息和动作放入一张卡片中,一般来说在超过三行就不适合列表了,可以考虑卡片。

卡片也很灵活,它不仅可以包含图片、动作,也可以把不同类型的内容通过多张卡片在一个页面来展示给用户。

https://docs.flutter.io/flutter/material/Card-class.html

这是我做的Card例子布局:

一张卡片包含了一张图片(placeholder),然后是主标题内容和副标题内容,以及两个按钮。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值