你如何使用RelativeLayout控件依赖于他们自己的位置大小？

Question

我在布局方面遇到了很多其他需要大量额外InvalidateLayout()调用的问题,所以我开始质疑我是否了解RelativeLayout是如何工作的.

以下是需要右对齐标签的UI的一个非常简单的示例:

public class MainPage : ContentPage {
    public MainPage() {
        var layout = new RelativeLayout();

        var label = new Label() {
            Text = "I want to be right-aligned."
        };
        layout.Children.Add(label,
            Constraint.RelativeToParent((rl) => rl.Width - label.Width),
            Constraint.Constant(10));

        var button = new Button() {
            Text = "Invalidate"
        };
        button.Clicked += (object sender, EventArgs e) => layout.ForceLayout();
        layout.Children.Add(button,
            Constraint.Constant(10),
            Constraint.Constant(10));

        Content = layout;
    }
}

我希望这可以从正确对齐的标签开始,但是在强制执行另一个布局传递之前,它不会正确对齐标签.通过在我的自定义控件中重写OnSizeRequest()等方法,我确定这是因为在调用RelativeLayout的约束lambdas之后才会调用OnSizeRequest().因此,当布局页面时,标签的宽度为-1.稍后调用ForceLayout()时,Label有机会执行其布局逻辑并正确设置Width属性,因此它可以正确布局.

在更大的背景下,我试图制作一个按钮,当点击时,淡出并且标签滑动到原位.它将在我的布局的右下角对齐,但我发现修改Opacity或IsVisible只会不一致地更新布局.唯一一致的行为是RelativeLayout真的喜欢在它有机会调整自身之前询问控件的大小.

我是否解释了如何使用RelativeLayout错误,或者这是错误的逻辑？

Answer 1

深入研究(当前)实现RelativeLayout,我发现了一个我没想到的事实:它没有查询视图的GetSizeRequest()方法或Layout()在计算约束之前调用它的方法,因为这些约束可能会影响控件的最终大小.结果:在计算约束时,控件的界限反映了它的旧位置和大小.

要"修复"这个,请在​​需要最新控件大小的约束内调用视图的GetSizeRequest():

public class MainPage : ContentPage {
    public MainPage() {
        var layout = new RelativeLayout();

        var label = new Label() {
            Text = "I want to be right-aligned."
        };
        Func<RelativeLayout, double> getLabelWidth = (parent) => label.GetSizeRequest(parent.Width, parent.Height).Request.Width;
        layout.Children.Add(label,
            Constraint.RelativeToParent((rl) => rl.Width - getLabelWidth(rl)),
            Constraint.Constant(10));

        var button = new Button() {
            Text = "Invalidate"
        };
        button.Clicked += (object sender, EventArgs e) => layout.ForceLayout();
        layout.Children.Add(button,
            Constraint.Constant(10),
            Constraint.Constant(10));

        Content = layout;
    }
}