Android 투명 상태 표시 줄 및 작업 표시 줄


97

이 주제에 대해 몇 가지 연구를 수행했지만 완전한 솔루션을 찾을 수 없었기 때문에 단계적으로 시행 착오를 거쳐 마침내 이러한 결과를 얻을 수있는 방법을 알아 냈습니다 : 투명 또는 컬러 ActionbarStatusbar. 내 대답은 아래를 참조하십시오.

답변:


238

작업 표시 줄 및 상태 표시 줄 사용자 지정과 관련하여> = API14를 사용하는 모든 장치에서 유사하게 보이는 앱을 개발 중입니다. 마침내 해결책을 찾았고 시간이 조금 걸렸기 때문에 일부를 저장하기 위해 공유하겠습니다. appcompat-21 종속성을 사용하여 시작합니다.

투명한 액션 바 :

values ​​/ styles.xml :

<style name="AppTheme" parent="Theme.AppCompat.Light">
...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="android:windowContentOverlay">@null</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="windowActionBarOverlay">false</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>


values-v21 / styles.xml :

<style name="AppTheme" parent="Theme.AppCompat.Light">
    ...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="colorPrimaryDark">@color/bg_colorPrimaryDark</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>

이제이 테마를 사용 AndroidManifest.xml하여 투명하거나 색상이있는 활동을 지정할 수 있습니다 ActionBar.

    <activity
            android:name=".MyTransparentActionbarActivity"
            android:theme="@style/AppTheme.ActionBar.Transparent"/>

    <activity
            android:name=".MyColoredActionbarActivity"
            android:theme="@style/AppTheme.ActionBar"/>

여기에 이미지 설명 입력 여기에 이미지 설명 입력 여기에 이미지 설명 입력 여기에 이미지 설명 입력 여기에 이미지 설명 입력

참고 : API> = 21에서 Actionbar투명도 를 얻으려면 투명도를 얻어야합니다 Statusbar. 그렇지 않으면 색상 스타일을 존중하지 않고 밝은 회색으로 유지됩니다.



투명 상태 표시 줄 (API> = 19에서만 작동) :
이것은 매우 간단합니다. 다음 코드를 사용하면됩니다.

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

그러나 펑키 한 결과를 알 수 있습니다. 여기에 이미지 설명 입력

이는가 Statusbar투명 할 때 레이아웃이 높이를 사용 하기 때문에 발생합니다 . 이를 방지하려면 다음을 수행하면됩니다.

해결 방법 1 : Actionbar 아래에 배치하려는 레이아웃보기 컨테이너에
다음 줄 android:fitsSystemWindows="true"을 추가합니다 .

    ...
        <LinearLayout
                android:fitsSystemWindows="true"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
            ...
        </LinearLayout>
    ...

해결 방법 2 :
이전 방법에 몇 줄을 추가합니다.

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        View v = findViewById(R.id.bellow_actionbar);
        if (v != null) {
            int paddingTop = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT ? MyScreenUtils.getStatusBarHeight(this) : 0;
            TypedValue tv = new TypedValue();
            getTheme().resolveAttribute(android.support.v7.appcompat.R.attr.actionBarSize, tv, true);
            paddingTop += TypedValue.complexToDimensionPixelSize(tv.data, getResources().getDisplayMetrics());
            v.setPadding(0, makeTranslucent ? paddingTop : 0, 0, 0);
        }

        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

어디 R.id.bellow_actionbar우리가 우는 배치 할 원하는대로의 레이아웃 컨테이너보기 ID가됩니다 Actionbar:

...
    <LinearLayout
            android:id="@+id/bellow_actionbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        ...
    </LinearLayout>
...

여기에 이미지 설명 입력

그래서 이것은 내가 무언가를 잊고 있지 않다고 생각합니다. 이 예에서는 a를 사용하지 않았지만 Toolbar동일한 결과를 얻을 것이라고 생각합니다. 이것이 내가 사용자 정의하는 방법입니다 Actionbar.

@Override
    protected void onCreate(Bundle savedInstanceState) {
        View vg = getActionBarView();
        getWindow().requestFeature(vg != null ? Window.FEATURE_ACTION_BAR : Window.FEATURE_NO_TITLE);

        super.onCreate(savedInstanceState);
        setContentView(getContentView());

        if (vg != null) {
            getSupportActionBar().setCustomView(vg, new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            getSupportActionBar().setDisplayShowCustomEnabled(true);
            getSupportActionBar().setDisplayShowHomeEnabled(false);
            getSupportActionBar().setDisplayShowTitleEnabled(false);
            getSupportActionBar().setDisplayUseLogoEnabled(false);
        }
        setStatusBarTranslucent(true);
    }

참고 :이은이다 abstract class연장 ActionBarActivity
이 도움이 희망을!


9
뷰가 투명한 상태 표시 줄 아래에 있지 않은지 확인 하려면 android : fitsSystemWindows를 사용해야 합니다.
ianhanniballake

1
그것은 완전히 정확합니다. 나는 내 코드를 검토하고 있었고 이것도 사용하고 있습니다. 이 예에서 내가 놓쳤는 지 모르겠습니다. 업데이트하겠습니다, 감사합니다!
GuilhE

4
MyScreenUtils.getStatusBarHeight(this) 여기 에 누락 된 답변이 있습니다. stackoverflow.com/a/3410200/1307690
Roman Nazarevych

1
반투명하고 완전히 투명하지 않게 만드는 방법이 있습니까? 나는 api 23에 있습니다
aks

6
투명한 StatusBar 작품을 얻으려면 FLAG_LAYOUT_NO_LIMITS 플래그 를 추가 하고 그 getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);뒤에 코드 를 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
Eduardo ER

3

KITKAT 이후에 지원합니다. Activity의 onCreate 메서드 안에 다음 코드를 추가하기 만하면됩니다. Manifest 파일을 수정할 필요가 없습니다.

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                Window w = getWindow(); // in Activity's onCreate() for instance
                w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
            }

9
이 탐색 모음도 투명하게
NOlivNeto

0

활동 / 조각 자바 파일에 다음 코드 줄을 추가하기 만하면됩니다.

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.