如何使用DrawerLayout来显示ActionBar,在工具栏和状态栏下?

  • 回答 (2)
  • 关注 (0)
  • 查看 (177)

我在新的Side Nav规范中看到,可以在操作栏和状态栏后面显示locker。我怎样才能实现呢?

Lonely永夜Lonely永夜提问于
心愿回答于

让它工作,在值-v21风格或主题xml需要使用此属性:

<item name="android:windowTranslucentStatus">true</item>
人生的旅途辣鸡前端回答于

框架和支持库中的新功能可以完全实现这一点。有三个难题:

  1. 使用工具栏,以便您可以将您的操作栏嵌入到视图层次结构中。
  2. 使DrawerLayout fitsSystemWindows放置在系统条的后面。
  3. 禁用Theme.Material正常的状态栏着色,以便DrawerLayout可以在那里绘制。
  4. 我假设你将使用新的appcompat。

首先,你的布局应该是这样的:

<!-- The important thing to note here is the added fitSystemWindows -->
<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/my_drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">
    <!-- Your normal content view -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <!-- We use a Toolbar so that our drawer can be displayed
             in front of the action bar -->
        <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" />
        <!-- The rest of your content view -->
    </LinearLayout>
    <!-- Your drawer view. This can be any view, LinearLayout
         is just an example. As we have set fitSystemWindows=true
         this will be displayed under the status bar. -->
    <LinearLayout
        android:layout_width="304dp"
        android:layout_height="match_parent"
        android:layout_gravity="left|start"
        android:fitsSystemWindows="true">
        <!-- Your drawer content -->
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

然后在你的Activity / Fragment中:

public void onCreate(Bundled savedInstanceState) {
    super.onCreate(savedInstanceState);
    // Your normal setup. Blah blah ...
    // As we're using a Toolbar, we should retrieve it and set it
    // to be our ActionBa
    Toolbar toolbar = (...) findViewById(R.id.my_awesome_toolbar);
    setSupportActionBar(toolbar);
    // Now retrieve the DrawerLayout so that we can set the status bar color.
    // This only takes effect on Lollipop, or when using translucentStatusBa
    // on KitKat.
    DrawerLayout drawerLayout = (...) findViewById(R.id.my_drawer_layout);
    drawerLayout.setStatusBarBackgroundColor(yourChosenColor);
}

然后,您需要确保DrawerLayout在状态栏后面可见。你通过改变你的values-v21主题来做到这一点:

值-V21 /的themes.xml

<style name="Theme.MyApp" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowTranslucentStatus">true</item>
</style>

注意:如果使用a <fragment android:name="fragments.NavigationDrawerFragment">而不是

<LinearLayout
    android:layout_width="304dp"
    android:layout_height="match_parent"
    android:layout_gravity="left|start"
    android:fitsSystemWindows="true">
    <!-- Your drawer content -->
</LinearLayout>
the actual layout, the desired effect will be achieved if you call fitsSystemWindows(boolean) on a view that you return from onCreateView method.
@Override
public View onCreateView(LayoutInflater inflater, 
                         ViewGroup container,
                         Bundle savedInstanceState) {
    View mDrawerListView = inflater.inflate(
        R.layout.fragment_navigation_drawer, container, false);
    mDrawerListView.setFitsSystemWindows(true);
    return mDrawerListView;
}

所属标签

可能回答问题的人

  • 学生

    3 粉丝476 提问7 回答
  • uncle_light

    5 粉丝518 提问6 回答
  • o o

    4 粉丝494 提问5 回答
  • 富有想象力的人

    3 粉丝0 提问5 回答

扫码关注云+社区

领取腾讯云代金券