ما در قسمت قبلی شما را با صفحه و لایه بندی Grid به صورت مبتدی در XAML آشنا کردیم.

در این قسمت ما شما را با ابزار یا کنترل StackPanel آشنا خواهیم کرد.

 

در این کنترل ما میتوانیم کنترل های دیگر برنامه که در صفحه قرار دارند رو قرار دهیم.

یعنی این کنترل همانند کنترل قبلی میزبان کنترل های دیگر خواهد بود.

به صورت دیفالت (پیش فرض) هر کنترلی که ما درون StackPanel قرار دهیم از بالا به سمت پایین (به ترتیب) قرار خواهند گرفت (اگر با html آشنایی داشته باشید این قسمت را بهتر درک خواهید کرد)

 

در پروپرتی (ویژگی ها) این کنترل میتوانیم خاصیت Orientation (جهت گیری) را از بالا به پایین به چپ به راست تغیر دهیم.

کاملا شبیه به دیویژن div که در صفحات وب استفاده میشود. شما میتوانید در کنترل StackPanel در XAML جهت قرار گیری کنترل های درون خود را به صورت پشت سر هم (از بالا به پایین) یا در کنار هم قرار داد.

 

خب حالا برای یادگیری این مفهوم پروژه ی جدیدی ایجاد میکنیم. (با نام دلخواه)

 

 

ابتدا این نکته را یاد آوری کنم که شما اگر نیاز به چندین StackPanel درون برنامه خود نیاز دارید در ابتدا باید یک کنترل StackPanel ایجاد کنید و سپس StackPanel های دیگر دار درون استک پنل اول قرار دهید. در غیر این صورت با خطا مواجه میشوید.

 

در تصویر زیر ما یک استک پنل در قسمت کد نویسی xaml قرار داده ایم:

 

 

توجه: به صورت پیش فرض بعد از ساخت پروژه جدیدی یونیورسال کنترل Grid در صفحه قرار دارد آن را پاک کنید.

توجه: به صورت پیش فرض بعد از ساخت کنترل StackPanel بکگراند آن به صورت بی رنگ (ترنسپرنت) میباشد. رنگ آن را به صورت دلخواه از قسمت پروپرتی این کنترل تغیر دهید.

 

 

خب همان طور که در تصویر زیر میبینید ما ۴ عدد باتن و ۲ عدد تکست باکس درون استک پنل خود قرار دادیم که به صورت عمودی (از بالا به پایین) پشت سر هم قرار گرفته اند.

 

 

نکته: در صورتی که در این حالت برای کنترل های موجود در StackPanel خود عرضی قرار ندهیم به صورت پیش فرض کل عرض StackPanel را خواهند گرفت.

نکته: ارتفاع StackPanel به صورت اتوماتیک auto میباشد. و ما در این قسمت نمی توانیم از ستاره استفاده کنیم. در عین حال فقط میتوان به دو صورت auto یا دادن مقدار دستی به صورت پیکسل تنظیم بنماییم

 

 

خب شما در این قسمت با کنترل StackPanel و خاصیت عمودی آشنا شدید. در قسمت بعدی ما شما را با خاصیت افقی Horizontal این کنترل آشنا خواهیم کرد.

 

نمایش و معرفی سایر مشخصات StackPanel در سایت مایکروسافت

 

 

خب امیدواریم که از این قسمت آموزش برنامه نویسی یونیورسال لذت برده باشید.

با مایکروسافت لایف در قسمت های بیشتر این آموزش همراه باشید…

لینک کوتاه شده: https://goo.gl/w7pZ71
بارگذاری بیشتر مطالب مرتبط
بارگذاری توسط علیش اسماعیلی
بارگذاری در آموزش

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

بررسی

آموزش برنامه نویسی یونیورسال UWP (قسمت هفتم)

در قسمت های قبل شما با دستورات شرطی ایف و ایف الس و ایف الس ایف و همچنین سویچ آشنا شدید. د…