Actionbar Theme ändern

CdWechsler · 22. Januar 2014

Nabend an alle,

ich wollte mal versuchen, die Actionbar einer App zu verändern, also sprich button einfügen und hintergrundfarbe zu verändern.

Am ende soll es so aussehen:

Wenn man ein neues android-projekt erstellt, kann man ja aussuchen, ob man eine blanke activity oder mit navigation (fixed/scrollable tabs) haben möchte. ich habe fixed tab ausgewählt. dann bräuchte man nur noch oben die actionbartheme leiste zu ändern.

habe dafür eine layout dementsprechend konstruiert:
title_bar.xml

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout 
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="horizontal"
	tools:context=".MainActivity" &gt;


	&lt;ImageButton
    	android:id="@+id/imageButton2"
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:layout_alignBottom="@+id/imageButton1"
    	android:layout_alignParentRight="true"
    	android:layout_alignParentTop="true"
    	android:background="@color/transparent"
    	android:src="@android:drawable/ic_menu_sort_by_size" /&gt;


	&lt;ImageButton
    	android:id="@+id/imageButton1"
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:layout_alignBottom="@+id/imageView1"
    	android:layout_alignParentTop="true"
    	android:layout_marginRight="10dp"
    	android:layout_toLeftOf="@+id/imageButton2"
    	android:background="@color/transparent"
    	android:src="@android:drawable/ic_input_add" /&gt;


	&lt;ImageView
    	android:id="@+id/imageView1"
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:layout_alignParentLeft="true"
    	android:layout_alignParentTop="true"
    	android:src="@drawable/ic_launcher" /&gt;
	
&lt;/RelativeLayout&gt;

Alles anzeigen

habe mich nach diesem tutorial gehalten: http://www.youtube.com/watch?v=sRZdP9n9ieM
das heißt, ich hab wie im wiedeo die xml datein erstellt, die anifest angepasst etc. bekam aber ein nullpointerexception.

Code

01-22 17:10:50.954: E/AndroidRuntime(30757): FATAL EXCEPTION: main
01-22 17:10:50.954: E/AndroidRuntime(30757): java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.asdf/com.example.asdf.MainActivity}: java.lang.NullPointerException
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2073)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2098)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.ActivityThread.access$600(ActivityThread.java:138)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1204)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.os.Handler.dispatchMessage(Handler.java:99)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.os.Looper.loop(Looper.java:137)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.ActivityThread.main(ActivityThread.java:4872)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at java.lang.reflect.Method.invokeNative(Native Method)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at java.lang.reflect.Method.invoke(Method.java:511)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:790)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:557)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at dalvik.system.NativeStart.main(Native Method)
01-22 17:10:50.954: E/AndroidRuntime(30757): Caused by: java.lang.NullPointerException
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at com.example.asdf.MainActivity.onCreate(MainActivity.java:34)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.Activity.performCreate(Activity.java:5191)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1082)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2037)
01-22 17:10:50.954: E/AndroidRuntime(30757): 	... 11 more

Alles anzeigen

Die Mainactivity wurde ja automatisch generiert. hab da nichts geändert.

Code

public class MainActivity extends FragmentActivity implements ActionBar.TabListener {


	SectionsPagerAdapter mSectionsPagerAdapter;


	ViewPager mViewPager;


	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);


		final ActionBar actionBar = getActionBar();
		actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);


		mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
		mViewPager = (ViewPager) findViewById(R.id.pager);
		mViewPager.setAdapter(mSectionsPagerAdapter);
		mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
					@Override
					public void onPageSelected(int position) {
						actionBar.setSelectedNavigationItem(position);
					}
				});


		
		for (int i = 0; i &lt; mSectionsPagerAdapter.getCount(); i++) {
			actionBar.addTab(actionBar.newTab()
					.setText(mSectionsPagerAdapter.getPageTitle(i))
					.setTabListener(this));
		}
	}


	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}


	@Override
	public void onTabSelected(ActionBar.Tab tab,
			FragmentTransaction fragmentTransaction) {
		mViewPager.setCurrentItem(tab.getPosition());
	}


	@Override
	public void onTabUnselected(ActionBar.Tab tab,
			FragmentTransaction fragmentTransaction) {
	}


	@Override
	public void onTabReselected(ActionBar.Tab tab,
			FragmentTransaction fragmentTransaction) {
	}


//	-------------------------------------------------------------------------------
	/**
	 * A {@link FragmentPagerAdapter} that returns a fragment corresponding to
	 * one of the sections/tabs/pages.
	 */
	public class SectionsPagerAdapter extends FragmentPagerAdapter {


		public SectionsPagerAdapter(FragmentManager fm) {
			super(fm);
		}


		@Override
		public Fragment getItem(int position) {
			// getItem is called to instantiate the fragment for the given page.
			// Return a DummySectionFragment (defined as a static inner class
			// below) with the page number as its lone argument.
			Fragment fragment = new DummySectionFragment();
			Bundle args = new Bundle();
			args.putInt(DummySectionFragment.ARG_SECTION_NUMBER, position + 1);
			fragment.setArguments(args);
			return fragment;
		}


		@Override
		public int getCount() {
			// Show 3 total pages.
			return 3;
		}


		@Override
		public CharSequence getPageTitle(int position) {
			Locale l = Locale.getDefault();
			switch (position) {
			case 0:
				return getString(R.string.title_section1).toUpperCase(l);
			case 1:
				return getString(R.string.title_section2).toUpperCase(l);
			case 2:
				return getString(R.string.title_section3).toUpperCase(l);
			}
			return null;
		}
	}
	
	
//	-------------------------------------------------------------------------------
	/**
	 * A dummy fragment representing a section of the app, but that simply
	 * displays dummy text.
	 */
	public static class DummySectionFragment extends Fragment {
		/**
		 * The fragment argument representing the section number for this
		 * fragment.
		 */
		public static final String ARG_SECTION_NUMBER = "section_number";


		public DummySectionFragment() {
		}


		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container,
				Bundle savedInstanceState) {
			View rootView = inflater.inflate(R.layout.fragment_main_dummy,
					container, false);
			TextView dummyTextView = (TextView) rootView
					.findViewById(R.id.section_label);
			dummyTextView.setText(Integer.toString(getArguments().getInt(
					ARG_SECTION_NUMBER)));
			return rootView;
		}
	}


}

Alles anzeigen

Zeile 34 ist actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

Ich weiß nicht, ob man das so einfach übernehmen kann ( hab keine ahnung wie ich vorgehen muss). Im video war es ja schließlich eine blank activity. Habe schon paar tutorials mir angesehen, aber die enthielten nicht das ergebnis, was ich mir wünsche bzw. waren einige unvollständig. hier sind die tutorials, die mich ziemlich verwirrt haben

http://blog.alwold.com/2013/08…n-the-android-action-bar/
http://www.androidhive.info/20…-working-with-action-bar/
https://developer.android.com/…cs/actionbar/styling.html

Kogoro-Christopher · 22. Januar 2014

Warum verwendest du nicht den Action Bar Style Generator?
http://jgilfelt.github.io/android-actionbarstylegenerator/

CdWechsler · 23. Januar 2014

hallo kogoro,

danke für dein post. ja die seite kenn ich zwar, aber in meinem fall geht es ja darum, wie man buttons in ganz oben in die leiste bekommt. mit dem generator kann man das ja nicht machen.

Marco Feltmann · 23. Januar 2014

Zitat von CdWechsler

Zeile 34 ist actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

In dem Fall gibt es nur zwei Möglichkeiten:
actionBar ist null, weil getActionBar null zurück gibt. Das solltest Du als allererstes überprüfen.
ActionBar ist null, weil Du auch Version 2.x unterstützt. Da gibt es das gar nicht.

Ich vermute eine Kombination aus Beidem. Da Du FragmentActivity nutzt, ist davon auszugehen, dass Du die SupportLibrary v4 nutzt und damit auch 2.x unterstützt werden soll.
FragmentActivity gehört zur SupportLibrary V4, seit API 10 kann die normale Activity das schon.

Nimm statt der SupportLibrary V4 die V7 und leite von der ActionBarActivity ab. (Die ist von der FragmentActivity abgeleitet.)
Dort nutzt Du dann statt getActionBar() die getSupportActionBar() und alles sollte laufen wie geplant.
http://developer.android.com/r…pp/ActionBarActivity.html

CdWechsler · 23. Januar 2014

Hallo Marco,

danke dir für deine tipps. Also ich hab gerade versucht was du mir vorgeschlagen hast. die library die ich brauch ist ja android.support.v7.app.ActionBar. Im <sdk>/extras/android/support/v7 sind folgende ordner: appcompat, gridlayout und mediarouter enthalten. ich hab die appcompat importiert und in meinem projekt diese in die library hinzugefügt. bekomme jedoch nun einen roten ausrufezeichen am projektordner. bin ich denn richtig vorgegangen?

Marco Feltmann · 23. Januar 2014

Kommt drauf an.
Wenn Du sowieso erst Android 4+ unterstützen möchtest (davon gehe ich mal im Template aus), kannst Du Dir den Support-Quatsch sparen und einfach eine normale Activity nehmen. So kommst Du dann etwas schneller zu einem Ziel.

Ansonsten ist das Importieren der appcompat als Library und das Hinzufügen die richtige Vorgehensweise.
Du musst das AppCompat als 'Library' kennzeichnen und dein Projekt davon abhängig machen. Wie das in Android Studio geht weiß ich gerade nicht.

CdWechsler · 23. Januar 2014

Eigentlich sollte die App ab API 3.0 aufwärts alles unterstützen. und ich benutze eclipse, nicht android studio

ich versuchs mal weiter

CdWechsler · 23. Januar 2014

So, habe es nun hinbekommen in einen fragmentactivty eine custom actionobar zu machen

die mainactivity wurde folgendermaßen verändert (zeile 17):

Java

import java.util.Locale;
import android.app.ActionBar;
import android.app.ActionBar.TabListener;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


public class MainActivity extends ActionBarActivity implements TabListener {


	SectionsPagerAdapter mSectionsPagerAdapter;


	ViewPager mViewPager;


	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);


		final ActionBar actionBar = getActionBar();
		actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);


		mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());


		mViewPager = (ViewPager) findViewById(R.id.pager);
		mViewPager.setAdapter(mSectionsPagerAdapter);


		mViewPager
				.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
					@Override
					public void onPageSelected(int position) {
						actionBar.setSelectedNavigationItem(position);
					}
				});


		for (int i = 0; i &lt; mSectionsPagerAdapter.getCount(); i++) {
			actionBar.addTab(actionBar.newTab()
					.setText(mSectionsPagerAdapter.getPageTitle(i))
					.setTabListener(this));
		}
	}


	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}


	@Override
	public void onTabSelected(ActionBar.Tab tab,
			FragmentTransaction fragmentTransaction) {
		// When the given tab is selected, switch to the corresponding page in
		// the ViewPager.
		mViewPager.setCurrentItem(tab.getPosition());
	}


	@Override
	public void onTabUnselected(ActionBar.Tab tab,
			FragmentTransaction fragmentTransaction) {
	}


	@Override
	public void onTabReselected(ActionBar.Tab tab,
			FragmentTransaction fragmentTransaction) {
	}

Alles anzeigen

im res-ordner die menu-main.xml datei:

Code

&lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:hmkcode="http://schemas.android.com/apk/res-auto"&gt;
	&lt;item
    	android:id="@+id/action_search"
    	android:orderInCategory="100"
    	hmkcode:showAsAction="always"
    	android:icon="@drawable/ic_action_search"
    	android:title="Search"/&gt;
	&lt;item
    	android:id="@+id/action_copy"
    	android:orderInCategory="100"
    	hmkcode:showAsAction="always"
    	android:icon="@drawable/ic_content_copy"
    	android:title="Copy"/&gt;
	&lt;item
    	android:id="@+id/action_share"
    	android:orderInCategory="100"
    	hmkcode:showAsAction="always"
    	android:icon="@drawable/ic_social_share"
    	android:title="Share"/&gt;
&lt;/menu&gt;

Alles anzeigen

in im manifest die zeile mit android:theme in android:theme="@style/Theme.AppCompat.Light" > ändern. Die v7 library natürlich am anfang in das projekt mit hinzufügen.
hier das tutorial: http://hmkcode.com/add-actionbar-to-android-2-3-x/

danke an marco feltmann

Marco Feltmann · 23. Januar 2014

Zitat von CdWechsler

So, habe es nun hinbekommen in einen fragmentactivty eine custom actionobar zu machen

Ausgezeichnet!

Zitat von CdWechsler

danke an marco feltmann

Sehr gern.

CdWechsler · 24. Januar 2014

Hallo nochmal,

wie sieht das denn aus wenn man mehrere items in
der actionbar hat und einige davon sollen über einen overflow button zu
sehen sein. ich bin schon seit gestern dran, einen overflow button im
actionbar hinzubekommen, jedoch erfolgslos. ist das denn mit dem
appcompat möglich!??

bei mir werden jeweils zwei items (per image) in der actionbar leiste
angezeigt und die restlichen bekomme ich nur zu sehen, wenn man auf den
hardwarebutton menü klickt. die werden dann halt wie gewohnt unten übereinander aufgelistet.

mein menü.xml sieht folgendermaßen aus:

Code

&lt;menu 
	   xmlns:android="http://schemas.android.com/apk/res/android"
	   xmlns:hmkcode="http://schemas.android.com/apk/res-auto" &gt;


		&lt;!-- Add --&gt;
   	&lt;item
    	android:id="@+id/action_add"
    	android:orderInCategory="100"
    	hmkcode:showAsAction="always"
    	android:icon="@drawable/ic_action_add_person"
    	android:title="@string/add"/&gt;
   	
    	&lt;!-- Settings --&gt;
		&lt;item
			android:id="@+id/action_settings"
			android:orderInCategory="100"
			hmkcode:showAsAction="ifRoom"
			android:icon="@drawable/ic_action_settings"/&gt;
		
		&lt;!-- Security --&gt;
		&lt;item 
	    	android:id="@+id/action_help"
	    	android:title="@string/about"
	    	hmkcode:showAsAction="never"/&gt;
	 	
		&lt;!-- Clear Database --&gt;
		&lt;item 
	    	android:id="@+id/clear_database"
	    	android:title="@string/clear"
	    	hmkcode:showAsAction="never" /&gt;
		
		&lt;!-- Language --&gt;
		&lt;item 
	    	android:id="@+id/set_language"
	    	android:title="@string/language"
	    	hmkcode:showAsAction="never" /&gt;
		
		&lt;!-- About --&gt;
		&lt;item 
	    	android:id="@+id/about"
	    	android:title="@string/about"
	    	hmkcode:showAsAction="never" /&gt;	
&lt;/menu&gt;

Alles anzeigen

oder muss man speziell ein popup item erstellen?

Marco Feltmann · 24. Januar 2014

Das liegt dann wohl daran, dass Du einen Hardwarebutton Menü hast.
Dieses Overflow Dingens wird nur angezeigt, wenn dieser Button nicht existiert.

CdWechsler · 24. Januar 2014

sonst gibt es überhaupt keine möglichkeit??

Marco Feltmann · 24. Januar 2014

Nur unschöne:
http://stackoverflow.com/quest…w?answertab=votes#tab-top

Actionbar Theme ändern

Jetzt mitmachen!

Teilen

Benutzer online in diesem Thema