안드로이드 스튜디오 예제 7 – 타이틀 바, 이메일 버튼 없애기

안드로이드 스튜디오를 이용해서 안드로이드 앱을 만들면 상단에 타이틀 바와 하단에 이메일 버튼이 자동 생성되는데 굉장히 꼴보기 싫다. 이번 예제에서는 이렇게 자동 생성되는 타이틀 바(Title Bar)를 삭제하는 내용을 다루려고 한다.

——————————————————————————————————–

1. 안드로이드 스튜디오를 실행하고, Start a new Android Studio project를 선택한다.
2. New Project 창이 나타나면, Application name에 BlankApplication을 입력하고 Next 버튼을 클릭한다.
3. Target Android Devices 창이 나타나면, Phone and Table, 그리고 Minimum SDK는 API 22를 선택하고 Next 버튼을 클릭한다.
4. Add an activity to Mobile 창이 나타나면, Blank Activity를 선택하고 Next 버튼을 클릭한다.
5. Customize the Activity 창이 나타나면, 기본 설정 그대로 Finish 버튼을 클릭한다.
6. content_main.xml이 선택되어 있는 상태에서, “Hello World!”가 적혀있는 TextView를 선택하고 삭제한다.
7. activity_main.xml를 더블클릭하여 선택하고 모드를 Design에서 Text로 바꾼 후, 다음의 굵은 글씨 부분을 삭제한다.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.example.administrator.blankapplication.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email" />

</android.support.design.widget.CoordinatorLayout>

8. MainActivity.java를 더블클릭하여 선택하고, onCreate() 함수에서 다음의 굵은 글씨 부분을 삭제한다.

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
        }
    });
}

9. Shift+F10를 눌러서 “Device Chooser”를 선택하고 빌드하면 다음과 같은 변화를 확인할 수 있다.no_title_bar

 

답글 남기기