在片段中添加工具栏 (AndroidX)

Question

我正在尝试在片段中添加 ActionBar（工具栏），然后将 Button 设置为此操作栏的 "end" 并在该按钮上添加 onClickListener。

无法使用支持。v7.widget.ToolBar（我不知道为什么，但我无法实现它）所以我不得不改用 androidx.appcompat.widget.Toolbar。我找不到任何来源。

app_bar_layout.xml:

<androidx.appcompat.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_app_toolbar"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
</androidx.appcompat.widget.Toolbar>

片段的设计fragment_wall.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".WallFragment"
    android:background="@color/colorWhite">

    <include
        android:id="@+id/update_wall_page_toolbar"
        layout="@layout/app_bar_layout"></include>
</FrameLayout>

WallFragment.java

中的代码

public class WallFragment extends Fragment {


    public WallFragment() {
        // Required empty public constructor
    }

    private Toolbar TopActivityToolbar;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View v = inflater.inflate(R.layout.fragment_wall, container, false);
        TopActivityToolbar = v.findViewById(R.id.update_wall_page_toolbar);

        TopActivityToolbar.setTitle("Príspevky");
        TopActivityToolbar.setLogo(ContextCompat.getDrawable(getActivity(),R.drawable.ic_add_circle_black_24dp));

        return v;
    }
}

Answer 1

首先，要使其正常工作，您需要在 onCreateView 需要有菜单的片段回调中调用此代码；

setHasOptionsMenu(true);

然后您就可以扩充菜单并设置侦听器来处理对项目的点击：

inflater.inflate(*R.menu.your_menu_resource*, menu);

之后您可以覆盖 onCreateOptionsMenu 和 onOptionsItemSelected 以提供所需的逻辑：

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    inflater.inflate(R.menu.toolbar, menu);
    super.onCreateOptionsMenu(menu, inflater);
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (item.getItemId() == R.id.toolbar_seetings) {
        Toast.makeText(getContext(), "Menu item was clicked", Toast.LENGTH_SHORT).show();
        return true;
    }
    return super.onOptionsItemSelected(item);
}

之后你只需要处理 App Bar 可见性，所以你需要将代码放在 onCreateView 中，它看起来像这样：

@Override
public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    setHasOptionsMenu(true);
    ((AppCompatActivity) getActivity()).getSupportActionBar().show();

    return inflater.inflate(R.layout.fragment_home, container, false);
}

Answer 2

在片段中添加工具栏（AndroidX），你应该在片段中使用onCreateOptionsMenu()方法。

@Override
public void onCreateOptionsMenu(
      Menu menu, MenuInflater inflater) {inflater.inflate(R.menu.example_menu, menu);
}

首先，您必须在片段的 onCreate() 方法中调用 setHasOptionsMenu()：

setHasOptionsMenu(true);

//用于处理项目选择您可以在 onOptionsItemSelected() 方法中处理菜单项点击：

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case R.id.itemId:
        //action    
    return true;
        default:
            return super.onOptionsItemSelected(item);
    }
}

完整示例代码如下：

在这个例子中一activity：主要activity： activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="200dp"
    android:id="@+id/fragment_id"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click"
        android:onClick="changeFragment"
        android:layout_gravity="center"/>
</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {
    FrameLayout frameLayout;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        loadFragment(new FirstFragment());
    }
    private void loadFragment(Fragment fragment) {

        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        transaction.replace(R.id.fragment_id, fragment);
        transaction.addToBackStack(null);
        transaction.commit();
    }

    public void changeFragment(View view) {
        loadFragment(new SecondFragment());
    }
}

本例中有两个片段： FirstFragment 和 SecondFragment。

FirstFragment.java :

 public class FirstFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.first_layout,container,false);
        return view;
    }
    @Override
    public void onCreateOptionsMenu(
            Menu menu, MenuInflater inflater) {
        inflater.inflate(R.menu.first_item_menu, menu);
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setHasOptionsMenu(true);
    }

    //For handling item selection
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.itemId:
                Toast.makeText(getContext(),"First Fragment item",Toast.LENGTH_SHORT).show();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}

SecondFragment.java

  public class SecondFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.second_frag,container,false);
        return view;
    }
    @Override
    public void onCreateOptionsMenu(
            Menu menu, MenuInflater inflater) {
        inflater.inflate(R.menu.second_item_menu, menu);
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setHasOptionsMenu(true);
    }

    //For handling item selection
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {
            case R.id.itemId1:
                Toast.makeText(getContext(),"Second Fragment item",Toast.LENGTH_SHORT).show();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}

在菜单文件中，app:showAsAction="ifRoom" 在您的菜单项中。
下面是菜单文件的示例代码。

<menu xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/itemId"
        android:icon="@drawable/ic_apps_black_24dp"
        android:title="First"
        app:showAsAction="ifRoom">
    </item>
</menu>

Answer 3

那么对我来说成功的答案是什么：

在 onCreate 方法中只需添加 setHasOptionsMenu(true);

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setHasOptionsMenu(true);
    }

在 WallFragment.java 的 onCreateView 中，我在之后添加了 setOnMenuItemClickListener正在初始化工具栏

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View inflatedView = inflater.inflate(R.layout.fragment_wall, container, false);

        TopActivityToolbar = inflatedView.findViewById(R.id.update_wall_page_toolbar);
        TopActivityToolbar.setTitle("someTitle");
        TopActivityToolbar.inflateMenu(R.menu.menu_app_actionbar_wall);

        // and finally set click listener
        TopActivityToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                // Your code inside Toolbar onClick...
                return false;
            }
        });
        return inflatedView;
    }

不要忘记从 res/menu/...

INFLATE 菜单

在片段中添加工具栏 (AndroidX)

Add Toolbar inside fragment (AndroidX)

android

android-fragments

androidx