「タイトルバーを消す」をしている人はもうしているかもしれません。まだの人は、「Sample03プロジェクトを公開しました」より、インポートしてください。
今回の課題からは、実践方式になっています。
今までは基本的にソースコードを読んでもらう方式でしたが、手を動かさないとなかなか覚えられないと思いますので、そうしてみました。
Chapter11の完成コードがChapter12に、Chapter12の完成コードがChapter13に、Chapter13の完成コードがChapter14になっています。
では、Chapter11の最初の画面を見てみましょう。
Sample03アプリを起動しましょう。最初の画面は、完成予定画面です。メニューボタンを押して、chapter11をタップしてみましょう。以下の画面が表示されます。
背景だけ適用されているプレーンな画面です。
Chapter11では、ロゴとフッターをつけてもらいます。
完成イメージは以下になります。
課題はコード内に書かれていますが、コードのみ置いておきます。Chapter11自体の答え合わせはChapter12で行います。
コードレビュー
では、コードを見てみましょう。Sample03プロジェクトの/res/layout/chapter11.xmlを開いてください。<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/back_img_repeat"> <!-- ロゴを入れるRelativeLayout --> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingLeft="10dp" android:paddingRight="10dp" android:paddingTop="20dp" android:paddingBottom="20dp"> <!-- ImageViewを使って@drawable/logoを入れてください --> </RelativeLayout> <!-- メニューを入れるLinearLayout --> <LinearLayout android:layout_width="fill_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="vertical"> </LinearLayout> <!-- フッター(広告エリア)など --> <RelativeLayout android:id="@+id/adArea" android:layout_width="fill_parent" android:layout_height="50dp"> <!-- ImageViewを使って@drawable/nail_bannerを入れてください --> </RelativeLayout> </LinearLayout>課題の行をハイライトしています。 回答はChapter12になるので、chapter12.xmlを開いて参考にしてもらっても構いませんが、できればコピペしないでください。
0 件のコメント:
コメントを投稿