Japanese subtitles

← 03-32 Minor Adjustments - Solution

Get Embed Code
13 Languages

Showing Revision 4 created 10/13/2015 by Nobuko Hamaguchi.

  1. 実は この問題の正解は2つあります
  2. 「 padding 」と
    「 layout_margin 」です
  3. ですので どちらかを選んでいれば
    両方選ぶ必要はありません
  4. その理由を紹介しましょう
  5. 実践の場では
    padding を使ったビューと
  6. layout_margin を使ったビューは
    とても似ているのです
  7. ビューの境界線を実際に
    描いてみましょう
  8. ビューの境界線を描いてみると
  9. 実際に2つの違いが分かります
  10. padding の場合
  11. ビューの内側にスペースを入れて
    実際にはビューを大きくしています
  12. layout_margin では
    ビューの周囲にスペースを入れており
  13. ビューのサイズは変わりません
  14. こんなことがいつ影響するのか
    何故 2つの属性があるのか
  15. 不思議に思うかもしれません
  16. もし ビューに境界線や
    背景色を入れるなどしたら
  17. 実際に これらはとても違う風に見えます
  18. 今回は境界線も背景色も入れませんので
  19. padding でも layout_margin でも
    どちらでも構わないのです
  20. 両方を選ぶ必要はありません
  21. どちらでも選べますので
    まあ 適当に行きましょう
  22. パディングを加える方にしましょうか
  23. Android Studio では
    どのようになるか見てみましょう
  24. activity_main に戻ってきました
  25. パディング属性は
    テキストビューをスクリーンの端から
  26. 離すためテキストビューに
    加えるものです
  27. padding と layout_margin は
    4つのサイドにスペースを加えるのです
  28. では それを加えていきましょう
  29. 全てのサイドに 20 dp のスペースが
    欲しかったんですよね
  30. ですので 値を丁度ここに入れます
  31. プレビューがアップデートされ
    加えたスペースを表示しました
  32. スクロールダウンしていきます
  33. いいですね
    ちょっと色々やってみたい気分なので
  34. padding の代わりに layout_margin を
    テキストビューに加えてみましょう
  35. よし テキストビューに
    すぐに反映されました
  36. ここで気がついてほしいのは
  37. layout_margin を変えた時は
    テキストビューのサイズは増加しません
  38. ですから 上のこちらのテキストビューの
    サイズは実際には変わっています
  39. もし layout_margin と padding の
    両方とも加えたら どうなるでしょう
  40. 見てみましょう
  41. テキストは壁から 40 dp 離れています
  42. 20 dp がここで さらに
    パディングの 20 dp でここです
  43. 壁面から 40 dp も
    離れていなくていいので
  44. これを消していきます
  45. 20 dp のパディングが「 From, Lyla 」の
    テキストビューに入りました
  46. そして「 Happy Birthday, Ben 」の
    テキストビューに 20 dp のパディング
  47. 素晴らしい スマホで実行しましょう
  48. では 完成品の
    バースディカードアプリをお見せしましょう
  49. ジャジャーン
  50. これで この To-Do リストの
    最後の項目を完了しました