4

私は現在、うまくいけば「eBook」プレーヤーのように機能するアプリに取り組んでいます。フラグメントに関連する多くのチュートリアルを読んだ後、「フラグメント/ビューページャー」アプローチを採用することにしました。

もう少し詳しく説明すると、Linden Darling によるネストされたフラグメントに関するすばらしいチュートリアル (https://plus.google.com/100467024733771542884/posts/24HcFW5hEiV) に従うことにしました。

個々の本のページごとに、独自のレイアウトで「webview」フラグメントを作成しました。私の本が6ページで構成されている場合、BookPage1Fragment、BookPage2Fragment、BookPage3Fragment、BookPage4Fragment、BookPage5Fragment、BookPage6Fragmentなどがあります。問題は、一度に 1 つのフラグメントしか画面に表示されないことです。大型デバイスでアプリを実行している場合は 2 つのフラグメント (マルチペイン) が必要で、横向きの場合は単一ペイン (一度に 1 つのフラグメント) が必要です。1 つのフラグメントが左に、1 つのフラグメントが右にある 2 つのペインのレイアウトを表示したいと考えています。

以下のコードを参照してください。

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: ビューページャー内に横向きモードで 2 つのフラグメントを表示し、縦向きモードで単一のフラグメントを表示します。

2: デバイスのサイズに関係なく 1 つのアクティビティを使用し、実行時にフラグメントをレイアウトで結合する (複数ペインのデザインを作成する) か、フラグメントを交換する (単一ペインのデザインを作成する) かを決定します。

これがすべて理にかなっていることを願っています！提案をお寄せいただきありがとうございます...

4

1 に答える 1

1

ランドスケープモード用のレイアウトファイルを作成する必要があります.resフォルダーにlayout-landという名前のファイルを作成する必要があります.そのフォルダーに同じ名前のレイアウトを作成し、レイアウトファイルに配置します.Androidは画面が表示されたときに自動的にそれにアクセスしますランドスケープモードに変更。

于 2016-07-01T10:05:23.607 に答える