我目前正在开发一个有望像“电子书”播放器一样的应用程序。在阅读了许多与 Fragment 相关的教程后，我决定采用“Fragment/Viewpager”的方法。
更详细一点，我决定遵循 Linden Darling 的关于嵌套片段的精彩教程 https://plus.google.com/100467024733771542884/posts/24HcFW5hEiV。
我为每个单独的书页创建了一个“webview”片段，它有自己的布局。因此，如果我的书由 6 页组成，那么我将拥有 BookPage1Fragment、BookPage2Fragment、BookPage3Fragment、BookPage4Fragment、BookPage5Fragment、BookPage6Fragment 等。我设法让它在 viewpager 中工作，所以所有在片段中滑动等工作正常。问题是，屏幕上一次只能看到一个片段。我想要两个片段（多窗格），在大型设备上运行应用程序时，横向和单窗格（一次一个片段）在较小的设备或纵向视图上运行时。我想显示一个两个窗格布局，其中一个片段左侧和一个片段右侧。
请参见下面的代码：
public class ParentFragment extends Fragment {
public static final String TAG = ParentFragment.class.getSimpleName();
public static ParentFragment newInstance() {
return new ParentFragment();
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setRetainInstance(true);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_parent, container, false);
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
ViewPager mViewPager = (ViewPager) view.findViewById(R.id.viewPager);
mViewPager.setAdapter(new MyAdapter(getChildFragmentManager()));
}
public static class MyAdapter extends FragmentPagerAdapter {
public MyAdapter(FragmentManager fm) {
super(fm);
}
@Override
public int getCount() {
return 6;
}
/*
@Override
public Fragment getItem(int position) {
Bundle args = new Bundle();
args.putInt(TextViewFragment.POSITION_KEY, position);
return TextViewFragment.newInstance(args);
}
*/
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new BookPage1Fragment();
case 1:
return new BookPage2Fragment();
case 2:
return new BookPage3Fragment();
case 3:
return new BookPage4Fragment();
case 4:
return new BookPage5Fragment();
case 5:
return new BookPage6Fragment();
default:
return getItem(0);
}
}
@Override
public CharSequence getPageTitle(int position) {
return "Fragment # " + position;
}
}
}
基本上在横向模式下出现两个片段，在纵向模式下一次出现一个片段，就像 developer.blogspot http://android-developers.blogspot.in/2011/02/android-30-fragments-上的示例描述的那样api.html，但嵌入在 viewpager 中。
这是我的 main.layout。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout> xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</RelativeLayout>
这是我的 webview 片段
public class WebViewFragment extends Fragment {
@SuppressLint("SetJavaScriptEnabled")
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View mainView = (View) inflater.inflate(R.layout.fragment_web, container, false);
WebView myWebView = (WebView) mainView.findViewById(R.id.webview);
myWebView.loadUrl("file:///android_asset/Ebook-001.html");
myWebView.setWebViewClient(new MyWebViewClient());
myWebView.getSettings().setBuiltInZoomControls(true);
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.getSettings().setSupportZoom(true);
myWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
myWebView.getSettings().setAllowFileAccess(true);
myWebView.getSettings().setDomStorageEnabled(true);
myWebView.getSettings().setUseWideViewPort(true);
myWebView.getSettings().setLoadWithOverviewMode(true);
return mainView;
}
}
这是我的 webview 片段布局：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
所以总而言之，我想：
1：在viewpager中横向显示两个片段，纵向显示单个。
2：不管设备大小都使用一个activity，并在运行时决定是在布局中合并片段（创建多窗格设计）还是交换片段（创建单窗格设计）
希望这一切都有意义！提前感谢您的任何建议...