Androidアプリのフラグメント（1） ～一つのAndroidアプリでタブレットとスマホに対応～

Android Studio 2で始めるアプリ開発入門 第9回

サンプルプロジェクト作成

　では、今回使用するサンプルアプリを作成していきましょう。

プロジェクト情報

　以下が今回使用するサンプルアプリのプロジェクト情報です。

サンプルアプリのプロジェクト情報

Application name	FragmentSample
Company Domain	android.wings.websarva.com
Package name	com.websarva.wings.android.fragmentsample
Project location	C:\…任意のワークフォルダ…\FragmentSample
Phone and Tablet Minimum SDK	API 15
Add an activity	Empty Activity
Activity Name	MenuListActivity
Layout Name	activity_menu_list

フラグメントの追加

　まず、strings.xmlはダウンロードサンプルを参照してください。なお、ダウンロードサンプルは、次回の改造も含めたソースコードとなっているのでご了承ください。

　先述のとおり、フラグメントはxmlファイルとJavaクラスのセットで成り立っているので、リスト用のフラグメントのセットを追加します。Fileメニューから「New」-「Fragment」-「Fragment(Blank)」を選択してください。以下のようなウィザード画面が表示されます。

図4　Fragmentの追加画面

　以下の情報を入力し、「Finish」をクリックしてください。

ウィザード画面に入力する情報

Fragment Name	MenuListFragment
Create layout XML?	チェックを入れる
Fragment Layout Name	fragment_menu_list
Include fragment factory methods?	チェックをいれない
Include interface callbacks?	チェックをいれない
Target Source Set	main

　すると、所定の位置にMenuListFragmentクラスとfragment_menu_list.xmlファイルが追加されています。

　MenuListFragmentを見てください。クラス宣言のところが

public class MenuListFragment extends Fragment

となっています。フラグメントのJavaクラスは、その名のとおりFragmentクラスを継承して作ります。

フラグメントのライフサイクル

　フラグメントを導入すると、画面構成と処理は、そのほとんどをフラグメントに記述することになります。まず、IntentSampleのactivity_menu_list.xmlの内容をそのままfragment_menu_list.xmlにコピーしてください。

　次に、MenuListFragmentのonCreateView()メソッドに以下のソースコードを記述します（コンストラクタがあらかじめ記述されていますが、こちらは削除しても構いません）。

リスト1　MenuListFragmentにソースコードを追加

public class MenuListFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_menu_list, container, false);  // （1）
        ListView lvMenu = (ListView) view.findViewById(R.id.lvMenu);  // （2）
        
        return view;  // （3）
    }
}

　フラグメントは、画面の一部をブロック化したものなので、アクティビティ同様にライフサイクルを持っています。さらに、それらはアクティビティと連動します。これを図にすると、下図のようになります。

図5　フラグメントのライフサイクル

　この図を見て分かるとおり、リスト1でコードを記述したonCreateView()メソッドというのは、アクティビティのcreate()中の処理であり、フラグメントでは3番目に実行されるメソッドです。この段階で、このフラグメントが担当する画面構成が作られます。なので、まずしなければならない処理は、レイアウトxmlファイルから画面部品を生成することです。これがリスト1の（1）です。ここでは、onCreateView()メソッドの第1引数であるinflaterのメソッドinflate()を使って画面を生成します（infleteに関しては、前回のオプションメニューのところでも解説しています）。その際引数が3個必要です。

　第1引数は、生成するフラグメントのxmlファイルのR値を渡します。

　第2引数は、onCreateView()メソッドの第2引数containerを横流しします。

　第3引数は通常falseとします。これは、inflateした画面ブロックのルートを第2引数とするかしないかを指定する引数です。

　このinflate()メソッドの戻り値が、このフラグメント用の生成された画面ブロックなので、これをonCreateView()メソッドの最後にreturnします。これがリスト1の（3）です。

　もし、生成された画面ブロックに何か動的に手を加えたい場合は、このinflate()とreturnの間に処理を記述します。その際、ブロック内の画面部品を取得する必要が出てきますが、画面部品を取得するのにActivityのように、そのままfindViewById()と記述してもコンパイルエラーとなります。これは、FragmentクラスにfindViewById()メソッドがないのが原因です。代わりとして、いまinflateされた画面ブロックであるviewのfindViewById()を使用します。これがリスト1の（2）です。ここでは、メニューリストを表示するListViewを取得しています。