Androidの画面の大きさの違いを解決するFragments

■ Fragment#getActivity()

　Fragmentが所属するActivityを取得します。

■ Fragment#getTag()

　Fragmentに割り当てたタグを取得します。ViewはIDによって管理されますが、FragmentはIDによる管理とタグによる管理が可能です。UIを持たないFragmentはIDを割り当てられないため、タグによって管理します。

■ Fragment#getFragmentManager()

　FragmentからFragmentManagerを取得します。

■ FragmentManager#beginTransaction()

　FragmentTransactionを取得します。

　Fragmentに対する、いわゆる画面遷移には、「トランザクション」という考え方を適用します。ここで取得したFragmentTransactionのメソッドを呼び出しても、即座にそれらを適用するわけではありません。後述する、FragmentTransaction#commit()を呼び出して、初めて適用されます。

■ FragmentTransaction#addToBackStack(String)

　トランザクションをバックスタックに追加します。現在のトランザクションをcommit()後に参照したい場合に追加しておきます。任意でこのトランザクションに名前を付けられますが、必要がなければnullを渡します。

■ FragmentTransaction#commit()

　トランザクションをコミットします。もし、addToBackStack(String)でトランザクションをバックスタックに追加している場合、このメソッドの戻り値としてバックスタックエントリのIDを」返します。

■ FragmentManager#popBackStack()

　addToBackStack()でスタックしたトランザクションを1つ戻します。ユーザによるバックキー押下と同様の処理を任意で行えます。

FragmentsをAndroidアプリに実装して使うには

　ここからは、Fragmentを使用するアプリのための、設定方法と実装方法について解説します。

■ レイアウト

　Fragmentを画面にレイアウトする方法は、Viewと同様、レイアウトXMLに設定するか、ソースコード上で追加するかを選べます。

図8　レイアウトエディタのFragment

　レイアウトエディタには、「Fragment」という新たなレイアウトが追加されており、これをドラッグ＆ドロップするだけで、レイアウトが行えます。

　レイアウトエディタでレイアウトした結果が以下です。

図9　レイアウトエディタ上のデザイン

　Fragmentをレイアウトするうえで重要なのは、Fragmentの幅と高さ、およびウェイトの設定です。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="horizontal"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent">
  <fragment android:id="@+id/fragment1"
            android:layout_height="match_parent"
            android:layout_width="0dp" 【1】
            android:layout_weight="1" 【2】
            android:name="com.example.android.fragment.BookmarkFragment" />
  <fragment android:id="@+id/fragment2"
            android:layout_height="match_parent"
            android:layout_width="0dp" 【1】
            android:layout_weight="3" 【3】
            android:name="com.example.android.fragment.WebFragment" />
</LinearLayout>

　【1】では、左右に配置されるFragmentのそれぞれの幅を0dpに設定します。

　【2】では、左側のリストは幅のウェイトを1に設定します。

　【3】では、右側のブラウザは幅のウェイトを3に設定します。このようにすることで、画面サイズによらず、リスト：ブラウザ＝1：3に保てます。

■ Fragmentの実装

　レイアウトXMLで指定したFragmentを実装します。ここでは、今回のサンプルの中から、オーバーライドした2つのメソッドを取り上げて解説します。

    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container, Bundle savedInstanceState) {
        List<String> list = new LinkedList<String>();
        for (String[] bookmark : BOOKMARKS) {
            list.add(bookmark[0]);
        }
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(getActivity(),android.R.layout.simple_list_item_1, list);
        ListView listView = new ListView(getActivity());
        listView.setAdapter(adapter);
        return listView;
    }

　上記は、onCreateView()でFragmentに表示するViewを作成・初期化しているコードです。このクラスはListFragmentを継承しているため、メソッドに渡されている引数を一切使用していませんが、Fragmentから継承させた独自Fragmentの場合、別に作成したレイアウトと、LayoutInfraterで紐付ける必要があります。

　先にも述べたとおり、ListFragmentの場合はonActivityCreated()で初期化する方が賢明です。

    @Override
    public void onListItemClick(ListView l, View v, int position,long id) {
        if (position == 0) {
            getFragmentManager().popBackStack();
        } else {
            String url = BOOKMARKS[position][1];
            WebFragment web = new WebFragment(url);
            FragmentTransaction ft = getFragmentManager().beginTransaction();
            ft.replace(R.id.fragment2, web);
            ft.addToBackStack(null);
            ft.commit();
        }
    }

　上記はリストがクリックされた際に呼び出されるListFragment固有のイベントメソッドです。

　クリックされた場所が先頭なら、バックスタックからポップし、そうでなければ、新しいFragmentを作成し、既存のものと置き換え、トランザクションをバックスタックに追加しています。

　これだけの処理で、Android 2.xでは実現できなかった画面内の画面遷移が行えるようになります。

実は、もっと奥が深い「Fragments」

　Android 3.0から導入されたFragmentsを紹介しました。次回は、この機能がAndroid 1.6以降で使用可能になるAndroid Compatibility Packageを紹介します。

　なお、Fragmentは実はもっと奥が深いのですが、今回はここまでとし、スマートフォン向けとタブレット向けが統合されるIce Cream Sandwichが登場してから、Fragmentsとそれがもたらす可能性について再度取り上げる予定です。

　ちなみにJavaのSDKではありませんが、今回のようなFragmentsの考え方と違い、画面サイズごとに別のスタイルシートを当てて画面の大きさの違いを解決するという方法があります。Flex SDK 4.5.1の「CSS Media Query」機能です。詳細は、以下の記事をご参照ください。

Flash Builderで始めるAndroidアプリ開発“超”入門 Flashでできる！ Androidアプリ制作入門（4）　スマホアプリ向け機能が大幅に追加されたAdobe AIR/Flexフレームワークの便利機能を使ったアプリ開発の仕方を解説 「Smart ＆ Social」フォーラム 2011/7/11

■ ＠IT関連記事

スマートフォンアプリデザインに役立つ基礎のまとめ！ 一撃デザインの種明かし（14）　iPhone／AndroidアプリのUIデザインに困っている方のために、アプリの事例や、作るときのコツ、画面サイズのデータ、参考リンクなどを紹介 デザインハック ＜ リッチクライアント 2011/4/13

売れるスマホアプリを目指せ！ テスト達人への道 安藤幸央のランダウン（56）　iPhone／iPad・Androidアプリ開発にが重要な“使い心地”。しっかりとしたテストを経た高品質なアプリを作るためのポイントをまとめて紹介しよう 「Java Solution」フォーラム 2011/4/27

今日から始める！ Androidケータイアプリ作成の基礎 いまこそ知っておきたい「Androidアプリ」とは　日に日に国内でのニュースが増えているAndroidケータイ。その特徴を押さえてアプリ作成を始めるための基礎を紹介します 「Smart ＆ Social」フォーラム 2009/11/19

携帯アプリを作って学ぶJava文法の基礎　 Java文法の基礎を楽しみながら学ぶために、携帯電話のJavaアプリを作ってみましょう。携帯電話のJavaだけにとどまらないJava全般の文法の基礎が理解できる初心者向け入門連載です 「Smart ＆ Social」フォーラム

【改訂版】Eclipseではじめるプログラミング New! これからプログラミングを学習したい方、Javaは難しそうでとっつきづらいという方のためのJavaプログラミング超入門連載です。最新のEclipse 3.4とJava 6を使い大幅に情報量を増やした、連載「Eclipseではじめるプログラミング」の改訂版となります 「Java Solution」フォーラム

スマートフォンで「できちゃうこと」って？ イチから始める！ Androidセキュリティ（1）　Androidに潜む危険はマルウェアだけはありません。実はアプリの作り方にも注意が必要です。クウと一緒に学びましょう 「Security&Trust」フォーラム 2011/3/3

MONOist > 組み込み開発 > Android ケータイ分野以外の組み込みデバイス開発の現場でも注目を集めている「Android」。組み込みデバイスへの適用からアプリケーション開発、イベントレポート、ニュースなどAndroidに関するさまざまな技術情報・最新動向をお届けします！

1-2-3

Index

第24回　Androidの画面の大きさの違いを解決するFragments   Page1 「Android 2.x」VS「Android 3.x」 Activity内にUIや振る舞いを分割「Fragments」とは   Page2 Activityと連動する、Fragmentの“ライフサイクル” メソッド別「Fragments」を使用する際のポイント   Page3 FragmentsをAndroidアプリに実装して使うには 実は、もっと奥が深い「Fragments」

ご意見、ご感想は Smart＆Social 会議室へどうぞ

Smart＆Social フォーラム トップページへ