اکشن بار دست ساز و خانگی خود را بسازید + تب (آموزش)

اول inflater باید تعریف  بشه و بعد ویو از روش ساخته بشه به این صورت:

LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view = inflater.inflate(R.layout.action_bar, null);

خُب ، دوستان طبق قولی که دادم میخوام آموزش اضافی کردن تب به اکشن بار رو براتون بزارم.

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

حالا با اضافی کردن کد های زیر تب های شما آماده هست .

                ActionBar actionBar = getSupportActionBar();
		actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
		actionBar.setHomeButtonEnabled(true);
		actionBar.setDisplayShowTitleEnabled(true);

                ActionBar.Tab tab1 = actionBar.newTab().setText("Tab 1");
		ActionBar.Tab tab2 = actionBar.newTab().setText("Tab 2");
		ActionBar.Tab tab3 = actionBar.newTab().setText("Tab 3");
		ActionBar.Tab tab4 = actionBar.newTab().setText("Tab 4");
		ActionBar.Tab tab5 = actionBar.newTab().setText("Tab 5");
		
		
		actionBar.addTab(tab1.setTabListener(this));
		actionBar.addTab(tab2.setTabListener(this));
		actionBar.addTab(tab3.setTabListener(this));
		actionBar.addTab(tab4.setTabListener(this));
		actionBar.addTab(tab5.setTabListener(this));

حالا بریم سراغ کد ها اول از همه در بالا هم گفتم کلاس شما باید از ActionBarActivity اکستندز بشه و برای فعال کردن تب ها باید implements TabListener رو هم اضافی کنید . 

توجه داشته باشید که با افزودن ایمپلمنت باید متد های اون رو هم Override کنید .

4 خط کد اول که مشخصه قبلا هم توضیح دادیم فقط تفاوتی که داریم در 

 actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

هست که چون میخوایم از تب استفاده کنید از NAVIGATION_MODE_TABS استفاده میکنیم.

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

در کد زیر ما تب ها رو معرفی میکنیم و برای هرکدوم یه عنوان انتخاب میکنیم .

  ActionBar.Tab tab1 = actionBar.newTab().setText("Tab 1");

در کد زیر هم تب ها رو به اکشن بار اضافی میکنیم :

 actionBar.addTab(tab1.setTabListener(this));

فقط نکته ای که هست setTabListener(this) اشاره داره همون متد هایی که Override کردیم که برای انجام عملیات استفاده میشه که توضیحات بیشتر رو خودتون میتونید پیدا کنید .

نکته آخر میتونید setTabListener رو همون بالا موقع معرفی تب اضافی کنید ولی من خواستم شلوغ نشه .

دیگه تمومه :)

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

موفق باشید :)

 .

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

 android\android-support-v7-appcompat\res\values-v14\themes_base.xml:148: 
error: Error retrieving parent for item: No resource found that matches the given name 'android:Theme.Holo.Light.DialogWhenLarge'.

android\android-support-v7-appcompat\res\values-v14\themes_base.xml:159: 
error: Error: No resource found that matches the given name: attr 'android:actionBarWidgetTheme'.

دوستان اگه مشکل آقا طاهر رو داشتن به این تاپیک مراجعه کنند شاید کمک کنه. من هم دقیقا همین مشکل آقا طاهر رو داشتم که با روشی که توی تاپیک توضیح دادم برای من حل شده. شما هم تست کنید اگه کمکی کرد اطلاع بدید.

Alireza_Ghamkhar@ :  سلام , نمیدونم چرا وقتی هم کد مربوطه به اکشن بار و هم کد مربوط به تب را که میزنم اول تب هستش بعد اکشن باری که ساختم ظاهر میشه...یعنی مثل تصویری که شما گذاشتی نیست. میشه کمکم کنی...

اگر در استفاده از اکشن بار custom بهمراه tab به مشکل بالا بر خوردین میتونید از این روش استفاده کنید :

         actionBar.setLogo(null);
         actionBar.setDisplayShowHomeEnabled(true);
         actionBar.setDisplayHomeAsUpEnabled(false);
         actionBar.setHomeButtonEnabled(false);

         View homeIcon = findViewById(
		Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB ? 
		android.R.id.home : android.support.v7.appcompat.R.id.home);
                ((View) homeIcon.getParent()).setVisibility(View.GONE);
	        ((View) homeIcon).setVisibility(View.GONE);
		actionBar.setDisplayShowTitleEnabled(false);

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

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

موفق باشید :)

اقا این لایبری ساپورت ورژن 7 یا همون appcompat  رو از کجا بیاریم و چطوری اضافه کنیم به پروژه مون؟!

سلام  دوستان میتونید سورسشو آپلود کنید؟چون هرکاری کردم خطا داد

یکی ببینه مشکل کجاست وقتی اجرا میکنم کرش میکنه

 import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class ActionActivity extends ActionBarActivity {

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(R.layout.action_bar, null);

        ActionBar actionBar = getSupportActionBar();
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
        actionBar.setCustomView(view, new ActionBar.LayoutParams
                (ViewGroup.LayoutParams.MATCH_PARENT,
                        ViewGroup.LayoutParams.MATCH_PARENT));

    }
}

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

این عکس

اینم کد

 
import android.content.Context;
import android.os.Build;
import android.os.Bundle;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBar.Tab;
import android.support.v7.app.ActionBar.TabListener;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class TestActivity extends ActionBarActivity implements TabListener {

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(R.layout.action_bar, null);

        ActionBar actionBar = getSupportActionBar();
        actionBar.setLogo(null);
        View homeIcon = findViewById(
                Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB ?
                        android.R.id.home : android.support.v7.appcompat.R.id.home);
        ((View) homeIcon.getParent()).setVisibility(View.GONE);
        ((View) homeIcon).setVisibility(View.GONE);
        actionBar.setDisplayShowTitleEnabled(false);
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
        actionBar.setHomeButtonEnabled(true);
        // actionBar.setDisplayShowTitleEnabled(true);
        actionBar.setCustomView(view, new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        //  actionBar.setHomeButtonEnabled(true);
        // actionBar.setDisplayShowTitleEnabled(true);

        ActionBar.Tab tab1 = actionBar.newTab().setText("Tab 1");
        ActionBar.Tab tab2 = actionBar.newTab().setText("Tab 2");
        ActionBar.Tab tab3 = actionBar.newTab().setText("Tab 3");
        ActionBar.Tab tab4 = actionBar.newTab().setText("Tab 4");
        ActionBar.Tab tab5 = actionBar.newTab().setText("Tab 5");

        actionBar.addTab(tab1.setTabListener(this));
        actionBar.addTab(tab2.setTabListener(this));
        actionBar.addTab(tab3.setTabListener(this));
        actionBar.addTab(tab4.setTabListener(this));
        actionBar.addTab(tab5.setTabListener(this));
    }


    @Override
    public void onTabReselected(Tab arg0, FragmentTransaction arg1) {
        // TODO Auto-generated method stub

    }


    @Override
    public void onTabSelected(Tab arg0, FragmentTransaction arg1) {
        // TODO Auto-generated method stub

    }


    @Override
    public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {
        // TODO Auto-generated method stub

    }
}

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

ضمنا تو minfest  من نتونستم Theme.AppCompat.Light رو پیدا کنم و پروژه رو برای اندروید 2.2 تنظیم کردم

بابا جان هرکی دوست دارین یه اموزش درست و در مون از صفر بذارید ببینیم دیگه!

استاد عاجزانه تقاضا دارم آموزشهارو آپدیت کنید با بخشهای جدید.

همه آموزشهارو دیدم یه اروری میده!کامل نیستن.حتما یه چیزی نیاز داره که نمیگین.البته منظورم اینه ناخاسته نمیگین.چون سیستم ما اون قسمتو نداره ارور میده.

خب چیکار کنیم آخه.الان باز کلی لینک میدین.بابا همه رو امتحان کردم نشد.

محمد حسین جان ، کد کاملا درست کار میکنه ولی یه مشکل کوچیک دارم باهاش اونم اینکه : وقتی اکتیویتی رو اجرا می کنم حدود 1 ثانیه یا کمتر اکشن بار به حالت نرمال خودشه و بعد استایلی که ما تعریف کردیم رو بخودش میگیره ، برای حل این مشکل باید چیکار کنم؟

سلام
من هر کاری میکنم اون قسمت سمت چپ تصویر نمیره دلیلش چی می تونه باشه ؟
سایز اون لایه FillParent هست از هر چی دیگه استفاده کردم بدتر میشه .
" از اندروید استودیو استفاده میکنم."

با تشکر .

سلام. برا خود actionBar چجوری باید گزینه اضافه کرد؟ یعنی مثلا یه قسمت تماس بهش اضافه کنی؟

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

ممنون/.

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

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

         <activity
            android:name=".ActivityMain"
            android:label="@string/app_name"
            android:uiOptions="splitActionBarWhenNarrow" >
            <meta-data
                android:name="android.support.UI_OPTIONS"
                android:value="splitActionBarWhenNarrow" />
        </activity>

سلام دوستان کسی تو اکشن به این مشکل برخورده ؟ (فضا های اضافی در قسمت بالا و پایین) Padding و margin ها رو هم چک کردم 

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:background="#d35400"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        android:weightSum="10" >

        <ImageView
            android:id="@+id/menuico"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/menu" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="9"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:weightSum="10" >

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="8"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/txt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="action bar"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="#fff" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/ic_launcher" />

        </LinearLayout>

    </LinearLayout>

</LinearLayout>

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

سلام استاد ممنون از آموزش خیلی خوبتان

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

لطف میکنید مراحل رو قدم به قدم توضیح بدین گمونم مشکل خیلی بچه ها باشه. تایپ فارسی