[안드로이드] 커스텀 액션바

액션바(ActionBar)는 허니콤에서 추가된 기능이다.

그리고 구글에서 4.0부터는 메뉴 버튼을 대체한다고 한다.

위에 있는 스크린샷은 액션바를 이용해서 만든 캘린더 어플리케이션이다.

에뮬을 태블릿 버전으로 해서 이렇게 나온다.

색깔 박스는 설명할려고 박스쳤다.

빨간색은 앱아이콘이다. 이것도 오버라이드가 가능해서. 누르면 뒤로 가거나 하는 등의 여러가지 기능을 추가 할 수 있다.

주황색은  탭메뉴다.. 이전버젼 보단  탭을 사용하기가 더 편한거 같아 보인다.

초록색은 메뉴들이다.  끝에 점 3개는 누르면 추가적인 메뉴가 뜬다.

여하간 하다보면 저걸 내 마음대로 쓰고 싶을 때가 반듯이 생긴다.

이클립스에서 만들고 프로젝트를 아무거나 해서 만들고..

MainActivity 소스..

package my.example;

import android.app.ActionBar;
import android.app.Activity;
import android.os.Bundle;
import android.view.ContextMenu;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ContextMenu.ContextMenuInfo;
import android.widget.TextView;
import android.widget.Toast;

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

		// 액션바를 가져옴
		ActionBar bar = getActionBar();

		// 뷰를 가져옴..
		View v = getLayoutInflater().inflate(R.layout.layout_custom_actionbar,
				null);

		// 액션바에 커스텀뷰를 설정
		bar.setCustomView(v, new ActionBar.LayoutParams(
				ActionBar.LayoutParams.MATCH_PARENT,
				ActionBar.LayoutParams.MATCH_PARENT));

		//커스텀뷰를 써야하므로 옵션에서 설정
		bar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);

		setActionbarTitle();

	}

	private void setActionbarTitle() {
		TextView v = (TextView) findViewById(R.id.title);
		v.setText("테스트");
	}

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

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {

		switch (item.getItemId()) {
                case R.id.Main_TestMenuItem:
			sendToast("Test 메뉴..");
			break;
		case R.id.Main_Test1:
			sendToast("액션바 메뉴1");

			break;

		case R.id.Main_Test2:
			sendToast("액션바 메뉴2");
			break;
		}

		return super.onOptionsItemSelected(item);
	}

	private void sendToast(String string) {
		Toast to = Toast.makeText(this, string, Toast.LENGTH_SHORT);
		to.show();
	}

}

커스텀 뷰 레이아웃 소스..

커스텀뷰 올리기 전

올린 후 실행 결과

보다 싶이 아이콘을 없에 버리고 텍스트 뷰를 2개 추가 했다.

근데 아직 나도 액션바를 공부를 하는 중이지만..

태블릿의 경우는 화면이 크니까  이런 경우는 생기는 경우가 거의 없지만.

폰같은 경우는 이상하게도 한개 텍스트뷰가 다른 텍스트뷰의 공간을 먹어버리는 현상이 발생한다..

테스트asfasef 라는 놈이 test를 묵어버렸다.

아 왜 그러는건지 모르겠군.. 

이부분에 대해서는 더 구글링을 해봐야겠다.

졸라 무식한 방법은 가로 스크롤로 스크롤 되게 하는 방법도 있지만 이건 병신짓이고..

추가:

묵어버리는 현상 해결.

RelativeLayout으로 처리하면 되는군 ㅋㅋ 

왜 먹는건지는 모르겠지만.