android - 将FragerLayout与Fragments一起使用时ListView重影

我的布局很好，然后我把它换成抽屉里的碎片。之后，主视图中的list view在滚动时会重影列表的副本。
ListView内容滚动，但第一页的副本仍保留在屏幕上。我一直在记录调试消息，没有创建listview的第二个副本，也没有从适配器发送数据的第二个副本。
活动的布局在切换到片段之前使用带片段的drawerlayout，它工作得很好。

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="400dp"
    android:layout_height="800dp">

<!-- The main content view -->
<fragment android:name="com.nosweatbudgets.receipts.ReceiptsFragment"
          android:id="@+id/receipts_fragment"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
        />

<!-- The navigation drawer -->
<fragment android:name="com.nosweatbudgets.navigate.NavigateFragment"
          android:id="@+id/navigate_fragment"
          android:layout_width="300dp"
          android:layout_height="match_parent"
          android:layout_gravity="start"
        />

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

片段类都非常简单。
ReceiptsFragment的onCreateView如下所示。

    View view = inflater.inflate(R.layout.receipts, container, false);

    _adapter = new ReceiptsAdapter(inflater);
    ListView list = (ListView) view.findViewById(R.id.receipt_list);
    list.setAdapter(_adapter);
    _adapter.Refresh();

    return view;

NavigateFragment的onCreateView与其他适配器基本相同。是接收器碎片在重影，而导航标签没有重影。但他们基本上可以采取同样的方法。

    View view = inflater.inflate(R.layout.navigate, container, false);

    _navigate = new NavigateAdapter(inflater);
    // setup the list view for the side
    ListView list = (ListView) view.findViewById(R.id.left_drawer);
    list.setAdapter(_navigate);
    _navigate.Refresh();

    return view;

对于上面的片段类，我使用以下布局。
receipts.xml看起来像这样。

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
<ListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/receipt_list"/>
</RelativeLayout>

navigate.xml看起来像这样。

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
<ListView
        android:id="@+id/left_drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:choiceMode="singleChoice"
        android:background="#EEEEEE"/>
</RelativeLayout>

拉出导航列表视图工作得很好，但是主收据列表视图有重影问题。
我完全搞不懂是什么引起的。
编辑：
下面是如何在ReceiptsAdapter中创建视图的。

public View getView(int position, View convertView, ViewGroup parent)
{
    View view = convertView;
    if (view == null)
    {
        view = _inflater.inflate(R.layout.receipt, null);
    }

    TextView txt_vendor = (TextView) view.findViewById(R.id.receipt_vendor);
    TextView txt_category = (TextView) view.findViewById(R.id.receipt_category);
    TextView category_btn = (TextView) view.findViewById(R.id.category_btn);

    Model receipt = _receipts.get(position);

    int vendor_id = receipt.getAsInteger("smart_vendor_id");
    int category_id = receipt.getAsInteger("smart_category_id");


    if (_vendors.indexOfKey(vendor_id) >= 0)
    {
        txt_vendor.setText(_vendors.get(vendor_id));
    }
    else
    {
        txt_vendor.setText("Select Vendor");
    }

    if (_categories.indexOfKey(category_id) >= 0)
    {
        String cat = _categories.get(category_id);
        txt_category.setText(cat);
        category_btn.setText(Category.ShortTitle(cat));
        category_btn.setBackgroundColor(Category.Color(cat));
        //txt_category.setBackgroundColor(c);
    }
    else
    {
        txt_category.setText("Select Category");
        category_btn.setText("N/A");
    }

    ((TextView) view.findViewById(R.id.receipt_amount)).setText("$" + receipt.getAsString("amount"));
    ((TextView) view.findViewById(R.id.receipt_payment)).setText(receipt.getAsString("payment"));
    ((TextView) view.findViewById(R.id.receipt_date)).setText(receipt.getAsString("receipt_date"));

    return view;
}

编辑：
这就是布局活动如何通过onCreate方法附加片段。

public void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);

    // the layout uses fixed width/size, because the layout editor won't render match_parent.
    // so I replace the layout parameters here with match_parent.
    DrawerLayout layout = (DrawerLayout) getLayoutInflater().inflate(R.layout.main, null);
    DrawerLayout.LayoutParams param = new DrawerLayout.LayoutParams(ViewGroup.LayoutParams
            .MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
    layout.setLayoutParams(param);
    setContentView(layout);

    // configure this activity
    StyleActionBar();

    // Add the fragments
    getSupportFragmentManager().beginTransaction()
            .add(R.id.navigate_fragment, new NavigateFragment())
            .add(R.id.receipts_fragment, new ReceiptsFragment())
            .commit();
}

最佳答案

我错误地遵循了片段教程，在布局xml中创建了一个静态片段，并且在运行时为同一个类创建了一个动态片段。
主布局使用<fragment>标记创建一个片段，该片段在运行时通过android:name属性自动附加。
这就是我的layout.xml

<fragment android:name="com.nosweatbudgets.receipts.ReceiptsFragment"
          android:id="@+id/receipts_fragment"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
        />

这足以创建片段，但我在活动中错误地添加了片段教程中的代码，如下所示。

    getSupportFragmentManager().beginTransaction()
            .add(R.id.navigate_fragment, new NavigateFragment())
            .add(R.id.receipts_fragment, new ReceiptsFragment())
            .commit();

它在运行时向活动添加了两个额外的片段视图。这导致同一位置有两个列表视图。
看起来像是鬼影的东西，实际上是同一个类的两个碎片在彼此之上。删除onCreate中的动态创建解决了我的问题。