标题栏就像Android上的布局样式

Question

我想使用线性布局创建这样的自定义标题栏。我无法弄清楚如何在底部获得3D / shodow效果。有什么建议吗？

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item >
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/darker_gray" />
            <corners android:radius="0dp"/>
        </shape>
    </item>
    <item android:bottom="1dp" android:top="1dp">
        <shape
            android:shape="rectangle">
            <solid android:color="#019BD9"/>
            <corners android:radius="0dp"/>
        </shape>
    </item>
</layer-list>

Answer 1

您可以集成appcompact

<android.support.v7.widget.Toolbar
    android:id=”@+id/my_awesome_toolbar”
    android:layout_height=”wrap_content”
    android:layout_width=”match_parent”
    android:minHeight=”?attr/actionBarSize”
    android:background=”?attr/colorPrimary” />

http://android-developers.blogspot.ro/2014/10/appcompat-v21-material-design-for-pre.html

Answer 2

要使用工具栏，只需将其添加到您的布局中即可。

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/color_alizarin"
        android:titleTextAppearance="@color/White"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

在java文件中将其作为mToolBar引用。

并执行小代码

setSupportActionbar(mToolBar);

注意：setSupportActionbar（）仅在扩展ActionBarActivity或AppCompactActivity时可用。而是唯一的活动

<强> [备选]

如果您不想使用工具栏。 只需将下面的视图添加到您想要阴影的位置。

<View
      android:layout_width="match_parent"
      android:layout_height="5dp"
      android:background="@drawable/toolbar_dropshadow" />

这里是 toolbar_dropshadow drawable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<gradient
    android:startColor="@android:color/transparent"
    android:endColor="#88333333"
    android:angle="90"/>
</shape>