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

تاریخ ارسال : ۰۷ , ۰۵ , ۱۳۹۵
تعداد نظرات : ۹ نظر
دسته بندی : ActionBar, Android Studio

آموزش گام به گام ساخت یک اکشن بار سفارشی در برنامه نویسی اندروید (ActionBar or TitleBar)

به نام خدا

 

سلام دوستان ؛

در این جلسه قراره که ما یک اکشن بار یا همون تایتل بار رو طراحی و کدنویسی کنیم ، شما با داشتن یک اکشن بار می تونید قدرت بیشتری به اپلیکیشن خود بدید و اون رو متمایز تر کنید ،

اما خیلی از کاربران با ساختن اصولی اکشن بار مشکل دارند ، خب گناهی هم ندارند چون جایی من ندیدم که اصولی یاد بدن 🙂

با همیار اندروید برنامه نویسی اندروید را درک خواهید کرد …!!

 

تو این جلسه چی می خوایم بسازیم …!؟

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

و مراحل انجام کار هم به صورت زیر هستش :

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

مرحله دوم : حذف اکشن با پیشفرض اندروید استودیو

مرحله سوم : ساخت اکشن بار درون یک لایوت جداگانه

مرحله چهارم : اکشن باری که ساخته ایم را درون لایوتهای مورد نظر فراخوانی می کنیم

 

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

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

 

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

نام پروژه من : ActionBar2

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

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

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

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

 

مرحله دوم : حذف اکشن با پیشفرض اندروید استودیو

ما زمانی که در اندروید استودیو یک پروژه جدید ایجاد می کنیم به صورت پیش فرض یک اکشن بار هم دارد ،

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

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

 

مرحله سوم : ساخت اکشن بار درون یک لایوت جداگانه

ما باید اکشن بار خودمون رو درون یک لایوت جداگانه ایجاد کنیم ،

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

Layout > New > XML > Layout XML File

پس از کلیک بر روی Layout XML File ، پنجره ای نمایان می شود که شما باید نام لایوت خود را نوشته و سپس finish کنید

نامی که من در این پروژه استفاده کرده ام (custom_action_bar )

پس از انجام مراحل بالا کدهای زیر را به صورت کامل درون لایوتی که ساختید کپی کنید (جلوتر توضیح خواهم داد)

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

خط ۱ تا ۳۰ : من در اینجا یک لایوت کلی از نوع LinearLayout ایجاد کردم و عرض آن را به صورت fill_parent قرار دادم تا تمام عرض گوشی را در بر بگیرد و سپس ارتفاع آن را فقط ۶۰dp داده ام (به اندازه یک اکشن بار) و  چند تنظیم دل بخواهی هم به آن دادم

خط ۱۰ تا ۱۶ : در اینجا من یک ایمیج باتن ایجاد کردم و در خط ۱۳ ، به آن یکی از آیکون های پیش فرض اندروید استودیو را داده ام (آیکون مثبت)

خط ۱۹ تا ۲۵ : در اینجا هم یک تکست ویو ایجاد کردم که در آن متن "گروه آموزشی همیار اندروید" را نوشته ام

 

مرحله چهارم : اکشن باری که ساخته ایم را درون لایوتهای مورد نظر فراخوانی می کنیم

ما در مرحله قبل یک اکشن بار سفارشی طراحی کرده ایم ،

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

کدهای زیر مربوط به لایوت اصلی اپلیکیشن من هستند (activity_main) شما به صورت کامل جایگزین کدهای خود کنید

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

خط ۱ تا ۴۴ : در اینجا من یک لایوت کلی به activity_main داده ام و نوع آن حتما باید از نوع LinearLayout ، به صورت به صورت عمودی یا همان vertical باشد

خط ۱۰ : در اینجا همان اکشن باری که ساخته بودیم را در اینجا فراخوانی کرده ایم

خط ۱۳ تا ۴۱ : در اینجا دوباره از یک لایوت کلی از نوع RelativeLayout استفاده کرده ایم ، که درواقع این همان لایوت اصلی مربوط به  activity_main است ، و هر وقت که خواستیم چیزی به activity_main اضافه کنیم باید درون این خطوط باشد ، که من دو دکمه اضافه کرده ام (خط ۱۷ تا ۳۹)

 

 

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

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

منتظر نظراتتون هستم

خدانگهدار.

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

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

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

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

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

9 پاسخ به “آموزش گام به گام ساخت یک اکشن بار سفارشی در برنامه نویسی اندروید (ActionBar or TitleBar)”

  1. HosseinMoradi می‌گه:

    سلام

    خیلی ممنون از آموزش روون و ساده و فوق العاده

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

    چرا به فکر خودم نمیرسیداینجوری 😁

    معمولا واسه هیچ سایتی نظرنمیدم ولی میدونم یک نظرم واسه سایتای تازه کار چه انرژی میده 🙂 

    فقط دوتا مشکل

    یکی این که قالب توی اندروید ریسپانسیو کامل نیست

    دوم نمیشه متن هارو کپی کرد

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

    موفق باشید❤

    • سامان سلطانی پور می‌گه:

      سلام  دوست عزیز

      در مورد اینکه قالب سایت رسپانسیو نیست باید اینو بگم که هنوز وقت نکردم قالب جدید بزنم که به امید خدا اینکار رو حتما انجام خواهم داد

      ممنون از نظرات شما

       

       

       

  2. Zeynab می‌گه:

      عالی بود 

  3. حسین می‌گه:

    ممنون از آموزش عالیتون…

     

    دوست عزیز میشه به امیج باتنی که در اکشن بار هست قابلیت کلیک شدن اضافه کرد؟ چطور؟

  4. سعید۱۳۷۳ می‌گه:

    آقا دمتون گرم واقعا نامردیه اگه بخام بابت زحماتتون تشکر نکنم سپاس بیکران۹

پاسخ دهید

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


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