کنترل FlexLayout در زامارین فرم

در نگارش های اخیر زامارین فرم کنترل FlexLayout معرفی شده است که بسیار انعطاف پذیر می باشد. این کنترل همانند سایر کنترل های از css پشتیبانی میکند و بسیار قدرتمند می باشد.

کنترل FlexLayout از جهاتی شبیه StackLayout می باشد که می توانست کنترل های فرزندش را به طور افقی یا عمودی به صورت پشت سر هم بچیند. اما FlexLayout قابلیت های بیشتری دارد. مثلا اگر تعداد کنترل های فرزند خیلی زیاد بود و بیشتر از یک ردیف یا ستون بود می تواند منعطف باشد. کنترل FlexLayout کلی تنظیمات برای Orientation و Alignment دارد. همچنین می تواند به سایز صفحه واکنش نشان دهد و متناسب با آن بهینه شود.

مثال ساده ای از کنترل را در زیر می بینید:

آموزش فارسی FlexLayout
آموزش فارسی FlexLayout

کد تصویر بالا به صورت زیر می باشد:

آموزش زامارین فارسی

خاصیت Direction جهت چیدمان را مشخص می کند. ۴ حالت دارد که عبارتند از Column, ColumnReverse, Row, RowReverse.

Reverse کنترل های فرزند را از آخر به اول چیدمان میکند و بسته به افقی یا عمودی بودن فرق میکند. خاصیت Direction  به صورت پیش فرض روی Row تنظیم شده است.

خاصیت AlignItems کار تراز کردن را انجام می دهد. مزیت این خاصیت در مقابل خاصیت معادل آن در Stacklayout یعنی HorizontalOptions این هست که بر همه فرزندان اعمال می شود. این یعنی کد تمیزتر و کمتر. و مدیریت راحت تر.

با توجه به اینکه خاصیت AlignItems به همه ی فرزندان اعمال می شود اگر بخواهیم کنترل فرزندی را از این امر مستثنا کنیم باید از خاصیت FlexLayout.AlignSelf برای آن کنترل استفاده کنید.

 

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

ساخت کاتالوگ با قابلیت اسکرول افقی در زامارین فرم

 

ساخت گالری تصاویر منعطف در زامارین فرم

ملزومات کاربردی زامارین یا Xamarin.Essentials

معمولا در هر پروژه نیازمندی های عمومی وجود دارد که به طور ثابت به انها نیازمندیم. مثلا در اکثر پروژه ها نیاز داریم که وضعیت اینترنت و اتصالات را چک کنیم و اگر اینترنت برقرار بود، درخواست خودمان را به وب سرویس ارسال کنیم. یا مثلا ویبره را فراخوانی کنیم یا وضعیت جغرافیایی کاربر را بدست بیاوریم.

این نیازها قبلا به صورت پروژه هایی پراکنده توسط برنامه نویسان در گیتاب گذاشته شده بود. اخیرا شرکت زامارین این کدها را به صورت مجموعه ای منظم درست کرده و تحت عنوان Xamarin Essentials منتشر کرده است. این مجموعه فعلا شامل بیش از ۲۰ api کاربردی هست و در حال تکمیل شدن می باشد.

استفاده از این کتابخانه بسیار راحت است. مثلا برای چک کردن اتصال اینترنت بعد از اضافه کردن کتابخانه و دادن مجوزهای لازم کافی است کد زیر را بنویسید:

var current = Connectivity.NetworkAccess;

if (current == NetworkAccess.Internet) {

     // Connection to internet is available

}

شما به راحتی میتونید با اضافه کردن از طریق nuget از اونها استفاده کنید.

https://www.nuget.org/packages/Xamarin.Essentials

لینک مستندات:

https://docs.microsoft.com/en-us/xamarin/essentials

آموزش زامارین – ساختار یک برنامه اندروید

در این فایل ویدئویی راجع به ساختار یک برنامه اندروید صحبت میکنیم. ساختار یک برنامه اندروید به طور کل از activity ها و view ها تشکیل شده است. برای طراحی ui فایل های layout رو داریم که در پوشه مخصوص ریخته می شود. در این ویدئو شما با کلیت ساختار آشنا می شوید.

برای خرید پکیج کامل آموزش زامارین از فروشگاه سایت بازدید نمایید.

 

 

طراحی برنامه های راست به چپ در زامارین فرم

برای اینکه بخواهیم برنامه های طراحی شده توسط زامارین فرم به صورت پیش فرض از راست به چپ رندر شوند، روال زیر باید انجام شود.

** توجه: این مقاله فعلا در مرحله نهایی نیست و ممکن است در آینده جزئیاتی به آن افزوده یا کم شود.

 

زامارین اندروید:

– در اندروید ابتدا باید پشتیبانی از راست به چپ را فعال کرد. بدین منظور در فایل مانیفست خصوصیت  android:supportsRtl=”true”  را در تگ application تنظیم کنید.

نتیجه نمونه:

<application android:label=”xamarinpersian.Android” android:supportsRtl=”true” android:icon=”@drawable/icon”></application>

– سپس در تنظیمات پروژه min sdk را به ۱۸ تنظیم میکنیم. یعنی اندروید ۴٫۳

– در نهایت در ابتدای فایل MainActivity قبل از loadApplication کد زیر را وارد میکنیم.

if (Build.VERSION.SdkInt >= Build.VERSION_CODES.JellyBeanMr1)
{
this.Window.DecorView.LayoutDirection = LayoutDirection.Rtl;
}

زامارین آیفون: 

در زامارین ios فایل info.plist  را باز کنید و مقدار زیر را به لیست اضافه کنید.

<key>CFBundleDevelopmentRegion</key>
<string>fa</string>

زامارین UWP و زامارین WinPhone

در کلاس mainPage قابل از loadApplication کد زیر را وارد نمایید

this.FlowDirection = FlowDirection.RightToLeft;

 

 

آموزش فارسی زامارین اندروید – ساختار برنامه اندروید

در این فایل ویدئویی راجع به ساختار یک برنامه اندروید صحبت میکنیم.
ساختار یک برنامه اندروید به طور کل از activity ها و view ها تشکیل شده است. برای طراحی ui فایل های layout رو داریم که در پوشه مخصوص ریخته می شود.
در این ویدئو شما با کلیت ساختار آشنا می شوید.
برای خرید پکیج کامل از فروشگاه سایت بازدید نمایید.

 

بسته DVD ابزارها و پیش نیازهای زامارین

یکی از مهم ترین دغدغه های افرادی که تازه با زامارین شروع به کار میکنند، نصب ابزارهای مورد نیاز آن می باشد.
این ابزارها چون به صورت چند تکه می باشد گردآوری آنها مشکل می باشد. همچنین حجم نهایی این ابزارها چند گیگابایت می شود که برای خیلی از کاربران بصرفه نیست. غیر از این مسائل قسمتهای مهمی از این ابزارها روی سرورهای گوگل می باشد که کاربران ایرانی را بلاک میکند.
بعد از درخواست تعداد زیادی از دوستان و راحتی استفاده کنندگان زامارین، برآن شدیم که مجموعه کامل ابزارهای اولیه و پیش نیاز زامارین به همراه آموزش ویدئویی فارسی نصب را در یک قالب آماده کنیم.

– تمامی محتویات شامل آخرین نگارش های موجود می باشد.

– در این پکیج، فایل آموزش ویدئویی کامل ۴۵ دقیقه ای نصب و پیکربندی زامارین نیز موجود می باشد

این بسته را می توانید هم اکنون از فروشگاه سایت خریداری کنید.

 

محتویات: 

۱- آخرین نسخه از افزونه زامارین برای ویژوال استودیو (نیازی به کرک ندارد) Xamarin For Visual Studio – حجم ۴۰۰ مگابایت
۲- آخرین نسخه از زامارین استودیو Xamarin Studio – حجم ۸۰ مگابایت
۳- شبیه ساز اندروید زامارین – genymotion
۴- آخرین نسخه از VirtualBox مورد نیاز و سازگار با ویندوز ۱۰ – حجم حدود ۱۲۰ مگابایت
۵- پیش نیازهای بیلد و اجرای زامارین شامل:
– Java Development Kit – حجم ۳۰۰ مگابایت
– Android SDK شامل آپدیت آخرین نسخه و ابزارهای مورد نیاز – حجم ۳٫۸ گیگابایت
– Android NDK – حجم ۵۰۰ مگابایت
– نگارش های مورد نیاز m2repository – حجم ۷۰۰ مگابایت