HarmonyOS 鸿蒙Next中滑动菜单drawerLayout

HarmonyOS 鸿蒙Next中滑动菜单drawerLayout

滑动菜单drawerLayout

1.修改布局文件，把最外层换成drawerLayout，其中可以包含两个子控件

<androidx.drawerlayout.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawerLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"&gt;
<FrameLayout
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:layout_marginTop=“20dp”
>
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width=“match_parent”
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
/>
</FrameLayout>
<TextView
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:layout_gravity=“start”
android:text=“This is menu”
android:textSize=“30sp”
android:background="#FFF"
android:layout_marginTop=“20dp”
/>
</androidx.drawerlayout.widget.DrawerLayout>

第二个控件的layout_gravity必须指定，决定了滑动菜单从哪边滑出，left或right，start是由系统语言决定，如果系统语言是汉语或者英语，就是从左往右，如果是阿拉伯语，就是从右往左

还要注意drawerLayout的高度如果是match_parent，那么会被状态栏挡住一部分内容，可以margin把两个子控件下移

2.显示滑动菜单的导航按钮，提醒用户可左滑，并且修改导航按钮的图标和点击事件（本来是一个home键，默认图标是一个箭头）

//getSupportActonBar获取ActionBar的实例
supportActionBar?.let{
    it.setDisplayHomeAsUpEnabled(true)
     it.setHomeAsUpIndicator(android.R.drawable.ic_menu_sort_by_size)//修改图标,这个是系统的图标
}
override fun onOptionsItemSelected(item: MenuItem): Boolean {
when(item.itemId){
…
//home键的id永远是  android.R.id.home
android.R.id.home->binding.drawerLayout.openDrawer(GravityCompat.START)//要和xml保持一致
}
return true
}