[Android][Kotlin] 투명 상태바 만들기 (transparent status bar)

투명 상태바 만들기 

디자이너가 원하는 투명 상태바를 만들어보자.

 

특징1. 다른 곳들은 그대로, 이 페이지만 투명한 상태바여야한다.

특징2. 아래의 그림은 참고용 이미지로 아이폰용 상태바가 올려져있다.

 

 

 

 

상태바 (Status Bar)

이 액티비티에서 액션바는 사용하지 않고 있고,

상태바(Status Bar)의 요소들은 보이되, 배경을 투명하게 만드는게 목표다.

 

 

코드

적용할 액티비티에 추가해주고

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_editors_pick)

        window.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS)
        MAINLAYOUT.setPadding(0, statusBarHeight(this), 0, 0)
        
        ...
        }
        
  fun statusBarHeight(context: Context): Int {
        val resourceId = context.resources.getIdentifier("status_bar_height", "dimen", "android")

        return if (resourceId > 0) context.resources.getDimensionPixelSize(resourceId)
        else 0
    }

 

style.xml에 새로운 스타일 생성 (액션바는 없는)

    <style name="TransparentStatusTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
    </style>

 

매니페스트 파일에 추가하면 된다.

        <activity
            android:name=".EditorsPickActivity"
            android:theme="@style/TransparentStatusTheme"/>

 

 

참고

Android Completely transparent Status Bar?

안드로이드 투명 인디케이터 만들기