alibaba / GaiaX

动态模板引擎是一套轻量化、跨平台、高性能的纯原生移动端卡片渲染动态化解决方案
https://youku-gaiax.github.io/
Apache License 2.0
1.21k stars 145 forks source link

【咨询】想请教下,image控件,能不能根据资源自适应宽高 #360

Closed zhangjin0725 closed 1 year ago

zhangjin0725 commented 1 year ago

描述这个问题

一个image控件,想根据场景,展示不同的资源。资源高度不一样 当前image控件,不配置默认高度,渲染的高度是0 目前设置相同高度,通过修改缩放和剪切模式等条件,均不能实现我需求的效果。

预期正确的结果

根据我传入的资源,展示动态的宽高

客户端 (请填写如下信息) :

附加信息 在这里添加有关该问题的任何其他信息。

biezhihua commented 1 year ago

@zhangjin0725 在image控件的宽度或者高度,有一方确认的情况下,可以使用宽高比来根据不同的场景,动态计算出高度或者宽度。

biezhihua commented 1 year ago

image

zhangjin0725 commented 1 year ago

两张资源的宽高比并不一致呢

zhangjin0725 commented 1 year ago

我的场景,由于状态栏高度不一致,我两张资源的宽度一致的情况下,高度不一致

biezhihua commented 1 year ago

我的场景,由于状态栏高度不一致,我两张资源的宽度一致的情况下,高度不一致

目前image控件没有自适应的能力。

我的建议是根据状态栏状态,为image控件设置不同的高度,然后用较大的一张图在不同高度的image控件上进行展示,并且设置,让图片只显示底部。

mode-type:crop mode:bottom

biezhihua commented 1 year ago

image

zhangjin0725 commented 1 year ago

感谢回复。 可能我的案例特殊,前面没有说清楚。 我的使用场景,是一个全屏的卡片,背景图top=0,height动态,非全屏,内容top=状态栏.bottom 我现在那个背景图使用你说的方案,还是需要手动计算下卡片容器的高度,不算一个常规的使用方案吧 我暂时使用其他方案解决