[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.18,0:00:04.71,Default,,0000,0000,0000,,このレイアウトを構築するために\Nactivity_main.xml ファイルを開きます
Dialogue: 0,0:00:04.71,0:00:09.04,Default,,0000,0000,0000,,これらのビューを縦に配置する\Nリニアレイアウトが必要です
Dialogue: 0,0:00:09.34,0:00:12.87,Default,,0000,0000,0000,,まず最初に相対レイアウトを\Nリニアレイアウトに変えます
Dialogue: 0,0:00:12.87,0:00:18.33,Default,,0000,0000,0000,,すぐに開始タグと終了タグが一致しませんという\Nエラーが表示されますので
Dialogue: 0,0:00:18.44,0:00:20.84,Default,,0000,0000,0000,,コピーして下に貼り付けます
Dialogue: 0,0:00:20.84,0:00:22.10,Default,,0000,0000,0000,,これで一致しました
Dialogue: 0,0:00:22.10,0:00:23.93,Default,,0000,0000,0000,,次にビューに追加していきます
Dialogue: 0,0:00:23.93,0:00:25.72,Default,,0000,0000,0000,,まずは Quantity（量）の\Nテキストビューにします
Dialogue: 0,0:00:25.72,0:00:29.88,Default,,0000,0000,0000,,ここのテキストビューの中身を\NQuantityに変更します
Dialogue: 0,0:00:29.88,0:00:31.96,Default,,0000,0000,0000,,次は　０（ゼロ）というテキストビューです
Dialogue: 0,0:00:31.96,0:00:34.84,Default,,0000,0000,0000,,最初のテキストビューを\Nコピーして下に貼り付けます
Dialogue: 0,0:00:34.84,0:00:38.43,Default,,0000,0000,0000,,このスクリーンショットに合うように\Nテキストを０に書き換えます
Dialogue: 0,0:00:38.43,0:00:41.50,Default,,0000,0000,0000,,このリニアレイアウトの\N最後の入れ子はボタンです
Dialogue: 0,0:00:41.50,0:00:45.02,Default,,0000,0000,0000,,ボタンを入れるのは初めてなので\NGoogle で検索しましょう
Dialogue: 0,0:00:45.02,0:00:48.16,Default,,0000,0000,0000,,ブラウザで button Android と検索します
Dialogue: 0,0:00:48.16,0:00:51.50,Default,,0000,0000,0000,,最初のリンクでいいでしょう\Ndeveloper.android.com　のサイトです
Dialogue: 0,0:00:52.57,0:00:56.70,Default,,0000,0000,0000,,ボタンに関するドキュメントですが\N大部分は無視してかまいません
Dialogue: 0,0:00:56.70,0:00:59.25,Default,,0000,0000,0000,,「クラスの概要」までスクロールしましょう
Dialogue: 0,0:00:59.25,0:01:03.00,Default,,0000,0000,0000,,まだ習っていない Java コードについて\N話していますが
Dialogue: 0,0:01:03.00,0:01:06.30,Default,,0000,0000,0000,,下にボタンの XML が載っています
Dialogue: 0,0:01:06.30,0:01:09.28,Default,,0000,0000,0000,,これをコピーして\Nコードに書き込んでみましょう
Dialogue: 0,0:01:09.28,0:01:12.42,Default,,0000,0000,0000,,２つのテキストビューの下に\Nボタンを追加します
Dialogue: 0,0:01:12.42,0:01:16.03,Default,,0000,0000,0000,,ここにコピーしたコードを貼り付けます\N
Dialogue: 0,0:01:16.03,0:01:18.90,Default,,0000,0000,0000,,self destruct string を消して
Dialogue: 0,0:01:18.90,0:01:22.28,Default,,0000,0000,0000,,order（注文）にしてみましょう
Dialogue: 0,0:01:22.28,0:01:24.90,Default,,0000,0000,0000,,最後の一行も必要ないので削除しましょう
Dialogue: 0,0:01:24.90,0:01:29.49,Default,,0000,0000,0000,,これでQuantity（量） ０（ゼロ）のテキストビュー\Norder（注文）のボタンができました
Dialogue: 0,0:01:30.32,0:01:32.22,Default,,0000,0000,0000,,アプリを実行してみましょう
Dialogue: 0,0:01:32.22,0:01:33.97,Default,,0000,0000,0000,,緑のプレイボタンを押します
Dialogue: 0,0:01:34.73,0:01:36.99,Default,,0000,0000,0000,,下を見ると まだ構築の途中ですね
Dialogue: 0,0:01:37.21,0:01:39.06,Default,,0000,0000,0000,,おっと　違いますね
Dialogue: 0,0:01:39.22,0:01:43.47,Default,,0000,0000,0000,,リニアレイアウトが縦ではなく\N横に表示されてしまいました
Dialogue: 0,0:01:43.47,0:01:47.59,Default,,0000,0000,0000,,orientationの属性を\N追加することにしましょう
Dialogue: 0,0:01:47.59,0:01:52.02,Default,,0000,0000,0000,,android:orientation="vertical"\Nに変更します
Dialogue: 0,0:01:52.02,0:01:53.57,Default,,0000,0000,0000,,これで解決したはずです
Dialogue: 0,0:01:53.57,0:01:54.49,Default,,0000,0000,0000,,もう一度実行しましょう
Dialogue: 0,0:01:55.52,0:01:57.01,Default,,0000,0000,0000,,良くなりました
Dialogue: 0,0:01:57.01,0:02:00.27,Default,,0000,0000,0000,,３つの子ビューが縦に並びました
Dialogue: 0,0:02:00.27,0:02:01.96,Default,,0000,0000,0000,,フィールドのスタイルを少し整えて
Dialogue: 0,0:02:01.96,0:02:04.16,Default,,0000,0000,0000,,例のスクリーンショットのように\N見えるようにしましょう
Dialogue: 0,0:02:05.28,0:02:08.46,Default,,0000,0000,0000,,この画面ではQuantityの\Nテキストビューはすべて大文字です
Dialogue: 0,0:02:09.60,0:02:13.95,Default,,0000,0000,0000,,最初のレッスンで\Nandroid:textAllCaps を学びましたね
Dialogue: 0,0:02:13.95,0:02:16.23,Default,,0000,0000,0000,,オートコンプリートにも出てきています
Dialogue: 0,0:02:16.23,0:02:20.43,Default,,0000,0000,0000,,enter を押せば自動的に\Nコードに追加してくれます
Dialogue: 0,0:02:21.40,0:02:24.97,Default,,0000,0000,0000,,大文字にしたいので値は‟true”とします
Dialogue: 0,0:02:24.97,0:02:28.58,Default,,0000,0000,0000,,大文字にする際に\Nこの属性を使う利点は
Dialogue: 0,0:02:28.58,0:02:32.62,Default,,0000,0000,0000,,UI を変更したくなり\Nquantity を小文字にすることになったら
Dialogue: 0,0:02:32.62,0:02:37.76,Default,,0000,0000,0000,,テキストを書き換えるのではなく\N属性を削除するだけで済むからです
Dialogue: 0,0:02:38.02,0:02:43.06,Default,,0000,0000,0000,,次は０というテキストのサイズを\N16sp に変えます
Dialogue: 0,0:02:43.06,0:02:45.97,Default,,0000,0000,0000,,またオートコンプリートの\N選択肢に出てきたので
Dialogue: 0,0:02:45.97,0:02:50.00,Default,,0000,0000,0000,,enter を押して値を 16sp にします
Dialogue: 0,0:02:50.00,0:02:53.31,Default,,0000,0000,0000,,フォントの色も黒にしたいですね
Dialogue: 0,0:02:53.31,0:02:55.70,Default,,0000,0000,0000,,Androidの黒のシステムカラーを使います
Dialogue: 0,0:02:55.70,0:02:57.38,Default,,0000,0000,0000,,このように書きます
Dialogue: 0,0:02:57.38,0:03:00.56,Default,,0000,0000,0000,,quantityと０のテキストビューができました
Dialogue: 0,0:03:00.56,0:03:05.01,Default,,0000,0000,0000,,注文ボタンはこのままでいいでしょう\N大文字になっていますし
Dialogue: 0,0:03:05.01,0:03:08.82,Default,,0000,0000,0000,,高さと幅はwrap contentになっています
Dialogue: 0,0:03:08.82,0:03:11.90,Default,,0000,0000,0000,,この縦のスペースを何とかする必要があります
Dialogue: 0,0:03:11.90,0:03:17.08,Default,,0000,0000,0000,,量とゼロの間に 16dp のパディングか\Nマージンを入れたいですね
Dialogue: 0,0:03:17.19,0:03:21.20,Default,,0000,0000,0000,,ゼロと注文ボタンの間にも\N16dp のパディングが必要です
Dialogue: 0,0:03:21.43,0:03:23.96,Default,,0000,0000,0000,,実装方法はたくさんありますが
Dialogue: 0,0:03:23.96,0:03:28.11,Default,,0000,0000,0000,,私は ボタンには上にマージンを追加します
Dialogue: 0,0:03:31.41,0:03:34.49,Default,,0000,0000,0000,,quantityには\N下部マージンを追加することにします
Dialogue: 0,0:03:37.81,0:03:40.81,Default,,0000,0000,0000,,結果が同じであれば他の方法でも構いません
Dialogue: 0,0:03:40.81,0:03:44.00,Default,,0000,0000,0000,,私が上部マージンと\N下部マージンを使うことにしたのは
Dialogue: 0,0:03:44.00,0:03:47.04,Default,,0000,0000,0000,,この真ん中のエリアは後で変更するからです
Dialogue: 0,0:03:47.04,0:03:50.74,Default,,0000,0000,0000,,プラスとマイナスのボタンの量を\N選べるピッカーにしますが
Dialogue: 0,0:03:50.74,0:03:56.23,Default,,0000,0000,0000,,quantity の見出しとピッカーの間に\N16dp のスペースを入れたいからです
Dialogue: 0,0:03:56.83,0:03:58.15,Default,,0000,0000,0000,,ボタンも同じです
Dialogue: 0,0:03:58.61,0:04:01.28,Default,,0000,0000,0000,,デバイスで実行してみましょう
Dialogue: 0,0:04:01.28,0:04:03.35,Default,,0000,0000,0000,,思った通りにできました
Dialogue: 0,0:04:03.35,0:04:10.20,Default,,0000,0000,0000,,quantityのテキストビューはすべて大文字になり\N０のテキストビューは 16sp の黒で表示
Dialogue: 0,0:04:10.21,0:04:11.71,Default,,0000,0000,0000,,注文ボタンがここにあります
Dialogue: 0,0:04:11.71,0:04:14.54,Default,,0000,0000,0000,,ビューの間に\N16dp のスペースがあります
Dialogue: 0,0:04:15.76,0:04:16.76,Default,,0000,0000,0000,,よくできました！
Dialogue: 0,0:04:16.76,0:04:18.24,Default,,0000,0000,0000,,忘れるところでした
Dialogue: 0,0:04:18.24,0:04:21.56,Default,,0000,0000,0000,,クイズでは このボタンを押すと\Nどうなるか問われます
Dialogue: 0,0:04:22.84,0:04:25.95,Default,,0000,0000,0000,,今のところ何も起きません
Dialogue: 0,0:04:25.95,0:04:27.66,Default,,0000,0000,0000,,どうなるかは続きをご覧ください