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

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

- ابتدا نرم افزار Android Studio را اجرا کرده در منوی مربوطه گزینه Start a new Android Studio Project را انتخاب می کنیم. در پنجره بعدی نوع اکتیویتی اصلی برنامه را Blank Activity انتخاب می کنیم.

- پس از باز شدن پروژه در قسمت بالا سمت چپ محیط نرم افزار Android Studio صفحه روی گزینه app کلیک کرده در لیست باز شده مسیر زیر را انتخاب می کنیم.

app -> res -> layout -> content_main.xml

- در ابتدا روی متن Hello World برنامه پیشین کلیک کرده و delete را بزنید.

- در فهرست قسمت Pallete لیست ابزارهای مختلف UI محیط برنامه نویسی اندروید موجود می باشد و می توان به راحتی با Drag & Drop در اکتیویتی اصلی برنامه از آنها برای شکل دهی به اپلیکیشن خود بهره بگیریم.

- در ابتدا از منوی Pallete یک متن بزرگ (Large Text) را انتخاب میکنیم. با کلیک در صفحه نمایش متن مورد نظر در محل مورد نظر قرار می گیرد.

- در مرحله بعدی گزینه Button را از لیست انتخاب کرده و روی صفحه نمایش قرار می دهیم.

با دو بار کلیک روی Text و Button متن پیش فرض آن ها را می توان تغییر داد.

در قسمت بعدی برنامه نویسی نرم افزار موبایل خود را توضیح خواهیم داد تا با زدن کلید فانکشنی را صدا زند مثلا متن موجود را تغییر دهد. این برنامه نویسی شامل کد نویسی به زبان Java می باشد.