تحديد قيود RelativeLayout باستخدام Style في Xamarin XAML

05/03/2024آخر تحديث: 05/03/2024

3 دقيقة واحدة

لتعيين قيود (Constraints) على RelativeLayout في Xamarin XAML باستخدام Style، يجب عليك استخدام قيمة Setter.Value لتعيين النص المناسب للقيد. يجب أن يكون النص متطابقًا مع الصيغة الصحيحة لتحديد القيد، مثل “Type=RelativeToParent,Property=Height,Factor=0.9,Constant=0”. هناك بعض الأخطاء في الشفرة التي وضعتها، حيث أن قيمة Setter.Value لا يجب أن تكون محاطة بعلامات اقتباس زائدة.

هذه هي الشفرة الصحيحة لتطبيق نفس التخطيط باستخدام Style:

xml
"1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="App2.Page2">
    <ContentPage.Resources>
        <ResourceDictionary>
            <Style x:Key="LayoutStyle" TargetType="RelativeLayout">
                <Setter Property="BackgroundColor" Value="Maroon"/>
                <Setter Property="HeightConstraint">
                    <Setter.Value>
                        <ConstraintExpression Type="RelativeToParent" Property="Height" Factor="0.9" Constant="0"/>
                    Setter.Value>
                Setter>
                <Setter Property="WidthConstraint">
                    <Setter.Value>
                        <ConstraintExpression Type="RelativeToParent" Property="Width" Factor="0.9" Constant="0"/>
                    Setter.Value>
                Setter>
                <Setter Property="YConstraint">
                    <Setter.Value>
                        <ConstraintExpression Type="RelativeToParent" Property="Height" Factor="0.05" Constant="0"/>
                    Setter.Value>
                Setter>
                <Setter Property="XConstraint">
                    <Setter.Value>
                        <ConstraintExpression Type="RelativeToParent" Property="Width" Factor="0.05" Constant="0"/>
                    Setter.Value>
                Setter>
            Style>
        ResourceDictionary>
    ContentPage.Resources>
    <RelativeLayout BackgroundColor="Gray">
        <RelativeLayout Style="{StaticResource LayoutStyle}">
            <BoxView Color="Yellow"
                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent,Property=Height,Factor=0.25,Constant=0}"
                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent,Property=Width,Factor=0.25,Constant=0}"
                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent,Property=Height,Factor=0.25,Constant=0}"
                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent,Property=Width,Factor=0.25,Constant=0}"/>
        RelativeLayout>
    RelativeLayout>
ContentPage>

تأكد من استخدام {StaticResource LayoutStyle} لتطبيق النمط المعرف في Resources.

المزيد من المعلومات