如何创建一个动态布局,让两个容器根据滑块的值调整宽度?第一个容器的宽度应该可自定义,比例范围在 20% 到 50% 之间,而第二个容器应该动态调整以填充剩余空间,但不得低于 50%。我希望此设置能够确保平滑且均衡的调整,同时保持两个容器的宽度约束。如何配置滑块和容器属性来实现此功能?
应用程序> OnStart
设置(ratio1,0.5);//Container1的初始值(50%宽度)
设置(ratio2,0.5);//Container2的初始值(50%宽度)
左容器(Container1) 属性宽度:Parent.Width * ratio1
右容器(Container2) 属性宽度:Parent.Width * ratio2
SliderRatio1 属性:
- 最小值:0.3
- 最大值:0.5
- 默认值:0.5
SliderRatio2 属性:
- 最小值:0
- 最大:1
- 默认值:1 - SliderRatio1.Value
改变时:
Set(ratio1, SliderRatio1.Value); // 更新 Container1 的宽度
设置(ratio2,1 - ratio1);//更新Container2的宽度
您只需应用基本的幺正方法即可获得结果。使用
Parent.Width/100
将得到 1% 的宽度。记住这一点,按如下方式设置属性:滑块
20
50
20
容器 1
Parent.Width/100 * Slider.Value
容器 2
Parent.Width/100 * (50 + Slider.Max - Slider.Value)
- 将乘数加 50,这样无论最小宽度如何都应至少为 50%。Parent.Width - Self.Width
-根据容器的宽度调整 X 值最终结果
滑块位于 20
滑块位于 40
滑块位于 50