آموزش عناصر UI در برنامه نویسی iOS 

3 سال پیش
 آموزش عناصر UI در برنامه نویسی iOS

 آموزش عناصر UI در برنامه نویسی iOS 

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به  آموزش عناصر UI در برنامه نویسی iOS خواهیم پرداخت.

عناصر UI چیست؟

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

چگونه عناصر UI اضافه کنیم؟

ما می توانیم عناصر UI را به صورت کد و به کمک سازنده رابط اضافه کنیم. بسته به نیاز می توانیم از هر یک از آنها استفاده کنیم.

تمرکز ما

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

رویکرد ما

ما یک برنامه ساده iOS ایجاد خواهیم کرد و از آن برای توضیح برخی از عناصر UI استفاده خواهیم کرد.
مرحله ۱ – همانطور که در برنامه اول iOS خود ایجاد کردیم ، یک برنامه Viewbased ایجاد کنید.
مرحله ۲ – ما فقط پرونده های ViewController.h و ViewController.m را به روز می کنیم.
مرحله ۳ – سپس ما متدی را برای ایجاد عنصر UI به پرونده ViewController.m اضافه می کنیم.
مرحله ۴ – ما این متد را در متد  viewDidLoad خود فراخوانی خواهیم کرد.
مرحله ۵ – خطوط مهم کد در کد با یک خط نظر در بالای آن خطوط توضیح داده شده است.

لیست عناصر UI

عناصر خاص UI و ویژگی های مربوط به آنها در زیر توضیح داده شده اند
عناصر خاص UI
۱ Text Fields

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

۲ Input types – TextFields

ما می توانیم نوع ورودی را که کاربر می تواند با استفاده از ویژگی صفحه کلید UITextField تنظیم کنیم.

۳ Buttons

این برای مدیریت اقدامات کاربر استفاده می شود.

۴ Label

این برای نمایش محتوای ثابت استفاده می شود.

۵ Toolbar

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

۶ Status Bar

این اطلاعات کلیدی دستگاه را نمایش می دهد.

۷ Navigation Bar

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

۸ Tab bar

به طور کلی برای جابجایی بین کارهای فرعی ، نماها یا مدل های مختلف در همان نمای استفاده می شود.view.

۹ Image View

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

۱۰ Scroll View

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

۱۱ Table View

این برای نمایش لیست قابل تغییر داده در چندین ردیف و بخش استفاده می شود.

۱۲ Split View

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

۱۳ Text View

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

۱۴ View Transition

این توضیحات مختلف انتقال بین نماها را توضیح می دهد.

۱۵ Pickers

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

۱۶ Switches

این به عنوان غیر فعال و فعال برای اکشن استفاده می شود.

۱۷ Slidersاین مورد برای اجازه دادن به کاربران در تنظیم مقادیر یا فرآیند در طیف وسیعی از مقادیر مجاز استفاده می شود.
۱۸ Alertsاین برای دادن اطلاعات مهم به کاربران استفاده می شود.
۱۹ Iconsاین یک نمایش تصویری است که برای یک عمل استفاده می شود یا چیزی مربوط به برنامه را به تصویر می کشد.
0
برچسب ها :
نویسنده مطلب erfan molaei

دیدگاه شما

بدون دیدگاه