วิธีตั้งค่าเมนูเป็น Toolbar ใน Android

Question 1

ฉันต้องการใช้ToolBarแทนActionBarแต่อย่าแสดงเมนูในแถบเครื่องมือ !!! ฉันต้องการชุดเมนูเช่นรีเฟรชหรือการตั้งค่าActionBarปุ่ม

รหัส Toolbar.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:navigationContentDescription="@string/abc_action_bar_up_description"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:title="Main Page"
    android:gravity="center"/>

รหัส MainPage.java:

public class MainPage extends AppCompatActivity {
    private Toolbar toolbar;

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

        toolbar = (Toolbar) findViewById(R.id.main_toolbar);
        setSupportActionBar(toolbar);
        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("Main Page");
        }
        toolbar.setSubtitle("Test Subtitle");
        toolbar.inflateMenu(R.menu.main_manu);
    }
}

main_menu.xml รหัส:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/menu_main_setting"
        android:icon="@drawable/ic_settings"
        android:orderInCategory="100"
        app:showAsAction="always"
        android:actionLayout="@layout/toolbar"
        android:title="Setting" />

    <item
        android:id="@+id/menu_main_setting2"
        android:icon="@drawable/ic_settings"
        android:orderInCategory="200"
        app:showAsAction="always"
        android:actionLayout="@layout/toolbar"
        android:title="Setting" />

</menu>

วิธีแก้ไขปัญหานี้และแสดงเมนูในToolbar? ขอบคุณทุกคนที่รัก <3

Question 2

เพียงแค่แทนที่onCreateOptionsMenuเช่นนี้ใน MainPage.java ของคุณ

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main_menu, menu);
    return true;
}

Question 3

อย่าใช้ setSupportActionBar (แถบเครื่องมือ)

ฉันไม่รู้ว่าทำไม แต่มันเหมาะกับฉัน

toolbar = (Toolbar) findViewById(R.id.main_toolbar);
toolbar.setSubtitle("Test Subtitle");
toolbar.inflateMenu(R.menu.main_manu);

สำหรับรายการเมนูคลิกทำสิ่งนี้

toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {

        @Override
        public boolean onMenuItemClick(MenuItem item) {

            if(item.getItemId()==R.id.item1)
            {
                // do something
            }
            else if(item.getItemId()== R.id.filter)
            {
               // do something
            }
            else{
               // do something
            }

            return false;
        }
    });

จะอัปเดตส่วน "ทำไม" ของคำตอบนี้เมื่อฉันพบคำอธิบายที่เหมาะสม
ยินดีให้ความช่วยเหลือ :) สันติ.

Question 4

นี่คือคำตอบที่สมบูรณ์ยิ่งขึ้นเพื่อใช้อ้างอิงถึงผู้เยี่ยมชมในอนาคต ฉันมักจะใช้แถบเครื่องมือสนับสนุนแต่มันก็ใช้ได้เช่นกัน

1. ทำเมนู xml

นี่จะเข้าres/menu/main_menuแล้ว

คลิกขวาที่resโฟลเดอร์และเลือกใหม่> Android ทรัพยากรไฟล์
พิมพ์main_menuชื่อไฟล์
เลือกเมนูสำหรับประเภททรัพยากร

วางเนื้อหาต่อไปนี้เป็นตัวเริ่มต้น

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_add"
        android:icon="@drawable/ic_add"
        app:showAsAction="ifRoom"
        android:title="Add">
    </item>
    <item
        android:id="@+id/action_settings"
        app:showAsAction="never"
        android:title="Settings">
    </item>
</menu>

คุณสามารถคลิกขวาresและเลือกเนื้อหารูปภาพใหม่เพื่อสร้างic_addไอคอน

2. ขยายเมนู

ในกิจกรรมของคุณให้เพิ่มวิธีการต่อไปนี้

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_menu, menu);
    return true;
}

3. จัดการการคลิกเมนู

นอกจากนี้ในกิจกรรมของคุณให้เพิ่มวิธีการต่อไปนี้:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle item selection
    switch (item.getItemId()) {
        case R.id.action_add:
            addSomething();
            return true;
        case R.id.action_settings:
            startSettings();
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }
}

อ่านเพิ่มเติม

เอกสารเมนู Android

Question 5

คุณต้องแทนที่รหัสนี้ในกิจกรรมของคุณ:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu, this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main2, menu);
    return true;
}

และตั้งค่าแถบเครื่องมือของคุณดังนี้:

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

Question 6

นอกจากนี้คุณต้องใช้สิ่งนี้ในการดำเนินการบางอย่างกับทุกตัวเลือกของเมนู

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case R.id.menu_help:
            Toast.makeText(this, "This is teh option help", Toast.LENGTH_LONG).show();
            break;
        default:
            break;
    }
    return true;
}

Question 7

แม้ว่าฉันจะเห็นด้วยกับคำตอบนี้เนื่องจากมีโค้ดน้อยกว่าและใช้งานได้:

วิธีตั้งค่าเมนูเป็น Toolbar ใน Android

คำแนะนำของฉันคือให้เริ่มโครงการโดยใช้ Android Studio Wizard เสมอ ในโค้ดนั้นคุณจะพบบางสไตล์: -

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

และการใช้งานคือ:

<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

เนื่องจากการno action bar themeประกาศในstyles.xmlนั้นใช้กับMain ActivityในAndroidManifest.xmlไม่มีข้อยกเว้นดังนั้นคุณต้องตรวจสอบที่นั่น

<activity android:name=".MainActivity" android:screenOrientation="portrait"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

Toolbarไม่ได้เป็นองค์กรอิสระก็มักจะมีมุมมองที่เด็กในนั้นอีกครั้งเป็นลูกของAppBarLayout CoordinatorLayout
รหัสสำหรับสร้างเมนูเป็นรหัสมาตรฐานตั้งแต่วันแรกซึ่งจะเกิดขึ้นซ้ำแล้วซ้ำอีกในคำตอบทั้งหมดโดยเฉพาะคำตอบที่ทำเครื่องหมายไว้ แต่ไม่มีใครรู้ว่าอะไรคือความแตกต่าง

ทั้งสอง:

Toolbar toolbar = findViewById(R.id.toolbar); setSupportActionBar(toolbar);

และ:

วิธีตั้งค่าเมนูเป็น Toolbar ใน Android

จะทำงาน.

Happy Coding :-)

Question 8

ในกิจกรรมของคุณให้ลบล้างวิธีนี้

   @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main_menu, menu);
        return true;
    }

สิ่งนี้จะขยายเมนูของคุณด้านล่าง:

 <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">

        <item
            android:id="@+id/menu_main_setting"
            android:icon="@drawable/ic_settings"
            android:orderInCategory="100"
            app:showAsAction="always"
            android:actionLayout="@layout/toolbar"
            android:title="Setting" />

        <item
            android:id="@+id/menu_main_setting2"
            android:icon="@drawable/ic_settings"
            android:orderInCategory="200"
            app:showAsAction="always"
            android:actionLayout="@layout/toolbar"
            android:title="Setting" />

    </menu>

Question 9

คุณยังคงสามารถใช้คำตอบที่ให้มาโดยใช้ Toolbar.inflateMenuได้แม้ในขณะที่ใช้ setSupportActionBar (แถบเครื่องมือ)

ฉันมีสถานการณ์ที่ฉันต้องย้ายฟังก์ชันการตั้งค่าแถบเครื่องมือไปยังคลาสแยกต่างหากนอกกิจกรรมซึ่งไม่รู้เหตุการณ์ onCreateOptionsMenu ด้วยตัวเอง

ดังนั้นเพื่อใช้สิ่งนี้สิ่งที่ฉันต้องทำคือรอให้ Toolbar ถูกดึงออกมาก่อนที่จะเรียกใช้ inflateMenu โดยทำดังต่อไปนี้:

toolbar.post {
    toolbar.inflateMenu(R.menu.my_menu)
}

อาจไม่ถือว่าสะอาดมากนัก แต่ก็ยังทำงานได้ลุล่วง

Question 10

ในกรณีของฉันฉันใช้ AppBarLayout กับ CollapsingToolbarLayout และเมนูมักจะถูกเลื่อนออกจากหน้าจอฉันแก้ปัญหาของฉันโดยเปลี่ยน android: actionLayout ใน XML ของเมนูเป็น id ของแถบเครื่องมือ ฉันหวังว่ามันจะช่วยคนที่ตกอยู่ในสถานการณ์เดียวกันได้!

activity_main.xml

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".activities.MainScreenActivity"
    android:screenOrientation="portrait">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        app:elevation="0dp"
        android:theme="@style/AppTheme.AppBarOverlay">
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingBar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="exitUntilCollapsed|scroll"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginStart="48dp"
            app:expandedTitleMarginEnd="48dp"
            >
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:elevation="0dp"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                app:layout_collapseMode="pin"/>
        </android.support.design.widget.CollapsingToolbarLayout>


    </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

main_menu.xml

<?xml version="1.0" encoding="utf-8"?> <menu
xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/logoutMenu"
        android:orderInCategory="100"
        android:title="@string/log_out"
        app:showAsAction="never"
        android:actionLayout="@id/toolbar"/>
    <item
        android:id="@+id/sortMenu"
        android:orderInCategory="100"
        android:title="@string/sort"
        app:showAsAction="never"/> </menu>

Question 11

ใน XML เพิ่มหนึ่งบรรทัดภายใน <Toolbar/>

<com.google.android.material.appbar.MaterialToolbar
app:menu="@menu/main_menu"/>

ในไฟล์ java ให้แทนที่สิ่งนี้:

 setSupportActionBar(toolbar);
        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("Main Page");
        }

ด้วยสิ่งนี้:

toolbar.setTitle("Main Page")

Question 12

การแก้ไขที่ง่ายในการนี้ได้รับการตั้งค่าshowAsActionไปalwaysในmenu.xmlในความละเอียด / เมนู

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/add_alarm"
        android:icon="@drawable/ic_action_name"
        android:orderInCategory="100"
        android:title="Add"
        app:showAsAction="always"
        android:visible="true"/>

</menu>

Question 13

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar;        
    toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    getSupportActionBar().setDisplayShowTitleEnabled(false);
  }



    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_drawer,menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_drawer){
           drawerLayout.openDrawer(GravityCompat.END);
            if (drawerLayout.isDrawerOpen(GravityCompat.END)) {
                drawerLayout.closeDrawer(GravityCompat.END);
            } else {
                drawerLayout.openDrawer(GravityCompat.END);
            }
        }
        return super.onOptionsItemSelected(item);
    }

res / layout / drawer_menu

<?xml version="1.0" encoding="utf-8"?>
<menu
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/action_drawer"
        android:title="@string/app_name"
        android:icon="@drawable/ic_menu_black_24dp"
        app:showAsAction="always"/>

</menu>

toolbar.xml

<com.google.android.material.appbar.AppBarLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:titleTextColor="@android:color/white"
    app:titleTextAppearance="@style/TextAppearance.Widget.Event.Toolbar.Title">

     <TextView
         android:id="@+id/toolbar_title"
         android:layout_gravity="center"
         android:layout_height="wrap_content"
         android:layout_width="wrap_content"
         android:text="@string/app_name"
         android:textColor="@android:color/white"
         style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title" />

</androidx.appcompat.widget.Toolbar>

Question 14

private Toolbar toolbar;

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

    toolbar = (Toolbar) findViewById(R.id.my_toolbar);
    *// here is where you set it to show on the toolbar*
    setSupportActionBar(toolbar);
}

คุณต้องตั้งค่าแถบการดำเนินการสนับสนุน setSupportActionBar (); และส่งผ่านตัวแปรของคุณดังนี้:setSupportActionBar(toolbar);