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

تاریخ ارسال : ۱۶ , ۰۵ , ۱۳۹۵
تعداد نظرات : بدون نظر

روشی آسان برای ساخت دکمه شناور FAB در برنامه نویسی اندروید (Floating Action Button)

به نام خدا

 

سلام دوستان ،

در این جلسه قرار هستش که ساخت یکی از دکمه های معروف در اندروید رو آموزش بدم ،

دکمه شناور FAB یا همان Floating Action Button

کار این دکمه این هستش ، که همیشه دم دسته یعنی حتی اگه یک لیست طولانی در لایوت شما باشه ، و تو اون لایوت اسکرول کنید و به پایین بیاید ، دکمه همیشه ثایت سرجاش می مونه ، آخه خیلی مودبه 🙂

تصویر زیر هم نمایی از اپلیکیشنی هستش که در پایان این جلسه خواهید ساخت :

 

پیش نیازهای این جلسه :

روش آموزشی گروه همیار اندروید به سبکی نوین هستش ، به طوری که

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

و سپس با انتخاب چند موضوع ، یک مبحث پیشرفته را به شما عزیزان آموزش می دهیم ، تا با این روش برنامه نویسی را به خوبی درک کنید ،

پس قبل از هر مبحث پیشرفته اول پیشنیازهای آن مبحث گفته می شود :

۱- معرفی و روش استفاده از اسکرول ویو در برنامه نویسی اندروید (اسکرول عمودی)

۲- طراحی دکمه گرد به کمک Shape در برنامه نویسی اندروید

نکته مهم : چون قراره مرحله به مرحله پیش بریم ، شما دقیقا از نام هایی که من در پروژه خودم استفاده می کنم ، استفاده کنید تا به مشکل بر نخورید و پس از پایان کار در صورت تمایل نام ها را تغییر دهید .

و یه نکته دیگه : پس از پایان هر مرحله نتیجه کار را مشاهده کنید تا تغییرات را درک کنید

 

مرحله اول : ساخت یک پروژه جدید

نام پروژه من : FloatingActionButton(FAB)

نام پکیج من : HamyarRoid.com

نام اکتیویتی من : MainActivity

نام لایوت من : activity_main

توجه مهم : برای انتخاب یکی از حالت های پیش فرض در اندروید استودیو از حالت Empty Activity استفاده کنید

 

مرحله دوم : طراحی لایوت خود

کدهای زیر مربوط به لایوت من هستند ، شما به صورت کامل آنها را کپی کنید

توضیح کدهای بالا :

خط ۱ تا ۸۹ : این کدها مربوط به لایوت کلی ما می باشد که از نوع RelativeLayout می باشد

خط ۱۷ تا ۸۷ : این کدها مربوط به اسکرول ویو و دکمه هایی هستند که در لایوت خود ایجاد کرده ایم / اینکار برای درک دکمه شناور لازم است ، تا نتیجه کار دکمه را ببینیم (این کدها را به صورت کامل در پیش نیازها آموزش داده ام)

خط ۸ تا ۱۵ : این کدها مربوط به کار اصلی این جلسه می باشد / با این کدها ما یک ImageButton طراحی کرده ایم / در خط ۹ و ۱۰ باید یک سایز ثابت به ایمیج بات بدهیم / در خط ۱۱ ما یک تصویر به ایمیج باتن داده ایم ، تصویری که قبلا در پوشه drawable قرارداده ایم /در خط ۱۲ ما یک Shape به دکمه داده ایم تا طرح گرد به خود بگیرد(این مبحث در پیش نیازها به صورت کامل توضیح داده شده است) / در خط ۱۳ ، ۱۴ و ۱۵ موقعیت ایمیج باتن را تعیین کرده ایم

 

مرحله سوم : کدهای مربوط به Shape

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

 

 

 

خیلی خب دوستان تا جایی که تونستم به صورت کامل و روان توضیح دادم ،

امیدوارم که به کارتون بیاد

خسته نباشید

 

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

همیار اندروید را در شبکه های اجتماعی دنبال کنید
یــــــک راه آسان برای ارتباط با هـــــــم :)
مطالب مرتبط با موضوع شما

برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

نظرات کاربران

لطفا نظر ، پیشنهاد و انتقاد خود را فقط در ارتباط با موضوع بالا ذکر کنید و از سوالات پراکنده خود داری کنید
برای حفظ و برقراری نظم در سایت به سوالات پراکنده پاسخ داده نمی شود
در آینده سیستم پرسش و پاسخ راه اندازی خواهد شد
لطفا به قوانین احترام بگذارید

پاسخ دهید

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


ما را محبوب کنید