Riucc's Storage
RSS
태그
관리
쓰기
카테고리
  • IT (593)
    • 정리 (0)
    • C# (42)
    • ASP.NET MVC (16)
    • JQuery&Javascript (12)
    • CSS (11)
    • 데이터베이스 (32)
    • Windows Server (6)
    • Active Directory (3)
    • Exchange (9)
    • JAVA (2)
    • JSP (39)
    • JSP 게시판 만들기 (21)
    • JSP 개발 참고 (15)
    • JSP 안드로이드 (4)
    • Servlet (17)
    • Spring (42)
    • HTML (14)
    • NodeJS (46)
    • MongoDB (11)
    • 리눅스 (18)
    • 자료구조 (16)
    • 아이폰 (24)
    • 안드로이드 (68)
    • API 활용하기 (10)
    • 소켓네트워크 (28)
    • 라즈베리파이 (11)
    • AWS클라우드 (10)
    • 빅데이터Hadoop (22)
    • 커널모듈프로그래밍 (8)
    • 기타 (10)
    • 자격증 (26)
Riucc's Storage

[안드로이드] - 커스텀 툴바 만들기(Toolbar)

안드로이드|2018. 3. 30. 14:02
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

○ 커스텀 툴바 만들기(Toolbar) 


1. res-values-styles.xml 에서 parent를 Theme.AppCompat.Light.NoActionBar 로 바꾼다

   (타이블 바 제거를 위함)


2. activity_main.xml 에 Toolbar 위젯을 추가한다


<android.support.v7.widget.Toolbar

        android:id="@+id/up_toolbar"

        android:layout_width="match_parent"

        android:layout_height="?attr/actionBarSize"

        android:background="#ffffff"

        android:elevation="4dp" // 툴바 사이즈 조절

        android:theme="@style/ThemeOverlay.AppCompat.ActionBar"

        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>


3. res-menu-menu.xml 을 만들고 메뉴에 넣거나 툴바에 붙일 메뉴들을 만든다


<menu xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    tools:context="com.example.dd.tyt.MainActivity">

    <item

        android:id="@+id/search_icon"

        android:title="검색버튼"

        android:icon="@drawable/search_icon" // 아이콘으로 적용

        app:showAsAction="ifRoom"/>  // 툴바에 아이콘이 보이게 설정


    <item android:id="@+id/write_icon"

        android:title="글쓰기버튼"

        app:showAsAction="ifRoom"/>  // 툴바에 글로 보이게 설정


    <item android:id="@+id/action_settings3" 

        android:title="로그인"

        app:showAsAction="never"/>  // 메뉴 안에 넣게 설정


    <item android:id="@+id/action_settings4"

        android:title="회원가입"


        app:showAsAction="never"/>

    <item android:id="@+id/action_settings5"

        android:title="글쓰기"

        app:showAsAction="never"/>

</menu>


4. MainActivity.java 에서 툴바를 가져와 메뉴들을 넣고 각각의 메뉴에 이벤트 처리를 한다


public class MainActivity extends AppCompatActivity {

    Toolbar up_toolbar;


    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);


        // 만들 툴바를 가져와 셋팅한다

        up_toolbar = (Toolbar) findViewById(R.id.up_toolbar);

        setSupportActionBar(up_toolbar);

        getSupportActionBar().setIcon(R.drawable.menu_logo); // 타이틀 대신 로고를 추가

        getSupportActionBar().setDisplayShowTitleEnabled(false); // 타이틀 이름 안보이게

    }


    // 툴바에 menu.xml을 집어넣는다

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        MenuInflater menuInflater = getMenuInflater();

        menuInflater.inflate(R.menu.menu, menu);

        return true;

    }


    // 툴바에 삽입된 메뉴에 대해서 이벤트 처리

    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {

            case R.id.search_icon:

                Toast.makeText(getApplicationContext(), "검색 버튼이 클릭됨", Toast.LENGTH_LONG).show();

                return true;


            case R.id.write_icon:

                Toast.makeText(getApplicationContext(), "글쓰기 버튼이 클릭됨", Toast.LENGTH_LONG).show();

                return true;


            default:

                Toast.makeText(getApplicationContext(), "나머지 버튼 클릭됨", Toast.LENGTH_LONG).show();

                return super.onOptionsItemSelected(item);

        }

    }

}



저작자표시 (새창열림)

'안드로이드' 카테고리의 다른 글

[안드로이드] - RecyclerView 리싸이클러뷰 클릭 이벤트 사용하기  (0) 2018.04.01
[안드로이드] - RecyclerView + CardView 사용하기  (0) 2018.04.01
[안드로이드] - strings.xml colors.xml 활용하기  (0) 2018.03.23
[안드로이드] - 어플 종료 시 광고창 띄우기  (0) 2017.11.26
[안드로이드] - 문자열 자르기(분리하기)  (0) 2017.11.22

댓글()
카테고리
  • IT (593)
    • 정리 (0)
    • C# (42)
    • ASP.NET MVC (16)
    • JQuery&Javascript (12)
    • CSS (11)
    • 데이터베이스 (32)
    • Windows Server (6)
    • Active Directory (3)
    • Exchange (9)
    • JAVA (2)
    • JSP (39)
    • JSP 게시판 만들기 (21)
    • JSP 개발 참고 (15)
    • JSP 안드로이드 (4)
    • Servlet (17)
    • Spring (42)
    • HTML (14)
    • NodeJS (46)
    • MongoDB (11)
    • 리눅스 (18)
    • 자료구조 (16)
    • 아이폰 (24)
    • 안드로이드 (68)
    • API 활용하기 (10)
    • 소켓네트워크 (28)
    • 라즈베리파이 (11)
    • AWS클라우드 (10)
    • 빅데이터Hadoop (22)
    • 커널모듈프로그래밍 (8)
    • 기타 (10)
    • 자격증 (26)
최근 등록 현황
최근 글
최근 월별 글
최근 댓글
최근 글
최근 월별 글
최근 댓글
최근 글
최근 월별 글
최근 댓글
달력
지난달
2025.7
다음달
일월화수목금토
12345
6789101112
13141516171819
20212223242526
2728293031
태그 구름
  • nodejs express
  • 정보처리산업기사 15년
  • 데이터베이스
  • jsp
  • 정보처리산업기사 총정리
  • 커널 모듈 프로그래밍
  • 정보처리기사 실기 정리
  • 정보처리산업기사 16년 필기
  • 정규화
  • HTML
  • 리눅스
  • 정보처리산업기사 필기 정리
  • 정보처리산업기사 15년 필기
  • 안드로이드 카카오 로그인 연동
  • 카카오 로그인 연동
  • 안드로이드 intent
  • 안드로이드
  • 이클립스 mysql 연동
  • 소켓 프로그래밍
  • 안드로이드 카카오 로그인
  • 자료구조
  • nodejs MySQL 연동하기(Connection Pool)
  • 카카오 로그인
  • 정보처리산업기사 16년
  • 정보처리산업기사 필기
  • 이클립스 디비 연동
  • 정보처리산업기사 요약
  • 소켓
  • 정보처리산업기사 정리
  • 정규형
카운터
전체 방문자
오늘
어제
Skin by M1REACT. Designed by M1STORY.TISTORY.COM. Valid XHTML 1.0 and CSS 3. Copyright ⓒ Riucc's Storage. All rights reserved.

티스토리툴바