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

时间:2019-08-09 12:05:47

标签: android android-fragments androidx

我试图在片段内添加ActionBar(工具栏),然后将Button设置为该操作栏的“结尾”,并在该按钮上添加onClickListener。

无法使用support.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;
    }
}

3 个答案:

答案 0 :(得分:0)

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

setHasOptionsMenu(true);

然后,您可以为菜单充气并设置侦听器以处理对项目的单击:

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

之后,您可以覆盖onCreateOptionsMenuonOptionsItemSelected以提供所需的逻辑:

@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);
}

答案 1 :(得分:0)

在片段(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_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>

答案 2 :(得分:0)

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

onCreate 方法内部,只需添加 setHasOptionsMenu(true);

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

onCreateView WallFragment.java 中,我在初始化工具栏后立即添加了 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 / ...

菜单中