appcompat v21问题材质设计:片段覆盖内容和工具栏

时间:2015-01-12 20:24:37

标签: android android-fragments android-appcompat android-toolbar

我跟着http://android-developers.blogspot.de/2014/10/appcompat-v21-material-design-for-pre.html使用工具栏,没有片段,它工作得很好,但是当我使用片段时,片段总是覆盖内容,而在显示片段时我看不到工具栏。

屏幕: enter image description here

当我从当前活动开始另一个活动时,新活动中工具栏的图标不会显示。屏幕:

enter image description here

我使用Android支持库21.0.3。

和MainActivity类中的代码:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);

    mLeftDrawerList = (ListView) findViewById(R.id.left_drawer);
    mToolbar = (Toolbar) findViewById(R.id.toolbar);
    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
    mNavigationDrawerAdapter=new ArrayAdapter<String>( MyActivity.this, android.R.layout.simple_list_item_1, data);
    mLeftDrawerList.setAdapter(mNavigationDrawerAdapter);

    if (mToolbar != null) {
        mToolbar.setTitle("Home");
        setSupportActionBar(mToolbar);
    }
    initDrawer();


    final FragmentManager fragementMgr = getSupportFragmentManager();
    FragmentTransaction transaction = fragementMgr.beginTransaction();
    transaction.add(R.id.fragment_container, new MyFragment());
    transaction.commit();
}

布局xml:

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"     
    tools:context=".MainActivity"
    android:layout_width="match_parent"
    android:id="@+id/drawerLayout"
    android:layout_height="match_parent">

    <!-- activity view -->
    <LinearLayout
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_height="match_parent">

        <include layout="@layout/toolbar" />
        <FrameLayout android:id="@+id/fragment_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </LinearLayout>

    <!-- navigation drawer -->
    <RelativeLayout
        android:layout_gravity="left|start"
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/left_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="#eee"
            android:background="#fff"
            android:dividerHeight="1dp" />
    </RelativeLayout>

</android.support.v4.widget.DrawerLayout>
MyFragment中的

代码:

public class MyFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment, container, false);
        final Button button = (Button) view.findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // Perform action on click
                Intent intent = new Intent(getActivity(), DetailActivity.class);
                startActivity(intent);
            }
        });

        // Inflate the layout for this fragment
        return view;
    }

}

Fragment的布局xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/hello_fragment"
                    android:textStyle="bold"
                    android:gravity="center"
                    android:layout_gravity="top"
                    android:textSize="18sp"
                    android:id="@+id/text"/>
    <Button
     android:layout_height="wrap_content"
     android:layout_width="wrap_content"
     android:layout_below="@+id/text"
     android:text="@string/open"
     android:id="@+id/button"/>
</RelativeLayout>

DetailActivity类中的代码:     公共类DetailActivity扩展ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.detail_activity);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        toolbar.setTitle("Detail");
        setSupportActionBar(toolbar);
    }
}

详细活动的布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent"
    tools:context=".DetailActivity">

    <include layout="@layout/toolbar" />
    <TextView
                android:layout_width="wrap_content"
                android:textColor="#000"
                android:text="Detail Activity Content"
                android:layout_height="wrap_content" />

</LinearLayout>

任何人都可以帮助我吗?非常感谢!

更新:我根据m iav的回复更新了主要活动的代码和布局。

现在,新屏幕显示空白,但更改如下: enter image description here

3 个答案:

答案 0 :(得分:1)

工具栏是你的布局中的一个视图,你可以看到它像textview,现在它是一个textview覆盖你的片段,你使用attrbibu到它下面

答案 1 :(得分:1)

所以最后在检查了样本后:MaterialEverywhere,我带来了更新布局的解决方案:

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"     
    tools:context=".MainActivity"
    android:layout_width="match_parent"
    android:id="@+id/drawerLayout"
    android:layout_height="match_parent">

    <!-- activity view -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <include 
            android:id="@+id/toolbar" 
            layout="@layout/toolbar" />
        <FrameLayout android:id="@+id/fragment_container"
            android:layout_below="@id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </RelativeLayout>

    <!-- navigation drawer -->
    <RelativeLayout
        android:layout_gravity="left|start"
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/left_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="#eee"
            android:background="#fff"
            android:dividerHeight="1dp" />
    </RelativeLayout>

</android.support.v4.widget.DrawerLayout>

技巧是工具栏的父布局和内容框架。我使用RelativeLayout而不是LinearLayout。它现在按预期工作。

无论如何,我发现SDK中的这种变化过于复杂,有很多变化,每个变化都会导致问题。对于开发人员来说,使用干净的API并减少所有这些调整会更好。

答案 2 :(得分:0)

这应该是你的主要布局。

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"     
    tools:context=".MainActivity"
    android:layout_width="match_parent"
    android:id="@+id/drawerLayout"
    android:layout_height="match_parent">

    <!-- activity view -->
    <LinearLayout
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_height="match_parent">

        <include layout="@layout/toolbar" />

        <FrameLayout android:id="@+id/fragment_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

    <!-- navigation drawer -->
    <RelativeLayout
        android:layout_gravity="left|start"
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/left_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="#eee"
            android:background="#fff"
            android:dividerHeight="1dp" />
    </RelativeLayout>

</android.support.v4.widget.DrawerLayout>

这应该是你对新片段的调用:

transaction.add(R.id.fragment_container, new MyFragment())
transaction.commit();

关于第二个问题,导航抽屉不能在不同的活动之间共享。您必须使用新的片段并保持您现在正在使用的相同活动。