墨联软件
15552251270

掌握弹性容器:提升设计效率与用户体验

 二维码
发表时间:2023-10-27 16:28作者:kathy

每次在遇到区块内需要并列或者垂直显示的文字或者图标等元素,怎么样能很好的合理分布空间时,总会纠结用什么容器能更便捷简单的解决所有问题,经过不断地摸索,终于找到解决方案。

在容器的选择上更加偏爱选择弹性容器,弹性容器内可包含一个或者多个子元素,对其进行排列,对齐和分配空间,从而适配整体布局。

在弹性容器内子元素可以在任何方向上排布,显示方向可从垂直方向、反垂直方向和水平方向、反水平方向两个维度来布置全局,根据其需求选择合适的显示方向:

在组件设置里可以找到对齐方式可从主轴对齐方式和居中对齐方式,下拉选项已经为我们提供对齐方案,根据页面整体布局排列来设置元素想要展现的对齐方式:

也可以“弹性伸缩”其尺寸,比例平分剩余空间和比例减少多余空间来增加尺寸以填满未使用的空间,也可以收缩尺寸以避免元素溢出:

调配好相应参数和选项,困扰我们的问题就迎刃而解了,让设计更具适应性,创新无限可能!


联系我们: 15552251270
联系QQ:414250329 手机号码:15552251270 联系邮箱:414250329@qq.com