Access Client Form Factor

DEX475 - Access Salesforce Resources

📄 第 216 页 🎬 视频课程

课程章节介绍

好,同学们,我们来看一下这个关于客户端外形规格的概念。你想想,现在大家用的设备各种各样,有台式机大屏幕,平板电脑中屏幕,还有手机小屏幕。我们的Lightning Web Components能不能知道用户正在用哪种设备呢?可以的,这就是客户端外形规格要解决的问题。 简单说,外形规格就是一个属性,它告诉你用户设备是大型、中型还是小型。大型就是桌面电脑,中型是平板,小型是手机。这个属性是从一个专门的模块叫“@salesforce/client/formFactor”导入的。注意,它是个编译时常数,也就是说,在代码编译时就把这个值固定下来了,运行时不会改变。 那用它来做什么呢?一个主要用途是传给像getRecordDeliverDocs这样的有线适配器。这个适配器会根据外形规格返回不同的默认布局。比如桌面用户可能看到全页面布局,内容很丰富;而手机用户就会看到一个紧凑的表单,方便在手机上操作。 我们自己写组件的时候,也可以用外形规格来做条件渲染。比如,在大屏幕上显示详细的数据表,所有信息一目了然;在中型平板上可能空间有限,那就显示一个简化的卡片视图;小手机屏幕上,连卡片都显大,就干脆显示一个简单的列表视图。这样就能保证在不同设备上都有好的用户体验。 另外,如果你是用TypeScript开发,可以通过“@salesforce/lightning-types”获得类型支持,写代码的时候会有更好的提示和校验。 当然,这只是简单的判断屏幕大小。如果你想要更高级的响应式设计,比如不仅能区分手机和桌面,还能根据窗口大小实时调整布局,那就要参考官方文档里“针对不同形状因素配置您的组件”的部分,那里有更详细的内容。 好,这部分内容就讲到这里,我们了解了怎么通过外形规格让组件适配不同设备,大家可以在实际项目中灵活运用。

关键词

LWC Lightning Web Components Salesforce