ggg
Amazing Categories :
Android
Node.js

دسته بندی نشده
(16)

آماده سازی محیط برنامه نویسی
(11)

آموزش ها و مباحث پایه ای اندروید
(8)

نکات پایه ای اندروید استودیو
(3)

وب سایت های مفید و کاربردی
(1)

AlertDialog
(1)

LogCat
(1)

Activity Lifecycle
(1)

Activity
(3)

Manifest
(2)

Strings
(1)

StatusBar
(1)

ActionBar
(2)

Toast
(1)

Library
(6)

ListView
(3)

آموزش های مرتبط با طراحی متریال ( Material Design )
CardView
(1)

RecyclerView
(0)

ویوها و ابزارهای موجود در محیط برنامه نویسی
MediaPlayer
(4)

WebView
(1)

VideoView
(1)

Button
(1)

ImageButton
(1)

RadioButton & RadioGroup
(1)

EditText
(0)

TextView
(1)

ScrollView
(2)

طراحی رابط کاربری و زیباسازی
Layout
(4)

Style
(2)

Shape
(2)

Animation
(2)

Typeface
(2)

آموزش های مرتبط با سخت افزار
Camera
(1)

Vibrator
(1)

Bluetooth
(0)

WiFi
(0)

ذخیره اطلاعات و پایگاه داده
SQLite Database
(0)

Shared Preferences
(0)


دسته بندی نشده
(8)


آموزش گام به گام ساخت یک اکشن بار سفارشی در برنامه نویسی اندروید (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 اضافه کنیم باید درون این خطوط باشد ، که من دو دکمه اضافه کرده ام (خط ۱۷ تا ۳۹)

 

 

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

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

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

خدانگهدار.




این آموزش ویدیویی برای دانلود ندارد




این آموزش فایلی برای دانلود ندارد

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

آموزش های مرتبط با موضوع انتخابی شما
معرفی و روش استفاده از متد setOnClickListener در برنامه نویسی اندروید
آموزش کار با کارد ویو (CardView) در برنامه نویسی اندروید
معرفی و روش استفاده از آلرت دیالوگ (AlertDialog) در برنامه نویسی اندروید
آموزش کامل و استاندارد تغییر دادن آیکون اپلیکیشن در اندروید استودیو (روش دستی)
آموزش کامل و استاندارد تغییر دادن آیکون اپلیکیشن در اندروید استودیو (روش اتوماتیک)
آموزش نصب پلاگین در اندروید استودیو به روش آفلاین

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

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

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

  1. HosseinMoradi گفت:

    سلام

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

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

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

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

    فقط دوتا مشکل

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

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

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

    موفق باشید❤

    • سامان سلطانی پور گفت:

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

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

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

       

       

       

  2. Zeynab گفت:

      عالی بود 

  3. حسین گفت:

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

     

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

  4. سعید۱۳۷۳ گفت:

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

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

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