Return to Video

13-08 Scrolling Along - Solution

  • 0:01 - 0:03
    早速、やり方をGoogleで調べてみましょう。
  • 0:03 - 0:05
    Androidのアプリの
    スクロール方法で検索します。
  • 0:06 - 0:08
    一番上の検索結果を見て見ましょう。
  • 0:08 - 0:11
    質問はレイアウトを
    どうやってスクロールダウンさせるるかです。
  • 0:11 - 0:14
    このサイトが探していた内容に合ってますね。
  • 0:14 - 0:16
    回答欄へ飛ぶと、
    グリーンのチェックマークがあり、
  • 0:16 - 0:18
    たくさんの得票数があります。
  • 0:18 - 0:20
    ですので、役立つ回答に違いありません。
  • 0:20 - 0:23
    ScrollViewの中身を挟む、とあります。
  • 0:23 - 0:26
    そしてここにサンプルがあり、ScrollView
  • 0:26 - 0:29
    名前空間が書かれていて、
  • 0:29 - 0:34
    縦幅と横幅は、"fill_parent"とあり、
    そして終わりのタグがあります。
  • 0:34 - 0:39
    このコメントに、残っている現在のViewを
    中にいれると書かれています。
  • 0:39 - 0:43
    予備知識ですが、fill_parentは
    match_parentと同じです。
  • 0:43 - 0:46
    古い書き方というだけで、意味は同じです。
  • 0:46 - 0:51
    次の行に、ScrollViewには
    1行のみ表示とあります。
  • 0:51 - 0:53
    これは誰かが作ったオリジナルのレイアウトで、
  • 0:53 - 0:56
    ScrollViewの内容をここに入れ、
  • 0:56 - 1:00
    こちらを親、linear layoutを
    子のViewにしているようです。
  • 1:00 - 1:03
    これは役に立つ情報でした。
  • 1:03 - 1:04
    戻って他のやり方がないか見てみましょう。
  • 1:07 - 1:09
    こちらも同じことを説明しています。
  • 1:09 - 1:14
    ここにはXMLのレイアウトがあり、
    スクロールが目的のようです。
  • 1:14 - 1:17
    いつも私は書かれていること
    全てを詳しく読みません。
  • 1:17 - 1:19
    回答部分だけを確認します。
  • 1:19 - 1:20
    こう書かれています。
  • 1:20 - 1:23
    親のScrollViewに
    全てのXMLを含めていますか?
  • 1:23 - 1:26
    そしてここにサンプルの
    ScrollViewがあって、
  • 1:26 - 1:28
    子はRelativeLayout
  • 1:28 - 1:31
    そして終わりのタグとして
    ScrollViewがあります。
  • 1:31 - 1:34
    このスレッドにあるのはこれだけです。
  • 1:34 - 1:38
    今見た2つの検索結果は
    ScrollViewの使い方について
  • 1:38 - 1:39
    同じことを言っているようです。
  • 1:39 - 1:44
    検索ワードを「ScrollView」、
    「android」に変えてみましょう。
  • 1:44 - 1:48
    バッチリ。AndroidのViewで、
  • 1:48 - 1:50
    ここに説明があります。
  • 1:50 - 1:53
    ここに色々書いてありますが、
    スキップします。
  • 1:53 - 1:54
    目を通したければ、どうぞ。
  • 1:54 - 1:57
    検索結果画面に戻ります。
  • 1:57 - 1:59
    サンプルのコードが書いてある方が便利です。
  • 1:59 - 2:02
    先ほど見たページみたいに
    サンプルがあればいいのですが。
  • 2:02 - 2:04
    これは良さそうですね。
  • 2:04 - 2:06
    Android Studioに
    戻りましょう。
  • 2:06 - 2:10
    これら全てのXMLサンプルに
    ScrollVIewが冒頭にあります。
  • 2:10 - 2:13
    すぐにエラーが出て、
    Viewに十分な横幅と縦幅がない
  • 2:13 - 2:14
    と言っています。
  • 2:14 - 2:18
    ここに、match_parentと定義します。
  • 2:19 - 2:22
    括弧を閉じると、すぐに終わりのタグが表示されます。
  • 2:22 - 2:24
    これをコピーして
  • 2:24 - 2:30
    このファイルの下部にペーストします。
  • 2:31 - 2:36
    これで、今あるLinearLayoutが、
    このScrollViewの子であること表します。
  • 2:36 - 2:41
    これを全て選択して、
    スペース4文字分のインデントを行います。
  • 2:41 - 2:44
    このScrollViewの
    子Viewとして見やすくなります。
  • 2:45 - 2:49
    Android StudioのEditメニューの
    Indent Selectionで
  • 2:49 - 2:52
    スペース4文字分インデントされます。
  • 2:52 - 2:53
    すると、見栄えが良くなりました。
  • 2:54 - 2:55
    まだエラーがあります。
  • 2:55 - 2:59
    名前空間 'android'が結びついていない
    と書かれています。
  • 2:59 - 3:00
    詳細をクリックします。
  • 3:00 - 3:06
    XML上で結びついていない名前空間の
    プレフィックスを点検しているとのこと。
  • 3:06 - 3:08
    レッスン1を振り返ってください。
  • 3:08 - 3:12
    「android:」は、この名前空間から来ています。
  • 3:12 - 3:16
    従ってこれをカットして上にペーストします。
  • 3:16 - 3:21
    ツールの名前空間もここに移動させましょう。
  • 3:21 - 3:25
    ツールの名前空間は
    XMLに加えることができる属性で
  • 3:25 - 3:28
    アプリをデバッグしたり
    ビルドするのに役立ちます。
  • 3:28 - 3:31
    これからアプリを端末で起動します。
  • 3:31 - 3:35
    特に見た目は変わっていません。
  • 3:35 - 3:38
    まだ十分なコンテンツがないため
    スクロールできないからです。
  • 3:38 - 3:41
    実際にテストするには、
    他にもViewを付け足す必要があります。
  • 3:41 - 3:44
    前にやったように、裏技を使ってみましょう。
  • 3:44 - 3:47
    これを全てコピーして、
    レイアウトにペーストします。
  • 3:47 - 3:49
    これで長い注文画面を作ります。
  • 3:50 - 3:54
    さぁ、これで注文画面が長くなり、
    スクロールできるようになりました。
  • 3:54 - 3:56
    ワクワクしますね。
  • 3:56 - 3:59
    向きを変えても、スクロールできます。
  • 4:01 - 4:04
    元に戻して、
    前の注文画面に戻すこともできます。
  • 4:05 - 4:07
    ScrollViewはそのままにしておきます。
  • 4:07 - 4:09
    このアプリは色々な端末に対応するので、
  • 4:11 - 4:13
    もし、ユーザーがこの端末よりも
    小さい端末を利用している場合
  • 4:13 - 4:16
    画面全体を見るためには、
    スクロールする必要があるからです。
タイトル:
13-08 Scrolling Along - Solution
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
UD837 - Android for Beginners
Duration:
04:17

Japanese subtitles

改訂