跳到内容
新问题

对这个项目有疑问吗?注册一个免费的GitHub帐户以打开一个问题,并联系其维护者和社区。

点击“注册GitHub”,即表示您同意我们的服务条款隐私声明。我们偶尔会向您发送与帐户相关的电子邮件。

已经在GitHub上了?登录到您的帐户

组块:添加纵横比控制 #61326

正常开放
安塔卡西已打开此问题2024年5月2日·4条评论
正常开放

组块:添加纵横比控制 #61326

安塔卡西已打开此问题2024年5月2日·4条评论
标签
[功能]设计工具 影响块外观的工具,既可以增加工具数量,又可以改进实验 需要开发人员 准备好了,需要开发人员的努力 [类型]增强功能 改进建议。

评论

@安塔卡西
复制链接

安塔卡西 评论2024年5月2日

我喜欢将纵横比控件添加到封面块中,并想做这样的事情——里面的内容延伸到可用空间,用户应该可以这样做,但目前他们不能。

我们可以为所有组/行/堆栈/网格添加相同的纵横比控制吗?它使用简单,行为符合预期。它可以解锁更有趣的布局,而无需复杂的解决方案。

复写的副本:@贾斯穆森

@安塔卡西 安塔卡西补充这个[类型]增强功能 改进建议。标签2024年5月2日
@贾斯穆森 贾斯穆森补充需要开发人员 准备好了,需要开发人员的努力 【功能】设计工具 影响块外观的工具,既可以增加工具数量,又可以改进实验标签2024年5月2日
@贾斯穆森
复制链接
贡献者

好问题,好用例。细微差别在于,要完成上述操作,您需要将Stack块放在弯曲基于容器(即行),以便可以将“高度”设置为“填充”。换句话说,你不能用没有弯曲的盖块来做这件事。

因此,与其将flex属性引入Cover块(这将是一个棘手的问题),不如对Group块及其变体启用Aspect Ratio控件。如果我们担心你可能会陷入尴尬的境地(溢出等),我们可以通过将其设置为默认不显示的工具来降低突出度。我们甚至可以通过将其仅带到Row和Stack块来格外保守地开始。

复写的副本:@安德鲁斯隆,我相信你参与了最初的覆盖纵横比。

@里奇塔博
复制链接
成员

我们可以通过使其成为默认的not-shown-by-default工具来减少突出度。我们甚至可以更加保守地开始,只把它放到Row和Stack块中。

我们当然应该认为它在默认情况下没有显示。它不是一个突出的用例,不应该放在前面和中间。

长宽比和组块的棘手之处在于,如果使用长宽比,则块很可能不会在移动设备上按预期渲染,因为块的内容可能会与比率冲突。

@安德鲁斯隆
复制链接
贡献者

安德鲁斯隆 评论2024年5月2日

谢谢你的ping!我已将此问题添加到中的跟踪问题中#58230。在较短的中期内,我可能没有空间为此功能选择任务,但这是一个好主意。

当谈到扩展宽高比支持的使用时,首先最好解决的问题之一是溢出行为问题,如中所述#60224(你们都在这里做了标记)。我喜欢这里讨论的内容大小、可能设置的最小高度和期望的纵横比之间的相互作用的想法,然而,要让这些东西很好地发挥作用(并与当前的浏览器支持相结合)已经被证明是非常棘手的。

所以我认为我这里的主要观点是,这是一个很好的功能(扩展块支持的使用),但我认为让它以用户期望的方式工作有点像兔子洞,所以不幸的是,扩展使用可能不会像应该的那样容易实现。

@贾斯穆森
复制链接
贡献者

纵横比和组块的棘手之处在于,如果使用纵横比,块很可能不会在移动设备上按预期渲染,因为块的内容可能会与纵横比冲突。

对于Andrew的上述观点,建议的处理溢出的修复方法是,如果超出适合的范围,允许内部内容垂直扩展块。如果没有封面,那么对于小组来说,可能会更简单。换言之,这将使纵横比发挥最小高度的作用。默认情况下是这样的吗,所以这里的复杂性在于我们正在做的其他一些事情。

免费注册 在GitHub上加入此对话.已经有账户了吗?登录以发表评论
标签
[功能]设计工具 影响块外观的工具,既可以增加工具数量,又可以改进实验 需要开发人员 准备好了,需要开发人员的努力 [类型]增强功能 改进建议。
项目
还没有
开发

没有分支或拉请求

4名参与者