Question

我试图实现一种布局，当设备以纵向显示时显示视图寻呼机，并在设备处于横向时显示两个窗格。

所以我制作了两个不同的布局文件，一个只有一个ViewPager，另一个有一个LinearLayout，另一个有两个FrameLayout，我不认为有必要在这里显示它们。两种配置也有一个布尔值hasTwoPanes。

@Inject FragmentOne fragmentOne;
@Inject FragmentTwo fragmentTwo;

@Override
protected void onCreate(Bundle state) {
    super.onCreate(state);
    setContentView(R.layout.activity_main);

    FragmentManager fm = getSupportFragmentManager();
    boolean hasTwoPanes = getResources().getBoolean(R.bool.hasTwoPanes);

    TabLayout tabLayout = findViewById(R.id.tab_layout);
    ViewPager viewPager = findViewById(R.id.view_pager);
    if (hasTwoPanes) {
        tabLayout.setVisibility(View.GONE);
    } else {
        tabLayout.setVisibility(View.VISIBLE);
        tabLayout.setupWithViewPager(viewPager);
        viewPager.setAdapter(new MyPagerAdapter(fm));
    }

    FragmentOne frag1 = (FragmentOne) fm.findFragmentByTag(getFragmentName(0));
    if (frag1 != null) fragmentOne = frag1;

    FragmentTwo frag2 = (FragmentTwo) fm.findFragmentByTag(getFragmentName(1));
    if (frag2 != null) fragmentTwo = frag2;

    if (hasTwoPanes) {
        if (frag1 != null) {
            fm.beginTransaction().remove(fragmentOne).commit();
            fm.beginTransaction().remove(fragmentTwo).commit();
            fm.executePendingTransactions();
        }

        fm.beginTransaction().add(R.id.frame_frag1, fragmentOne, getFragmentName(0)).commit();
        fm.beginTransaction().add(R.id.frame_frag2, fragmentTwo, getFragmentName(1)).commit();
    }
}

private class MyPagerAdapter extends FragmentPagerAdapter {

    MyPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        if (position == 0) {
            return fragmentOne;
        } else {
            return fragmentTwo;
        }
    }

    @Override
    public int getCount() {
        return 2;
    }

}

private static String getFragmentName(int pos) {
    return "android:switcher:" + R.id.view_pager + ":" + pos;
}

用Dagger注射两个碎片。如果尚未存在碎片，则根据方向将这些注入的碎片添加到视图寻呼机或布局中。

因为视图寻呼机适配器为其片段命名，所以我需要知道该名称（因此getFragmentName(int pos)方法）以在旋转后获取该片段。

结果是从纵向旋转到横向时正确恢复状态，但从纵向旋转纵向时，视图寻呼机完全为空。当我旋转回景观时，碎片重新出现。标签布局也有错误，没有滑动动画，我可以从一个标签连续滑动到另一个标签，停在任何地方。

为了澄清事情，这发生在一个Activity中，没有父片段。即使未显示片段，也会调用片段onViewCreated。视图寻呼机似乎可以正确恢复instantiateItem中的片段引用。此外，在调试时，片段的added为真，hidden为假。这使它看起来像是一个视图寻呼机渲染问题。

如何让视图寻呼机显示我的片段？
有没有更好的方法来实现我想要的行为？

Answer 1

您是否尝试使用PagerAdapter而不是FragmentPagerAdapter？您将更好地控制片段的创建和处理。否则你不知道FragmentPagerAdapter在做什么（他正在为你做这件事，但可能是错的）。

你可以将大部分逻辑转移到该类中，使活动更加清晰，并且可能还可以解决您遇到的问题。

编辑：由于我们在这里讨论方向更改，您可能应该使用onConfigurationChanged回调来更好地处理该逻辑。

Answer 2

我找到的解决方案非常简单，在我的寻呼机适配器中覆盖getPageWidth，如下所示：

@Override
public float getPageWidth(int position) {
    boolean hasTwoPanes = getResources().getBoolean(R.bool.hasTwoPanes);
    return hasTwoPanes ? 0.5f : 1.0f;
}

R.bool.hasTwoPanes是默认配置和values-land中可用的布尔资源。我的布局对于两种配置都是相同的，并且标签布局只是隐藏在横向上。

片段恢复由视图寻呼机自动完成。

Answer 3

试试这个

Portrait Xml：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <FrameLayout
        android:id="@+id/fragmentA"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />
    <FrameLayout
        android:id="@+id/fragmentB"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />
</LinearLayout>

Landscape Xml：

package com.dev4solutions.myapplication;

import android.graphics.Point;
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;

import com.dev4solutions.myapplication.fragment.FragmentA;
import com.dev4solutions.myapplication.fragment.FragmentB;

public class FragmentActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Point point = new Point();
        getWindowManager().getDefaultDisplay().getSize(point);
        setContentView(R.layout.activity_frag);
        if (point.y > point.x) {
            TabLayout tabLayout = findViewById(R.id.tab);
            ViewPager viewPager = findViewById(R.id.pager);
            tabLayout.setupWithViewPager(viewPager);
            viewPager.setAdapter(new PagerAdapter(getSupportFragmentManager()));

        } else {
            getSupportFragmentManager()
                    .beginTransaction()
                    .add(R.id.fragmentA, new FragmentA())
                    .commit();
            getSupportFragmentManager()
                    .beginTransaction()
                    .add(R.id.fragmentB, new FragmentB())
                    .commit();
        }
    }
}

活动Java：

var price = 0;
$("#TextBookTB tr:gt(0) td:nth-child(5)").each(function(td){
    var content = $(td).text();
    if($.isNumeric(content)) {
      price = price + Number(content);
    }
});
$("#ES3P").text(price);

Viewpager on portrait and two pane on landscape

3 个答案: