Android多窗格工具栏

时间:2016-07-12 17:15:48

标签: android layout toolbar

我在多窗格中使用FrameLayout成功。唯一的问题是与选项菜单有关。从图片中可以看出,左侧片段属于左侧片段而是显示在右侧片段中。我的错误在哪里?谢谢

a_drawer     

<android.support.v7.widget.Toolbar
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    android:theme="?attr/toolbarTheme"
    app:popupTheme="?attr/toolbarPopupTheme"/>

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:baselineAligned="false"
    android:orientation="horizontal">


    <FrameLayout
        android:id="@+id/frame_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"/>

    <FrameLayout
        android:id="@+id/frame_container1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"/>

</LinearLayout>

主要

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


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

并将片段放在右边

 @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.vedi_, container, false);
    setHasOptionsMenu(true);
...
...
}
 @Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    super.onCreateOptionsMenu(menu, inflater);
    inflater.inflate(R.menu.menu_modifica, menu);
    inflater.inflate(R.menu.menu_elimina, menu);
}
 @Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
...
}

片段XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            xmlns:fab="http://schemas.android.com/tools">


<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp"
    android:layout_marginBottom="16dp"
    android:layout_below="@+id/appbar">

    <RelativeLayout
        android:id="@+id/relativeLayout3"
        android:layout_width="fill_parent"
        android:layout_height="55dp"
        android:layout_alignParentTop="true"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp">

        <TextView
            android:id="@+id/textView4"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="60dp"
            android:ellipsize="end"
            android:gravity="center_vertical|left"
            android:singleLine="true"
            android:text="conto"
            android:textColor="#000000"
            android:textSize="21sp"/>

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"/>
    </RelativeLayout>

    <ListView
        android:id="@+id/listView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/relativeLayout3"/>

    <com.github.clans.fab.FloatingActionButton
        android:id="@+id/FloatingActionButton02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_centerHorizontal="true"
        android:baselineAlignBottom="false"
        android:src="@mipmap/ic_photo_white_24dp"
        fab:fab_colorNormal="#ff4806"
        fab:fab_size="normal"
        />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_centerVertical="true"
        android:gravity="center_vertical|center_horizontal"
        android:text="@string/nonContieneCampi"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="#000000"
        android:textSize="14sp"/>

</RelativeLayout>

enter image description here

1 个答案:

答案 0 :(得分:1)

如果您想显示that (there are some screenshots)之类的内容 我认为你需要实现2个工具栏而不是一个。所以你必须选择:

1)添加到另一个工具栏小部件的布局。

2)从布局中删除工具栏小部件,并将工具栏小部件添加到每个片段布局

对我来说,第二个选项更正确,因为它将每个“片段”工具栏封装在它们的布局中。

接下来,您需要使用Toolbar.inflateMenu方法为每个工具栏提供自定义菜单资源。并且不要使用'setSupportActionBar'(如果你使用它),因为你不需要它。

如果您想了解更多信息,请发表评论。我会尝试解释更多细节。

<强>编辑:

您需要将工具栏替换为片段的xml布局。 接下来你需要删除

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

来自活动中的onCreate。您还需要删除

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

并为每个片段添加类似的内容。 第一个:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.vedi_, container, false);
    Toolbar toolbar = rootView.findViewById(R.id.toolbar);
    toolbar.inflateMenu(R.id.my_menu_with_refresh_icon);
    toolbar.setOnMenuItemClickListener(this);
}

第二个:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.vedi_, container, false);
    Toolbar toolbar = rootView.findViewById(R.id.toolbar);
    toolbar.inflateMenu(R.id.my_menu_with_delete_and_edit_icons);
    toolbar.setOnMenuItemClickListener(this);
}

您还需要通过onAttach方法将第一个片段连接到Activity。阅读更多here(这是用于将工具栏从第一个片段连接到抽屉)