التخطيط الرصيفي ( DockLayout )

xlmnxpمنذ 6 سنوات

بسم الله  الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

التخطيط الرصيفي او الـ DockLayout هو تخطيط يقوم برصف جميع العناصر على حدود التخطيط وياخذ ماتبقى من المسافة ويضع العناصر الاخيرة فيها

مع تحديد الأتجاه لكل عنصر بالخاصة dock

left يسار
right يمين
top اعلى
bottom اسفل

 

الخاصية stretchLastChild تقبل القيمة true او false وتختص بإمتداد العنصر الأخير ام لا ( بشكل افتراضي هي true )

 

مثال على التخطيط


<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
    <DockLayout stretchLastChild="true">
        <Button dock="left" text="يسار" backgroundColor="red" />
        <Button dock="top" text="اعلى" backgroundColor="green" />
        <Button dock="right" text="يمين" backgroundColor="yellow" />
        <Button dock="bottom" text="يسار" backgroundColor="blue" />
        <Button text="المتبقي" backgroundColor="orange" />
        <Button text="عالم البرمجة" backgroundColor="orange" />
    </DockLayout>
</Page>

 

Screenshot_1500938152.thumb.png.f7dfaed20bddb20cc3e6d50f5d155a83.png

 

بدون امتداد العنصر الأخير


<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
    <DockLayout stretchLastChild="false">
        <Button dock="left" text="يسار" backgroundColor="red" />
        <Button dock="top" text="اعلى" backgroundColor="green" />
        <Button dock="right" text="يمين" backgroundColor="yellow" />
        <Button dock="bottom" text="يسار" backgroundColor="blue" />
        <Button text="المتبقي" backgroundColor="orange" />
        <Button text="عالم البرمجة" backgroundColor="orange" />
    </DockLayout>
</Page>

Screenshot_1500938297.thumb.png.ce89e1698b97fb26269e7fc8b83ed8a2.png

 

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !