Today
-
Total
-
  • [안드로이드] 상단의 타이틀 없애기
    Coding/Android 2019. 5. 15. 10:47

    안드로이드 스튜디오를 통해 빌드하다보면 저렇게 상단에 프로젝트명이 쓰여진 초록색 바가 공간을 차지하고 있는 것을 볼 수 있습니다. 이는 기본 스타일을 통해 제공되는 타이틀 바로 기본값은 저 타이틀 바를 띄우는 것으로 되어 있습니다.

    하지만 이는 공간만 차지하고, 보기에도 이쁘지 않습니다. 이를 없애거나, 원하는 대로 커스텀하는 것이 가능합니다.

     

    AndroidManifest.xml

    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.example.thermometerproject">
    
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
    
    
            <activity android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
    
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
            <activity android:name=".Formula" />
            <activity android:name=".Calendar" />
            <activity android:name=".Thermometer" />
        </application>
    
    </manifest>

    프로젝트의 AndroidManifest.xml에 들어가 보면 android:theme="@style/AppTheme" 이라고 되어있는 문장이 있습니다. 이는 프로젝트 내의 style.xml 파일의 AppTheme속성을 테마로 사용하겠다는 뜻입니다. 이 속성을 바꿔주면 타이틀 바를 없애줄 수 있습니다.

     

    프로젝트 내의 style.xml파일을 들어가 보면

    <resources>
    
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
    
        </style>
    
    </resources>

    다음과 같이 Theme.AppCompat.Light.DarkActionBar를 상속받는 AppTheme 속성이 있습니다.

    기본적으로 DarkActionBar가 지원하는 모든 속성을 가지고 있고 이 밑에 자식 속성을 추가하여 원하는 속성을 사용할 수 있습니다. 타이틀 바를 없애주기 위해서는

    <item name="windowNoTitle">true</item>

    이 코드를 스타일 안에 추가해 주면 됩니다.

     

    그 결과는

    이렇게 타이틀 바가 사라지게 됩니다!

    댓글