ویجت در زامارین

    سهیل صابری    

در این آموزش قصد داریم شما رو با ویجت در زامارین آشنا کنیم و نحوه کار با ویجت های مهم و کاربردی را به وسیله مثال های آموزش دهیم

TextView

این ویجت یکی از مهم ترین ویجت های اندروید است . این ویجت برای نمایش متون در صفحه نمایش استفاده می شود.

برای ایجاد یک TextView صفحه main.axml باز کنید و به حالت source رفته و کد زیر بین تگ LinearLayout اضافه کنید .

Button

یکی دیگه از ویجت های مهم در اندروید ، ویجت دکمه است که معمولا هنگامی که روی ان کلیک می شود یک سری رخداد ها اتفاق می افتد ؛ برای اضافه کردن یک دکمه فقط کافیست کد زیر را به صفحه main.axml اضافه کنید .

برای متن دکمه کافیست به این مسیر رفته Resources\Values\Strings.xml و کد زیر را بین تگ <resources> اضافه کنید

برای نوشتن رخداد کلیک دکمه کافیست به فایل MainActivity.cs مراجعه کنید و داخل تابع OnCreate کد زیر را اضافه کنید.

ویجت در زامارین - Button1

کد بالا این عملیات را انجام می دهد ؛ زمانی که کاربر بر روی دکمه کلیک کند متن  دکمه ” You Clicked Me” تغییر میکند .

FindViewById  شناسه را در لیوت .axml  جستجو میکند .

ویجت در زامارین - Button2

Checkbox

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

به عنوان مثال در کد زیر وقتی چک باکس انتخاب شده باشد متن چک باکس تغییر میکند و زمانی که از انتخاب بیرون میاد مجدد تغییر میکند

برای شروع کد زیر را برای ایجاد چک باکس به main.axml اضافه کنید .

سپس وارد صفحه MainActivity.cs و کد زیر را داخل تابع OnCreate اضافه کنید .

در کد بالا ابتدا با استفاده از FindViewById<  > چک باکس را پیدا کردیم سپس بر روی رخداد تغییر تیک چک باکس کد تغییر متن چک باکس را نوشتیم

CompoundButton.CheckedChangeEventArgs این یک متد برای تغییرات حالت چک باکس است .

ویجت در زامارین - CheckBox

Progress Bar

نوار پیشرفت یک ویجت است برای نمایش پیشرفت یک عملیات . برای اضافه کردن یک نوار پیشرفت کد زیر را به main.axml اضافه کنید.

سپس وارد صفحه MainActivity.cs و میزان نوار پیشرفت خود را تعیین کنید.

که در کد بالا بعد از این که نوار پیشرفت پیدا شد مقدار 35 را برای مقدار اولیه نوار تعیین میکنیم.

Radio Buttons

این ویجت این اجازه را به کاربر می دهد که از بین انتخاب های موجود کاربر یکی را انتخاب کند . در این قسمت ما گروهی از دکمه های رادیویی که حاوی اطلاعات ماشین هاست را ایجاد کرده و آن ها را بررسی میکنیم .

اول از همه ما یک گروهی از دکمه های رادیویی و یک تکس ویو را به صفحه خود اضافه میکنیم مانند کد زیر

برای رخداد کلیکی که بر روی یکی از دکمه های رادیویی وارد صفحه MainActivity.cs شوید و کد زیر را وارد کنید.

Toast.MakeText() یک روش برای نمایش پیغام های خروجی در یک پاپ اپ کوچک است .

حال برنامه را اجرا کنید خروجی شما باید مانند تصویر زیر باشد .

ویجت در زامارین - Radio Button

Toggle Buttons

دکمه تغییر وضعیت زمانی استفاده می شود که بین دو وضعیت میخوام تغییر کنیم . به عنوان مثال می توانید آن را بین روشن یا خاموش کردن تغییر دهید. حال کد زیر را به main.axml اضافه کنید .

حالا شما می تونید کد زیر را برای  زمانی که کاربر بر روی ان کلیک کرد اضافه کنید پس MainActivity.cs

باز کرده و کد زیر را داخل تابع  OnCreate اضافه کنید.

حال برنامه را اجرا کنید .خروجی شما باید مانند تصویر زیر باشد.

ویجت در زامارین - Toggle Button

Ratings Bar

نوار اعتبار یک ویجتی است که کاربران می توانند برای  چیز هایی که شما برای آن ها ارائه میدهد رای دهند. کد زیر یک نوار اعتبار با 5 ستاره را ایجاد میکند .

ویجت در زامارین - Rating Bar

Autocomplete Textview

این یک نمونه تکس ویو است زمانی که کاربر درحال تایپ کردن است پیشنهادات را برای ان نمایش میدهد.

حال ما میریم به  Autocomplete TextView لیستی حاوی از افراد اضافه میکنیم و به صفحه main.axml یک تکس ویو و یک دکمه اضافه میکنیم که کد آن در زیر قرار دارد.

حال کد زیر را برای نمایش لیست اسامی و رخداد کلیک در صفحه MainActivity.cs اضافه کنید .

Autocomplete TextView در حالت عادی خالی است ولی زمانی که کاربر متنی را تایپ کند لیست پیشنهادات را برایش نمایش میدهد که برای ایجاد لیست کد زیر را داخل تابع OnCreateاضافه کنید.

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

ویجت در زامارین - Autocomplete Textview

اگر نیازی به آموزش ویدئوی داشتین می تونید از اینجا به بخش آموزش های زامارین مراجعه کنید

دسته‌بندی‌ : آموزش نوشتاری

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Rating*