Horizontal ve Vertical StackLayout Kullanımları

Merhabalar,

Xamarin.Forms ile uygulama geliştirirken sıkça kullandığımız Stacklayout .NET MAUI ile güzel bir evrim geçirdi. Performans ve kullanım biçimlerinin değiştiği bir Stacklayout görüyoruz artık.

Stacklayout bizi bazı noktalarda çok kısıtlıyordu. Kullanımı kolay olsa da bir sayfada birden fazla kullanımı performansı kötü etkiliyordu, bizler de bu noktada Grid’in bizi kurtarmasını bekliyorduk 🙂 ki öyle de oluyordu. Ufak bir örnekle yeni gelen Horizontal ve Vertical Stacklayout kullanımlarına bakalım

    <Grid RowSpacing="25" RowDefinitions="Auto,Auto">
                <VerticalStackLayout Grid.Row="0">
                        <Label
                                Text="VerticalStackLayout Label"
                                FontSize="Large"/>
                        <Button
                                Text="VerticalStackLayout Button"
                                FontSize="Large"/>
                        <Label Text="VerticalStackLayout Label"
                                   FontSize="Large"/>
                </VerticalStackLayout>
                <HorizontalStackLayout Grid.Row="1">
                        <Label
                                Text="HorizontalStackLayout Label"
                                FontSize="Large"/>
                        <Button
                                Text="HorizontalStackLayout Button"
                                FontSize="Large"/>
                        <Label Text="HorizontalStackLayout Label"
                                   FontSize="Large"/>
                </HorizontalStackLayout>
    </Grid>

Stacklayout kullanımının vertical ve horizontal olarak ayrılmasının temel performans katkısı kullanım render aşamasında oluyor. Zaten incelediğimiz Microsoft.Maui.Layouts altında geldiğini görüyoruz.

Yiğit

Xamarin Developer, Consultant & Architect. Community Leader and Director of Xamarin Türkiye

Post A Reply