Question

在我将其切换为在DrawerLayout中使用片段之前，我的布局工作正常。之后，主视图中的ListView在滚动时会重复列表的副本。

ListView内容滚动，但第一页的副本仍保留在屏幕上。我一直在记录调试消息，没有创建listview的第二个副本，也没有从适配器发送的第二个数据副本。

enter image description here

活动的布局使用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与不同的适配器基本相同。当NavigateFragment没有重影时，它是重影的ReceiptsFragment。但它们基本上可以采用相同的方法。

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

Answer 1

我错误地错误地跟踪了片段教程，并在布局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中的动态创建解决了我的问题。

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

1 个答案: