Xamarin.Forms : 상대 레이아웃을 사용하여 뷰를 중앙에 배치하는 방법? `Width`와`Height`는 -1을 반환합니다.

Question

Xamarin.Forms에서 Height 및 Width 컨트롤의 속성을 사용하려고하면 둘 다 -1을 반환하고 상대 레이아웃이 화면에서 벗어나게 표시됩니다.

var mainLayout = new RelativeLayout(); 

//Add the Switch to the center of the screen 
mainLayout.Children.Add(mySwitch, 
    Constraint.RelativeToParent(parent => parent.Width/2 - mySwitch.Width/2), 
    Constraint.RelativeToParent(parent => parent.Height/2 - mySwitch.Height/2)); 

//Add a Label below the switch 
mainLayout.Children.Add(switchLabel, 
    Constraint.RelativeToParent(parent => parent.Width/2 - switchLabel.Width/2), 
    Constraint.RelativeToView(mySwitch, (parent, view) => view.Y + mySwitch.Height + 10)); 

Content = mainLayout; 

Answer 1

왜 Xamarin.Forms는 반환하지 -1 Height 및 Width을 위해?

Xamarin.Forms는 이러한 속성의 기본값으로 -1을 반환하고 Xamarin.Forms가 네이티브 컨트롤을 만들 때까지 -1을 유지합니다. UIButton을 생성하고 레이아웃에 네이티브 컨트롤을 추가합니다. 조회수

사용하십시오 Func 동적를 검색을 제한 할 상대 레이아웃을 사용하는 https://github.com/xamarin/Xamarin.Forms/blob/master/Xamarin.Forms.Core/VisualElement.cs

가장 좋은 방법은이 링크에서

, 당신은 기본 값으로 -1을 반환하는 Xamarin.Forms 소스 코드를 볼 수 있습니다 Width 및 Height 속성

var mainLayout = new RelativeLayout(); 

Func<RelativeLayout, double> getSwitchWidth = (parent) => mySwitch.Measure(parent.Width, parent.Height).Request.Width; 
Func<RelativeLayout, double> getSwitchHeight = (parent) => mySwitch.Measure(parent.Width, parent.Height).Request.Height; 
Func<RelativeLayout, double> getLabelWidth = (parent) => switchLabel.Measure(parent.Width, parent.Height).Request.Width; 
Func<RelativeLayout, double> getLabelHeight = (parent) => switchLabel.Measure(parent.Width, parent.Height).Request.Height; 

//Add the Switch to the center of the screen 
mainLayout.Children.Add(mySwitch, 
    Constraint.RelativeToParent(parent => parent.Width/2 - getSwitchWidth(parent)/ 2), 
    Constraint.RelativeToParent(parent => parent.Height/2 - getSwitchHeight(parent)/2)); 

//Add a Label below the switch 
mainLayout.Children.Add(switchLabel, 
    Constraint.RelativeToParent(parent => parent.Width/2 - getLabelWidth(parent)/2), 
    Constraint.RelativeToView(mySwitch, (parent, view) => view.Y + getSwitchHeight(parent) + 10)); 

Content = mainLayout; 

이 트릭을 가르쳐 주신 덕분에 @BrewMate에게 감사드립니다.