androidのハンバーガーメニューを実装する方法は？

2年 ago
桜, 春樹
2 minutes

Androidアプリにドロワーメニューを実装するには、Navigation Drawerコンポーネントが使用できます。一般的な実装方法を以下に示します。

  1. XML レイアウトファイルに DrawerLayout をルートレイアウトとして追加し、その中にコンテンツレイアウト（主要で表示される画面のコンテンツ）と NavigationView（スライドメニューのビュー）の 2 つのビューを追加する。
<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 主要内容布局 -->
    <RelativeLayout
        android:id="@+id/content_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        ...
    </RelativeLayout>

    <!-- 侧滑菜单布局 -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/navigation_menu"
        app:headerLayout="@layout/navigation_header"/>
        
</androidx.drawerlayout.widget.DrawerLayout>
  1. メニューフォルダを作成し、その中にnavigation_menu.xml ファイルを作成して、スライドメニューの項目を定義します。
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/menu_item1"
            android:title="菜单项1"/>
        <item
            android:id="@+id/menu_item2"
            android:title="菜单项2"/>
        <item
            android:id="@+id/menu_item3"
            android:title="菜单项3"/>
    </group>
</menu>
  1. MainActivityにて、DrawerLayoutとNavigationViewを取得し、メニュー項目のクリックイベント処理を追加します。
public class MainActivity extends AppCompatActivity {
    private DrawerLayout drawerLayout;
    private NavigationView navigationView;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        drawerLayout = findViewById(R.id.drawer_layout);
        navigationView = findViewById(R.id.navigation_view);
        
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                // 处理菜单项点击事件
                switch (item.getItemId()) {
                    case R.id.menu_item1:
                        // 执行相关操作
                        break;
                    case R.id.menu_item2:
                        // 执行相关操作
                        break;
                    case R.id.menu_item3:
                        // 执行相关操作
                        break;
                }
                
                // 关闭侧滑菜单
                drawerLayout.closeDrawer(GravityCompat.START);
                
                return true;
            }
        });
    }
}

Androidのサイドメニューを実装する方法と言えます。ユーザがメニュー項目をタップすると、対応する操作が実行され、サイドメニューは閉じられます。

bannerAds