Question

我正在尝试为我的应用启动器创建自定义样式。我尝试了各种不能产生所需风格的建议。

我正在尝试创建一个样式：

透明状态栏
透明操作栏
白色菜单溢出按钮（右上角有3个点）
显示壁纸
透明软键

我的minSDKversion = 21，我正在主要活动中扩展AppCompatActivity。

当前主题

<style name="AppTheme" parent="android:Theme.Material.Wallpaper.NoTitleBar" />

任何帮助我创建这种风格的帮助都会受到赞赏。谢谢

Answer 1

透明操作栏：

值/ 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>

值-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＆gt; = 21中，为了让Actionbar变得透明，你需要让状态栏透明，否则不会尊重你的颜色样式并保持浅灰色。

透明状态栏（仅适用于API＆gt; = 19）：这个很简单，只需使用以下代码：

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

但是你会发现一个时髦的结果：在这里输入图像描述

这是因为当状态栏是透明的时，布局将使用其高度。为了防止这种情况，我们只需要：

解决方案一：在您的布局视图容器中添加此行android：fitsSystemWindows =“true”，在Actionbar旁边放置任何内容：

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

解决方案二：在我们之前的方法中添加几行：

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);
        }
    }

Where R.id.bellow_actionbar will be the layout container view id of whatever we want to be placed bellow the Actionbar:

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

在此输入图片说明

所以就是这样，它认为我没有忘记一些事情。在这个例子中，我没有使用工具栏，但我认为它会有相同的结果。这就是我自定义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);
    }

注意：这是一个扩展ActionBarActivity的抽象类希望它有所帮助！

在Android Studio中创建自定义样式/主题

1 个答案: