【问题标题】:Why toolbar has no elevation?为什么工具栏没有高程?
【发布时间】:2016-01-02 06:23:13
【问题描述】:

我一直在尝试使用新的设计库,并且我有一个工具栏而不是已弃用的操作栏。问题是工具栏没有高度。我在布局中的任何地方都添加了高程,在代码中,我什至添加了 AppBarLayout。没有任何效果。我正在对 Lollipop 和 Kitkat 进行测试。

非常感谢任何帮助。

我的 style.xml

<resources>

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

        <item name="colorPrimary">@color/ColorPrimary</item>
        <item name="colorPrimaryDark">@color/ColorPrimaryDark</item>
        <item name="windowActionBar">false</item>

        <!-- Customize your theme here. -->
    </style>

</resources>

activity_main.xml

    <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
                                        android:id="@+id/drawer_layout"
                                        android:layout_width="match_parent"
                                        android:fitsSystemWindows="true"
                                        android:layout_height="match_parent">
    <RelativeLayout
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >
        <include
                android:elevation="7dp"
                android:id="@+id/tool_bar"
                layout="@layout/app_bar"
                ></include>
    </RelativeLayout>
    <android.support.design.widget.NavigationView
            android:id="@+id/nav_draw"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            app:headerLayout="@layout/drawer_header"
            app:menu="@menu/drawer" />
    </android.support.v4.widget.DrawerLayout>

主要活动:

 public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {



Toolbar toolbar;
View root;
NavigationView nav_draw;
DrawerLayout drawer_layout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    setupToolbar();

    drawer_layout = (DrawerLayout)findViewById(R.id.drawer_layout);
    nav_draw = (NavigationView) findViewById(R.id.nav_draw);
    nav_draw.setNavigationItemSelectedListener(this);

getSupportFragmentManager().beginTransaction()
        .replace(R.id.container, new Fragment())
        .commit();

}
private void setupToolbar(){
    Toolbar toolbar = (Toolbar) findViewById(R.id.tool_bar);
    setSupportActionBar(toolbar);
    getSupportActionBar().setElevation(18);
    final ActionBar ab = getSupportActionBar();
    ab.setHomeAsUpIndicator(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
    ab.setDisplayHomeAsUpEnabled(true);
}
}

app_bar 布局文件

<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_height="?attr/actionBarSize"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="7dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

【问题讨论】:

  • 你使用什么版本的SDK?如果你想在 Pre Lollipop sdk 上提升你应该检查这个:blog.grafixartist.com/add-a-toolbar-elevation-on-pre-lollipop 或这个:stackoverflow.com/questions/26743325/…
  • 对于棒棒糖之前的设备,海拔属性不起作用。您可能希望在工具栏下方添加自定义阴影视图。
  • sdk 版本:23 de[endencies : compile 'com.android.support:appcompat-v7:23.0.1' compile 'com.android.support:design:22.2.0'
  • 正如我在问题中所说,我也在 Lollipop 虚拟设备上对其进行测试。
  • android:elevation="7dp" -> app:elevation

标签: android material-design android-toolbar android-appbarlayout android-elevation


【解决方案1】:

我在物理棒棒糖设备上进行了测试,结果很好。我不知道为什么它在虚拟设备上不起作用。

【讨论】:

    猜你喜欢
    • 2017-12-23
    • 1970-01-01
    • 2018-12-18
    • 1970-01-01
    • 2020-05-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-03
    相关资源
    最近更新 更多