Shoeisha Technology Media

CodeZine(コードジン)

特集ページ一覧

Androidアプリでのタブレット用2ペイン表示

Web APIで楽々Androidアプリ(8)

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2014/02/20 14:00

 Android端末の通信機能と、国内外のさまざまなサイトで提供されているWeb APIを活用すれば、楽しいアプリをかんたんに作ることができます。この連載では、多種多様なWeb APIの紹介と、そのAPIを利用したサンプルアプリの制作を通じて、Androidアプリの実践的な開発を解説します。

目次

はじめに

 前回は、Google Mapsのイベントリスナー処理と、MapFragmentをカスタマイズする方法を解説しました。第8回めの本稿からは、スマートフォン、タブレットの両方に対応できるように変更していきます。今回は、まず最寄り駅の一覧を表示するFragmentを追加して、2ペイン表示する方法を解説しましょう。

対象読者

 Androidアプリケーションの開発を始めたい方で、JavaとEclipseの基本的な知識がある方を対象とします。

2ペイン表示とは

 ペインとは、表示領域のことです。つまり2ペイン表示とは、2つのウインドウを表示することを意味します。スマートフォンよりも画面サイズが大きいタブレットに適した画面構成で、次のように、おなじみの画面表示になります。

東京(東海道新幹線)をタップしたところ
東京(東海道新幹線)をタップしたところ

 左側のペインでは、Web APIから取得した最寄り駅情報の一覧を表示しています。一覧のなかの駅をタップをすると、地図の中心がその駅の位置に移動します。

スマートフォン、タブレット両対応のアプリを作成する

 タブレット向けには、地図と一覧の2ペイン表示、スマートフォン向けには地図の1ペイン表示(一覧表示はオーバーラップする)するように変更します。

スマートフォン、タブレット対応までの手順

 次のような手順で、コードを書き換えていくことにします。今回は、1~4までを解説します。

  1. 一覧表示のフラグメントを追加する
  2. 2つのフラグメントを生成する
  3. 駅情報を一覧表示する
  4. フラグメントにクリックのコールバックメソッドを追加する
  5. 1ペイン表示のレイアウトを追加する(次回以降)
  6. レイアウトの自動切り替え設定を追加する(次回以降)

一覧表示のフラグメントを追加する

 一覧表示は、ListFragmentというクラスを利用して作成します。ListFragmentとは、その名のとおり、情報をかんたんにリスト表示できるFragmentクラスです。表示するデータ(データソース)は、配列やデータベースなどが利用できます。

 ListFragmentの表示は、ListViewウィジェットが用いられており、あらかじめデフォルトでレイアウトが用意されています。そのため、別途レイアウトファイルを用意しなくても、かんたんに一覧表示することができます。もちろんカスタマイズも可能です。

 では、まずはListFragmentを継承して、最寄り駅を表示するEkiListFragmentクラスを追加してみましょう。

EkiListFragment.java
package com.rakuraku.android.ekimap;
import android.app.ListFragment;
import android.os.Bundle;

// 最寄り駅情報を一覧表示するFragment
public class EkiListFragment extends ListFragment {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setRetainInstance(true); // Fragmentを保存する
    }
}

 追加したコードは、setRetainInstanceメソッドで、Fragmentを保存するものです。

 まだ一覧表示するデータは何も設定していませんが、次はこの状態のまま、2ペイン表示するようにしてみます。


  • LINEで送る
  • このエントリーをはてなブックマークに追加

著者プロフィール

  • WINGSプロジェクト 高江 賢(タカエ ケン)

    <WINGSプロジェクトについて> 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...

  • 山田 祥寛(ヤマダ ヨシヒロ)

    静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「入門シリーズ(サーバサイドAjax/XMLD...

バックナンバー

連載:Web APIで楽々Androidアプリ

もっと読む

All contents copyright © 2005-2018 Shoeisha Co., Ltd. All rights reserved. ver.1.5